 | | |||||
Welcome, Guest! Ready to make a name for yourself in the domain business? We welcome both the hobbyist and professional domainer to join the discussion as part of the NamePros community.
Click here to create your profile to start earning reputation for posting, and trader ratings for buying & selling in our free e-marketplace. Build your trader rating with each successful sale. Our system has tracked over 100,000 sales and counting!
Click here to create your profile to start earning reputation for posting, and trader ratings for buying & selling in our free e-marketplace. Build your trader rating with each successful sale. Our system has tracked over 100,000 sales and counting!
| ||||||||
| Web Design Discussion Discussion of web design techniques, advice, browser issues, software, design firms. |
 |
 |
| | LinkBack | Thread Tools |
03-02-2005, 04:44 AM
| THREAD STARTER #1 (permalink) |
| NamePros Expert  Join Date: Oct 2003 Location: ANForum
Posts: 5,218
    | favicon help i lost  the tutorials and links to this nifty thingy! anyone can point me to a favicon creator and tell again how to add it to my website? thanks 
__________________ |www.vb-skins.com|- Quality Premade Vbulletin skins for Your VB forum makeover |www.Banjir.com|-Free image hosting?[B]For Sale!|AlphaScripts|Money Generating Scripts FREE VB Skins |
|
|
03-02-2005, 05:31 AM
| #2 (permalink) |
| Senior Member  Join Date: Oct 2004 Location: Bulgaria
Posts: 3,786
| http://www.bharatbhasha.com/products...l.php/pid/128/ try this ????: NamePros.com http://www.namepros.com/web-design-discussion/72886-favicon-help.html And here is info how to install Code: How To Create And Install A favicon.ico
What is a Favicon
Favicon is short for "Favourites Icon" ("Favorites Icon" for you Americans ;). The name is derived from the bookmark list for Microsoft Internet Explorer which is called Favorites/Favourites list. When you add a site to your Favourites/Favorites list, Internet Explorer (version 5 and above) asks the server if it has a file called favicon.ico. If present, this file will be used to provide an icon that is displayed next to the bookmark text.
Other browsers such as Mozilla have also added support for favicons. Depending on the browser, the favicon can appear in a variety of places, not just in the bookmarks list (in fact, it may not even appear in the bookmark list at all). It may be shown in the address bar or the title of a browser tab, for instance.
How to create a Favicon
To create a favicon.ico simply create a 16x16 .PNG file and convert it to an icon resource with png2ico. If you want, you can add more images to the same icon resource to provide alternative resolutions. Most browsers only use a 16x16 image but in a different context (e.g. when you drag a URL from the address bar onto your desktop) a larger icon may be shown. If the icon resource only contains a 16x16 image, this will be scaled to the appropriate size, so technically there is never a need to add alternative resolutions. However, doing so can increase the quality of the displayed icon.
Keep in mind that for a user with a slow modem a favicon.ico may increase the page loading time by a few seconds if it is too large, so don't overdo it. Adding a 32x32 alternative should be enough to make sure the image will look good even in contexts with larger icons. Adding even more and larger alternatives is unnecessary bloat. Try to keep the number of colors below 16 and create a 16-color icon using the --colors 16 switch of png2ico (or even create a b/w icon with the --colors 2 switch). This will result in a smaller file that loads faster.
When you create the images to include in your favicon.ico, don't forget that the icon may be composed against various background colors so you should use transparency rather than a solid background if you want to avoid that your icon appears inside a box. Note, that icon resources only support binary transparency, i.e. a pixel may be visible or invisible but not something like 30% translucent.
Installing your Favicon
To add your new favicon.ico to a web page put it on the server into the same directory as the web page it is for (e.g. www.example.com/foo/favicon.ico for www.example.com/foo/index.html). That is the first place a browser will search. If it doesn't find an icon there, it checks the top-level directory of the server (www.example.com/favicon.ico for the www.example.com server), so by putting it there you can have a default favicon for all the pages in your domain. Depending on browser and configuration, the favicon.ico is not always rendered, even if it is in one of the above locations, unless the web page explicitly declares its presence. To declare that your web page has an icon, you add the following 2 lines into the <head> section of your page:
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
__________________ For sale : 6-i.de | LiveCasino.in | Offline.TV | | UBSV.com | Premium Domains For Sale : 0-2.org | 0-3.org 0-4.org | 0-5.org | BIT.name
Last edited by webgear; 03-02-2005 at 05:35 AM.
|
|
|
|
03-02-2005, 06:08 AM
| #3 (permalink) |
| NamePros Regular  Join Date: Dec 2004 Location: QLD, Australia
Posts: 713
| hey hey hey! Hold up. Why would you want to buy software to make an icon? Open up any imaging software, Photoshop, The GIMP, Paint, create a 16x16px image, save it as a gif then add a line of code to your page. Code: <link rel="shortcut icon" href="images/favicon.gif" type="image/gif"> btw, the line of code goes between the <head> tags. |
|
|
|
03-03-2005, 03:34 AM
| #7 (permalink) |
| Senior Member  Join Date: Apr 2003 Location: Pennsylvania USA
Posts: 2,683
| Do a Google search on favicon.ico and youll get lots of free favicon makers and some free pre-made ones. Youll also find lots of help.
__________________ Been a NP member for 5 or more years? PM me to join the Social Group! |
|
|
|
03-03-2005, 02:32 PM
| #8 (permalink) |
| New Member Join Date: Mar 2005
Posts: 6
| I just use Photoshop to create the 16 by 16 pixel icon, then open it in MS PAINT and save it as a .ico . I am not one to download extra software I will never use again. www.barretonline.com |
|
|
|
03-04-2005, 03:24 AM
| THREAD STARTER #9 (permalink) |
| NamePros Expert Join Date: Oct 2003 Location: ANForum
Posts: 5,218
| thanks guys..very helpful..i worked it out on my dreamweaver! 
__________________ |www.vb-skins.com|- Quality Premade Vbulletin skins for Your VB forum makeover |www.Banjir.com|-Free image hosting?[B]For Sale!|AlphaScripts|Money Generating Scripts FREE VB Skins |
|
|
|
03-04-2005, 08:36 PM
| THREAD STARTER #10 (permalink) |
| NamePros Expert Join Date: Oct 2003 Location: ANForum
Posts: 5,218
| ok it worlks on normal html pages..but when i tried to place the llink within an embedded .css, it gives and error message 
__________________ |www.vb-skins.com|- Quality Premade Vbulletin skins for Your VB forum makeover |www.Banjir.com|-Free image hosting?[B]For Sale!|AlphaScripts|Money Generating Scripts FREE VB Skins |
|
|
|
03-05-2005, 12:51 AM
| #11 (permalink) |
| NamePros Regular Join Date: Mar 2005 Location: New York
Posts: 317
| This favicon creator is great! http://www.html-kit.com/e/favicon.cgi |
|
|
