Go Back   MacRumors Forums > iPhone, iPod and iPad > iPhone

Reply
 
Thread Tools Search this Thread Display Modes
Old Mar 14, 2008, 08:09 PM   #1
Nipz
macrumors 65816
 
Nipz's Avatar
 
Join Date: Nov 2006
Location: UK
Safari add to home screen icon?

Hey,

how do you go about adding a default icon for when someone adds your website to their home screen?!

I know mac rumors has one and just makes the whole site look better

Thanks to anyone that can help

Ben
__________________
15" Uni MacBook Pro 2.2Ghz Quad Core i7 | White iPad 2 16GB WiFi + 3G | iPhone 5 | 3 MiFi
Nipz is offline   0 Reply With Quote
Old Mar 14, 2008, 08:16 PM   #2
TEG
macrumors 604
 
TEG's Avatar
 
Join Date: Jan 2002
Location: Langley, Washington
Send a message via ICQ to TEG Send a message via AIM to TEG Send a message via MSN to TEG Send a message via Yahoo to TEG Send a message via Skype™ to TEG
It is a special PNG file stored on the website. Do a search for details.

TEG
__________________
Apple and Dell are the only ones in this industry making money. They make it by being Wal-Mart. We make it by innovation, - Steve Jobs
The Tegian Zone-Glass Onion Radio
TEG is offline   0 Reply With Quote
Old Mar 14, 2008, 08:29 PM   #3
Knowlege Bomb
macrumors 68040
 
Join Date: Feb 2008
Just curious... Is it enjoyable racking up your post count by telling every single user who starts a new thread to search??
Knowlege Bomb is offline   0 Reply With Quote
Old Mar 14, 2008, 08:32 PM   #4
Knowlege Bomb
macrumors 68040
 
Join Date: Feb 2008
Everybody hasn't been around for five years and I would actually prefer to read answers to these questions rather than have to search for them. I kill a lot of time at work reading through these threads.

Post useful info rather than sending them to search. Makes for a more interesting forum.
Knowlege Bomb is offline   0 Reply With Quote
Old Mar 14, 2008, 08:35 PM   #5
Nipz
Thread Starter
macrumors 65816
 
Nipz's Avatar
 
Join Date: Nov 2006
Location: UK
Quote:
Originally Posted by lostprophet894 View Post
Just curious... Is it enjoyable racking up your post count by telling every single user who starts a new thread to search??
I was thinking that!

Can someone give me details etc of where to embed the 'special' PNG file please?

Did a search but nothing useful!

Thanks again
__________________
15" Uni MacBook Pro 2.2Ghz Quad Core i7 | White iPad 2 16GB WiFi + 3G | iPhone 5 | 3 MiFi
Nipz is offline   0 Reply With Quote
Old Mar 14, 2008, 08:38 PM   #6
waterskier2007
macrumors 68000
 
waterskier2007's Avatar
 
Join Date: Jun 2007
Location: White Lake, MI
Send a message via AIM to waterskier2007
Quote:
Originally Posted by Nipz View Post
I was thinking that!

Can someone give me details etc of where to embed the 'special' PNG file please?

Did a search but nothing useful!

Thanks again
yeah i was trying to do the same thing but every wasnt much help because they assumed i was an expert web programmer or something so i just said screw it. i love getting a response to search other places. its like, i asked this because i searched and didnt find anything
__________________
2012 Mac Mini, 2.6 GHz, 16GB RAM, 1TB HDD
2.4Ghz 15" Macbook Pro
16 GB iPhone 5 : 32 GB iPhone 4S : 16 GB iPad 3
16 GB Nexus 7 (2012)
waterskier2007 is offline   0 Reply With Quote
Old Mar 14, 2008, 08:40 PM   #7
Nipz
Thread Starter
macrumors 65816
 
Nipz's Avatar
 
Join Date: Nov 2006
Location: UK
Quote:
Originally Posted by waterskier2007 View Post
yeah i was trying to do the same thing but every wasnt much help because they assumed i was an expert web programmer or something so i just said screw it. i love getting a response to search other places. its like, i asked this because i searched and didnt find anything
So true
__________________
15" Uni MacBook Pro 2.2Ghz Quad Core i7 | White iPad 2 16GB WiFi + 3G | iPhone 5 | 3 MiFi
Nipz is offline   0 Reply With Quote
Old Mar 14, 2008, 09:01 PM   #8
dvd
macrumors regular
 
Join Date: Oct 2007
Location: Massachusetts
WaterSkier, I thought I did a pretty reasonable job of laying it out in this thread, but oh well, I tried.

Here's a tutorial on adding webclips icons to your website.

It just takes a few seconds to throw some keywords into the search box that's in the upper right hand corner of EVERY forum page, as TEG suggests. lostprophet894, if more people did that, you'd spend less time sifting through redundant threads and more time learning cool new things.

For example, searching for iphone website icon leads very quickly to this definitive thread about creating webclips.
__________________
lots of Apple toys
dvd is offline   0 Reply With Quote
Old Mar 14, 2008, 09:17 PM   #9
Nipz
Thread Starter
macrumors 65816
 
Nipz's Avatar
 
Join Date: Nov 2006
Location: UK
Thanks DVD!

Ill add one of these to www.iPhoneSDK.co.uk tomorrow if i get the time

Thanks again
__________________
15" Uni MacBook Pro 2.2Ghz Quad Core i7 | White iPad 2 16GB WiFi + 3G | iPhone 5 | 3 MiFi
Nipz is offline   0 Reply With Quote
Old Mar 14, 2008, 10:19 PM   #10
waterskier2007
macrumors 68000
 
waterskier2007's Avatar
 
Join Date: Jun 2007
Location: White Lake, MI
Send a message via AIM to waterskier2007
Quote:
Originally Posted by dvd View Post
WaterSkier, I thought I did a pretty reasonable job of laying it out in this thread, but oh well, I tried.

Here's a tutorial on adding webclips icons to your website.

It just takes a few seconds to throw some keywords into the search box that's in the upper right hand corner of EVERY forum page, as TEG suggests. lostprophet894, if more people did that, you'd spend less time sifting through redundant threads and more time learning cool new things.

For example, searching for iphone website icon leads very quickly to this definitive thread about creating webclips.
the problem is, it says throw the pic in the root folder of my web documents, but i have no idea where this is. im using iweb.
__________________
2012 Mac Mini, 2.6 GHz, 16GB RAM, 1TB HDD
2.4Ghz 15" Macbook Pro
16 GB iPhone 5 : 32 GB iPhone 4S : 16 GB iPad 3
16 GB Nexus 7 (2012)
waterskier2007 is offline   0 Reply With Quote
Old Mar 14, 2008, 11:29 PM   #11
genshi
macrumors 6502a
 
genshi's Avatar
 
Join Date: Jun 2007
Location: Pasadena, California - Portland, Oregon
Quote:
Originally Posted by waterskier2007 View Post
the problem is, it says throw the pic in the root folder of my web documents, but i have no idea where this is. im using iweb.
To be honest, I'm not sure if it works with iWeb (I haven't tried) but if it does, you would put it on your iDisk under /Web/Sites/ That would be your root folder for iWeb.
genshi is offline   0 Reply With Quote
Old Mar 14, 2008, 11:47 PM   #12
genshi
macrumors 6502a
 
genshi's Avatar
 
Join Date: Jun 2007
Location: Pasadena, California - Portland, Oregon
Quote:
Originally Posted by genshi View Post
To be honest, I'm not sure if it works with iWeb (I haven't tried) but if it does, you would put it on your iDisk under /Web/Sites/ That would be your root folder for iWeb.
I actually just tried it and it does work on iWeb so, cool. (too bad I never use this iWeb thing...)
genshi is offline   0 Reply With Quote
Old Mar 15, 2008, 01:05 AM   #13
waterskier2007
macrumors 68000
 
waterskier2007's Avatar
 
Join Date: Jun 2007
Location: White Lake, MI
Send a message via AIM to waterskier2007
Quote:
Originally Posted by genshi View Post
I actually just tried it and it does work on iWeb so, cool. (too bad I never use this iWeb thing...)
do you have to modify any code or just throw the picture in the folder previously mentioned in the post above you?
__________________
2012 Mac Mini, 2.6 GHz, 16GB RAM, 1TB HDD
2.4Ghz 15" Macbook Pro
16 GB iPhone 5 : 32 GB iPhone 4S : 16 GB iPad 3
16 GB Nexus 7 (2012)
waterskier2007 is offline   0 Reply With Quote
Old Mar 15, 2008, 01:21 AM   #14
genshi
macrumors 6502a
 
genshi's Avatar
 
Join Date: Jun 2007
Location: Pasadena, California - Portland, Oregon
Quote:
Originally Posted by waterskier2007 View Post
do you have to modify any code or just throw the picture in the folder previously mentioned in the post above you?
For most of my regular sites I just throw the png file in the folder, but for iWeb, I had to modify the file. Depending on what your main page is (in my case the index.html automatically redirects to welcome.html in iWeb, so I modified the welcome.html file) just put the following code somewhere between the
Code:
<head>
and
Code:
</head>
tags:

Code:
<link rel="apple-touch-icon" href="apple-touch-icon.png"/>
I always name my image file apple-touch-icon.png just to keep things consistent.

Hope this helps.
genshi is offline   0 Reply With Quote
Old Mar 15, 2008, 07:14 PM   #15
waterskier2007
macrumors 68000
 
waterskier2007's Avatar
 
Join Date: Jun 2007
Location: White Lake, MI
Send a message via AIM to waterskier2007
Quote:
Originally Posted by genshi View Post
For most of my regular sites I just throw the png file in the folder, but for iWeb, I had to modify the file. Depending on what your main page is (in my case the index.html automatically redirects to welcome.html in iWeb, so I modified the welcome.html file) just put the following code somewhere between the
Code:
<head>
and
Code:
</head>
tags:

Code:
<link rel="apple-touch-icon" href="apple-touch-icon.png"/>
I always name my image file apple-touch-icon.png just to keep things consistent.

Hope this helps.
when i go into the web/sites/ folder i have a folder for my gallery and a folder for my iweb site, does it matter, still throw it in the web/sites/ folder?
__________________
2012 Mac Mini, 2.6 GHz, 16GB RAM, 1TB HDD
2.4Ghz 15" Macbook Pro
16 GB iPhone 5 : 32 GB iPhone 4S : 16 GB iPad 3
16 GB Nexus 7 (2012)
waterskier2007 is offline   0 Reply With Quote
Old Mar 15, 2008, 07:21 PM   #16
waterskier2007
macrumors 68000
 
waterskier2007's Avatar
 
Join Date: Jun 2007
Location: White Lake, MI
Send a message via AIM to waterskier2007
i put it in the folder previously mentioned. but it wont work. if i go to web.mac.com/brendankirchner/apple-touch-icon.png on my browser on computer or phone, it shows the icon but i cant get it to work for the site
__________________
2012 Mac Mini, 2.6 GHz, 16GB RAM, 1TB HDD
2.4Ghz 15" Macbook Pro
16 GB iPhone 5 : 32 GB iPhone 4S : 16 GB iPad 3
16 GB Nexus 7 (2012)
waterskier2007 is offline   0 Reply With Quote
Old Mar 15, 2008, 08:00 PM   #17
macrat
macrumors regular
 
Join Date: Mar 2003
Quote:
Originally Posted by Nipz View Post
Hey,

how do you go about adding a default icon for when someone adds your website to their home screen?!

I know mac rumors has one and just makes the whole site look better

Thanks to anyone that can help

Ben
I use this to place an icon on all the webapps that are in my home screen. Easy to follow http://webclip.us/create
__________________
macRat
iMac 27, iPad 2, Macbook Air 13, iPhone 4S, and my favorite Nikon D800E DSLR
macrat is offline   0 Reply With Quote

Reply
MacRumors Forums > iPhone, iPod and iPad > iPhone

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
thread Thread Starter Forum Replies Last Post
Home screen jags when you close safari? Jason1978 iOS 7 0 Oct 18, 2013 01:23 AM
Add Contact to Home Screen parkschr iOS 7 2 Sep 21, 2013 08:37 PM
iPad: Why can't I STILL get a Retina icon for saving a website to my home screen? toasty hoodie iOS 6 9 Sep 27, 2012 12:29 PM
Can't use 5th icon row on home screen? boabmatic iOS 6 1 Sep 24, 2012 08:50 AM
I can't help but notice the lack of Newsstand icon on the iPhone 5 home screen pics.. DDustiNN iPhone 2 Sep 13, 2012 11:03 PM

Forum Jump

All times are GMT -5. The time now is 02:16 PM.

Mac Rumors | Mac | iPhone | iPhone Game Reviews | iPhone Apps

Mobile Version | Fixed | Fluid | Fluid HD
Copyright 2002-2013, MacRumors.com, LLC