website design and ecommerce websites for small businessest: 01227 250150 e: enquiry@lineofsite.co.uk
website design and ecommerce websites for small businessest: 01227 250150 e: enquiry@lineofsite.co.uk |
|
|
|
| HomeServicesPricesWeb Design ExamplesTestimonialsWeb Design ArticlesContact |
Website Design Articles :: Apple iPhoneCreate an iPhone icon for your websiteTweetWith the increasing popularity of Apple's iPhone, many people may be viewing your website via the iPhone's mobile safari browser. Naturally with content so compelling, your visitors will want to add your site to their home page, in which case you should create a custom webclip icon. Without a custom icon the iPhone will simply use a mini representation of your home page. Creating a custom iPhone icon for your website is extremely easy. Using your favourite graphic application, create a new document sized 158 x 158 pixels. Don't worry about those rounded corners - the iPhone automatically applies these to your finished icon, as well as adding a nice glassy look to the background. When you have finished creating your icon, save it as a .png calling it 'apple-touch-icon.png' and upload to the document root of your website. There is no need to add anything to your web pages. Using this method, the webclip icon will be used for your entire website. If you don't however have access to the website root or want to locate the image elsewhere then simply add this to the <head> section of your pages: <link rel="apple-touch-icon" href="/images/your_icon_name.png"/> To add the icon to your iPhone home page, browse to your site in your iPhone Safari browser and then click the '+' symbol at the bottom of the page. Select 'Add to Home Page' and edit the title if necessary. Click 'Add' and your shiny new icon will then be added.
|
Recent Entries
Useful Links
|
