PDA

View Full Version : Little picture on the title tab


Colburn
01-16-2009, 12:41 AM
Can someone tell me how to add a small photo or logo on the title tab...for example for the Dreamweaver Club Forum title tab we see a turquoise DC logo.
Thank you for your help.
Colburn

edbr
01-16-2009, 03:24 AM
its called a favicon. a small image (16x16) named favicon.ico and it is added to a page by adding
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" /> in the head of your document, where the path is to your image (named favicon.ico )

Colburn
01-17-2009, 03:34 PM
Thank you so much. It works!!
I didn't know the name of that darn thing! After you informed me, I was able to do just a little bit more research and found out that I needed to download a Photoshop plug-in in order to create a favicon and save it as a favicon.ico.
http://www.photoshopsupport.com/tutorials/jennifer/favicon.html (http://www.photoshopsupport.com/tutorials/jennifer/favicon.html)
I designed the favicon.ico, saved it in the right place, added the code to my page and voila!
Check out my page with an impressive favicon!!
http://mainegardenjournal.com/
I am so pleased that I found this forum. I am a novice web page designer, trying to figure out this whole new media world.
You are bookmarked in my favorites!

Corrosive
01-17-2009, 03:37 PM
Thank you so much. It works!!
I didn't know the name of that darn thing! After you informed me, I was able to do just a little bit more research and found out that I needed to download a Photoshop plug-in in order to create a favicon and save it as a favicon.ico.
http://www.photoshopsupport.com/tutorials/jennifer/favicon.html (http://www.photoshopsupport.com/tutorials/jennifer/favicon.html)
I designed the favicon.ico, saved it in the right place, added the code to my page and voila!
Check out my page with an impressive favicon!!
http://mainegardenjournal.com/
I am so pleased that I found this forum. I am a novice web page designer, trying to figure out this whole new media world.
You are bookmarked in my favorites!

Good work, looks nice. You don't have to use the photoshop plugin (although nothing wrong with doing it). I tend to generate mine online here...

http://www.favicongenerator.com/

Thanks for bookmarking us :-D

Ricky55
01-17-2009, 05:59 PM
can that do ones with transparency do you know Corrosive?

Corrosive
01-17-2009, 06:13 PM
can that do ones with transparency do you know Corrosive?


I've no idea mate. Never tried it. I try and use all of the 'massive' 16px X 16px available real estate :wink:

coloeagle
01-17-2009, 06:23 PM
If not here is the generator I use,
http://www.dagondesign.com/tools/favicon-generator-tool/

domedia
01-18-2009, 06:00 PM
I use the one at Dynamic Drive. I did use the photoshop plugin for a while, but when I realized I got better result by using the online services, I switched.

http://tools.dynamicdrive.com/favicon/

It supports transparency, so I just make sure the GIF or PNG i"m uploading has a transparent area. I also find that uploading images larger ( 256 x 256 for example) images makes a better result.