iNET Interactive - Online Advertising Agency
          
   Home    Authors    About    Login    Contact Us
   Search:   
Advanced Search     
  Articles

  ASP (26)
  ASP.NET (19)
  C and C++ (4)
  CFML (2)
  CGI and Perl (16)
  Flash (2)
  Java (7)
  JavaScript (28)
  PHP (92)
  MySQL (13)
  MSSQL (3)
  HTML (34)
  SEO (9)
  Visual Basic (12)
  CSS (13)
  SSI (5)
  XML (12)
  C# (14)

  Developer News

May 17, 2008
Learn HTML forms
About
 
May 16, 2008
Who Are Your Top Friends on Facebook?
About
 
May 15, 2008
Reader Question - Would you host your client's work on your website?
About
 
May 15, 2008
How to Create an Ajax Autocomplete Text Field: Part 6
WebReference.com
 
May 14, 2008
Poll: Are the browser safe colors still needed?
About
 
May 14, 2008
Google Doctype launched
About
 
Courtesy of moreover.com
 
Want to receive new articles via e-mail? Click here!
/Home /HTML

Creating Favorite Icon 

  Views:    35840
  Votes:    12
by Emir Plicanic 6/09/05 Rating: 

Synopsis:

Tutorial to help you create favorite icon.
Pages: 
The Article

Favorite icon appears to the left of your link in either address bar or in favorites menu of your browser. It gives your website more personality, better visibility in favorites menu and is easy to create.


You'll need:

  • Image editor software
  • Icon Editor Software.

If you need icon editor, I recommend you PixelToolbox, which you can download for free.

Using your favorite image editor create 256 color, 16x16 pixels image and save it as a .gif, or if you are using PixelToolBox .png or .bmp file.

Open your Icon editor software and import the image you just created.
If you are using PixelToolbox, on the start screen select Windows Icon; 16x16; 8 bit 256 color pallet; click start.

In the new window click Import and navigate to the image you created.
Edit image if needed and save it as favicon.ico on your hard drive.

Upload the icon to the root folder of your web site.

Browser will automatically look for and display the icon you created. However, if you want to help browser find the icon put following between head tags of your web page:
<link rel="shortcut icon" href="http://www.your-website.com/favicon.ico">

To test your icon, delete all temporary internet files from you machine, go to your web site and add it to your favorites folder. See how your icon looks between other links. You want your icon to stick out, so you may want to change some colors or shapes. Just make sure to clear your browser cache before you test new icons.

More resources:
http://bewebmaster.com

Pages: 



 
  Sponsors