How to make a website have a certain icon on the iDevice?

Discussion in 'Off-Topic Lounge' started by saintsalive, Sep 8, 2009.

  1. saintsalive

    saintsalive Well-Known Member

    Apr 2, 2009
    1,810
    0
    0
    Playing pocket god! Oh, and other games.
    Pygmy Island
    Like, how when you bookmark a page on your iDevice, you get an icon for it, how to make it so when someone bookmarks a certain icon shows up? Like, code?
     
  2. worldcup1100

    worldcup1100 Well-Known Member

    Feb 2, 2009
    1,446
    24
    0
    I suspect that only jailbreaking and SSH'ing in will allow you to mess with this.
     
  3. Brazilian Rider

    Brazilian Rider Well-Known Member

    Mar 6, 2009
    3,276
    1
    0
    I've seen some websites that when you bookmark it, instead of a white square an actual "app-like" icon comes up, with a custom graphic, however I don't know how to do it myself.
     
  4. Kamazar

    Kamazar Well-Known Member

    Dec 13, 2008
    6,509
    18
    0
    Yeah, that's what I was about to say. I'm guessing you'd have to do it with actual HTML/CSS coding so that it appears on a regular browser, and that oughta achieve the same effect on the Touch.
     
  5. starjimstar

    starjimstar Well-Known Member

    Sep 28, 2008
    2,799
    1
    0
    Entrepreneur
    Canada
    Make a picture "apple-touch-icon.png" 57x57 pixels and put it in your root directory. Then add this code to the head of your page:

    Code:
    <link rel="apple-touch-icon" href="http://www.yoururl.com/apple-touch-icon.png" />
     
  6. saintsalive

    saintsalive Well-Known Member

    Apr 2, 2009
    1,810
    0
    0
    Playing pocket god! Oh, and other games.
    Pygmy Island
    Ooh, thanks so much! :D works perfect!
     

Share This Page