iphone / ipod touch bookmark icon

Discussion in 'Web Design and Development' started by JoshBoy, Jul 6, 2010.

  1. JoshBoy macrumors 6502

    JoshBoy

    Joined:
    Oct 12, 2008
    Location:
    Sydney, Australia
    #1
    Hi All,

    I have followed instruction on the web, first i will explain what i want. With my website, created in iweb and hosted on mobileme with a personal domain name (www.joshuabeniston.com) please note still a work in progress :)

    I want people to bookmark the website on their iphones or ipod touches and have a specific icon.

    I created the icon as per instructions, I saved it as the instruced file name and as a PNG file, saved it in idisk - web - sites - joshua_beniston_photography and no luck at all :(

    What am i doing wrong here?
     
  2. ChicoWeb macrumors 65816

    ChicoWeb

    Joined:
    Aug 16, 2004
    Location:
    California
    #2
    This is how I did it.

    PNG 45x45
    Name your file "apple-touch-icon.png "
    Use this code.
    Code:
    <link rel="apple-touch-icon" href="/apple-touch-icon.png"/>
     
  3. citizenzen macrumors 65816

    Joined:
    Mar 22, 2010
    #3
    LOVE it!
     
  4. JoshBoy thread starter macrumors 6502

    JoshBoy

    Joined:
    Oct 12, 2008
    Location:
    Sydney, Australia
  5. 124151155 macrumors regular

    124151155

    Joined:
    Jan 9, 2008
    #5
    You don't actually need the code in your page.
    I am the webmaster of trapdoor.com.au, and I did not include any code for my iOS bookmark icon. Just included a file called apple-touch-icon.png and put it in the root directory, it works fine.

    You also don't need to apply the apple-ish effects on it - the device will round the corners and apply the reflection and everything.

    Good luck!
     
  6. JoshBoy thread starter macrumors 6502

    JoshBoy

    Joined:
    Oct 12, 2008
    Location:
    Sydney, Australia
    #6
    I thought that's what I did as I said above but it just won't work, is that the correct root directory I have placed it in?
     
  7. 124151155 macrumors regular

    124151155

    Joined:
    Jan 9, 2008
    #7
    It should be in the same directory as your index.html (or similar) page. If you wish to put it elsewhere you can use the mentioned above code, and put that somewhere within your <head></head> tags, after your doctype and encoding declarations.

    Is this hand coded or made with a WYSIWYG editor? (Dreamweaver, Nvu, Rapdiweaver...)

    Tim
     
  8. JoshBoy thread starter macrumors 6502

    JoshBoy

    Joined:
    Oct 12, 2008
    Location:
    Sydney, Australia
    #8
    Itwas done through iWeb and it is hosted by MobileMe
     
  9. 124151155 macrumors regular

    124151155

    Joined:
    Jan 9, 2008
    #9
    Can you get FTP access to the uploaded files?
     

Share This Page