Advertisement
If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)
Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie

Add iphone web clip icon

Options
  • 12-08-2009 9:05am
    #1
    oeb
    Registered Users Posts: 2,793 ✭✭✭


    Hey guys, iphones are a really popular handset. One of the features it has is that you can save a web clip to your homescreen. For all intents and purposes, this is the same as saving a bookmark to your desktop on a computer. (Clicking it opens Safari and brings you to the URL).

    By default the icon image is a screenshot, which obviously looks crap when resized to icon size. Luckilly this is a very very easy thing to resolve.

    Resize a version of the boardsie icon you use as the favicon here to 57x57 and save it as a png.

    Add the following to your document header.

    [HTML]<link rel="apple-touch-icon" href="customIcon.png">[/HTML]

    The device automagicially adds in the rounded corners and stuff like that.

    If you did not know about this feature, go to a web page, click the plus icon down the bottom of safari and choose 'Add to Home Screen'.


Comments

  • Options
    #2
    Ross
    Closed Accounts Posts: 1,150 ✭✭✭Ross


    Already there for the mobile site!


  • Options
    #3
    oeb
    Registered Users Posts: 2,793 ✭✭✭oeb


    Ross wrote: »
    Already there for the mobile site!

    Cheers, that's why I did not notice it so =)


Leave a Comment

Rich Text Editor. To edit a paragraph's style, hit tab to get to the paragraph menu. From there you will be able to pick one style. Nothing defaults to paragraph. An inline formatting menu will show up when you select text. Hit tab to get into that menu. Some elements, such as rich link embeds, images, loading indicators, and error messages may get inserted into the editor. You may navigate to these using the arrow keys inside of the editor and delete them with the delete or backspace key.

Comment As ...
Advertisement