|
|
|
Page 1 of 1
|
[ 7 posts ] |
|
iPhone custom icon. Root web folder?
| Author |
Message |
|
snowjay
Joined: Aug 09, 2006
Posts: 254
|
 iPhone custom icon. Root web folder? Where exactly is the root of the server? Apple has instructions for creating your own icon (below) but it needs to be placed in the root folder of the server, but I'm not sure where that is since everything is dynamic.
iPhone and iPod touch allow a user to save a WebClip bookmark to your site on their Home Screen.
To specify a bookmark icon for all pages of a web site, place a PNG image named "apple-touch-icon.png" at the root directory of your web server - similar to the "favicon.ico" for site icons.
To override the site bookmark icon on a specific web page, insert a <link> element similar to <link> within the <head> element of the page.
The bookmark icon dimensions should be 57x57 pixels. If the icon is a different size it will be scaled and cropped to fit.
Safari will automatically composite the icon with the standard "glassy" overlay so it looks like a built-in iPhone or iPod application.
_________________
Jason
|
| Thu Jan 17, 2008 7:11 am |
|
|
|
Estranged
Joined: Apr 08, 2006
Posts: 51
|
It's at
- Code: Select all
/Library/Application Support/Perceptive Automation/Indigo 2/IndigoWebServer
You'll see the favicon.ico in that folder. If you're only using the built-in control pages, that's the way to go. If you're modifying them on your own, you'll want to use - Code: Select all
<link rel="apple-touch-icon" href="iphone.png"/>
inside your html file. That lets you put the image anywhere you want.
There are also some reports that indicate making a larger icon and having the iPhone scale it down yields better looking icons.
|
| Thu Jan 17, 2008 9:04 am |
|
|
|
matt (support)
Site Admin
Joined: Jan 27, 2003
Posts: 11683
Location: Texas
|
Re: iPhone custom icon. Root web folder? Open the IndigoWebServer.py file (inside IndigoWebServer folder), and directly above this line:
- Code: Select all
'/favicon.ico': {
add these lines: - Code: Select all
'/apple-touch-icon.png': {
'static_filter.on': True,
'static_filter.root': pathname,
'static_filter.file': 'apple-touch-icon.png'
},
Then add the PNG directly to the IndigoWebServer folder (where the favicon.ico lives). The next public beta of Indigo will include these changes and a default 57x57 Indigo icon PNG. The Indigo icon doesn't look all that great with the glossy overlay the iPhone adds...
Regards,
Matt
|
| Thu Jan 17, 2008 9:53 am |
|
|
|
snowjay
Joined: Aug 09, 2006
Posts: 254
|
Thanks! I'll give this a shot when I get home.
_________________
Jason
|
| Thu Jan 17, 2008 10:26 am |
|
|
|
snowjay
Joined: Aug 09, 2006
Posts: 254
|
Worked perfect!
I'm using a 85x85 "button" that I use in my web pages.
Someone else had posted them, it's an orange button with the Indigo house in it.
_________________
Jason
|
| Thu Jan 17, 2008 6:15 pm |
|
|
|
bcmayes
Joined: Apr 02, 2006
Posts: 117
Location: Philadelphia, PA
|
Thanks.
Mine worked great! I made one based on the sphere icon. I just filled in the whole thing with the dark purple used in the INDIGO logo text and let the iPhone gloss it up.
Byron
_________________
Mac mini 1.25, 1024MB RAM; Indigo 2.0
|
| Sat Feb 02, 2008 10:57 pm |
|
|
|
Mark
Joined: Apr 21, 2005
Posts: 99
Location: California
|
bcmayes wrote:Mine worked great! I made one based on the sphere icon. I just filled in the whole thing with the dark purple used in the INDIGO logo text and let the iPhone gloss it up.
I guess I put my "tutorial" in the wrong forum. If you're interested in having a different custom icon for each of your control pages, check out my post on this forum page:
http://www.perceptiveautomation.com/phpBB2/viewtopic.php?t=2305&start=45
|
| Thu Feb 14, 2008 2:52 pm |
|
|
|
|
Page 1 of 1
|
[ 7 posts ] |
|
Who is online |
Users browsing this forum: No registered users and 0 guests |
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum
|
|
