Grow your CSS skills. Land your dream job.

Quick Tip – Custom iPhone favicon

  • # January 26, 2009 at 1:51 pm

    Hi everybody :D

    <bad english>

    I’m here to teach how to aply your custom favicon when you add a site on the iPhone home screen*.

    *(Open a site>click the [+] button > add to home screen)

    Well… easy as pie:

    You’ll need only 2 things a 57px X 57px square .png icon and a line of code:

    Code:

    Put this code into the <head><head/> section and voilá.

    Quote:
    >> Important:

    the favicon must be a 57X57px .png file, and is important note that you don’t need to make it’s corners and the glossy effect, commom on iphone icons… iPhone (and iPod Touch) is so awesome that himself create the radius and the glossy effect !!! ;)

    Examples:
    (iPhone simulator make the icons too :) )
    [attachment=1]custonIcon.png[/attachment]

    [attachment=0]Imagem6.png[/attachment]

    Hope you guys enjoy ths… ;)

    </bad english>

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".