Toggle sidebar Toggle sidebar
Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

iphone / ipod touch bookmark icon

JoshBoy

JoshBoy

macrumors 6502
Original poster
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?
 
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"/>
 
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!
 
124151155 said:
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!
Click to expand...

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?
 
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
 
You must log in or register to reply here.
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.
Top Bottom
Back