Help Needed With Creating Favicon!!

Aug 21, 2007 at 11:19 PM Thread Starter Post #1 of 4

Contrastique

Headphoneus Supremus
Joined
Jan 10, 2007
Posts
3,577
Likes
13
I am trying to make a favicon for my site. I am not skilled using html so I am kinda in the dark on this one.
My webpage is created in iWeb. It contains several pages as you can see when opened (link is in sig). When I publish it to a folder I get a folder named "Contrastique" and an "index.html" file. In iWeb you can't edit your source-code so for that I use GoLive from Adobe. So I open the index.html file in GoLive and put in the html code for the favicon and saved it.
Dragged the favicon.ico in the Contrastique folder.
In the contrastique folder is also a file names index.html so changed that one as well.
Found a site wich gives you the html code to use and I tried to do this but it didn't work. Maybe it takes some time, I don't know. Maybe someone can help me out here...?

Ow, and I have 2 sites, they are the same though (contrastique.nl and contrastique.com..I edit everything and upload it via Cyberduck and it changes the both automatically. Would this also work for the favicon, since you have to put one url in the html code. Or can I put 2 urls in there??
Sorry if I sound a little silly and messy but it's late and I am working on this the whole day now (not the favicon haha, other things as well
wink.gif
) so I am getting tired like hell now..

Hope you can sort my text out and help me out as well
smily_headphones1.gif


Ow I'll put the codes given by a certain website given here so maybe you can tell me wich code of the 3 I have to use. Till now I used the last one..Favicon has already been created btw.

"Create a 16 pixel wide by 16 pixel high favicon.bmp file in a Program like MS-Paint, Adobe Photoshop, or Jasc's Paint Shop Pro, then use a program (such as the free IrFanView app [for Windows]) to reduce the colors to 16 colors [Image -> Decrease Color Depth], and then 'save as...' to a Windows Icon Format (favicon.ico). Upload the file with FTP to the root section of your web site (the first page area, where you put files like index.html). Open up index.html, and add this line after any meta tags in the HEAD section but before the </head>.

<link REL="SHORTCUT ICON" HREF="http://yoursitedotcom.here/favicon.ico">

If you are in a user directory, without a domain, add something like this instead:

<link REL="SHORTCUT ICON" HREF="http://yoursitedotcom.here/yourdir/favicon.ico">

Example: If you owned www.stopupgrading.com, you would create the file favicon.ico, and FTP it to your host. Then, you'd use this code:

<link REL="SHORTCUT ICON" HREF="http://www.stopupgrading.com/favicon.ico">

Reload the page... and try adding it to your favorites or bookmarks. Once you've added it to the favorites, close the browser and then open it again, and return to the site? Does it show up now? It should!
smily_headphones1.gif
"
 
Aug 22, 2007 at 12:31 AM Post #2 of 4
I also made my website in iWeb. For the favicon I just made one in Photoshop and uploaded it to the root directory on the host server, I didn't add any code though. I was under the impression the browser just looks for and loads the favicon if it's present. It works fine on my site.
 
Aug 22, 2007 at 7:06 AM Post #3 of 4
Ah oke. When I looked it up on the internet all the info-pages said I had to use code to make it work. Thanx for the info. I'll see if it'll work now.

Edit: Woehaaa!!! I just lolled my ass off there! I went through so much hassle to get this done and your ubersimple trick just...did the trick!
Thank you bigtime haha!
 

Users who are viewing this thread

Back
Top