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 (35)
  SEO (9)
  Visual Basic (12)
  CSS (13)
  SSI (5)
  XML (12)
  C# (14)

  Developer News

July 2, 2009
June Stats: What's Happening at Web Design @ About.com
About
 
July 2, 2009
Get free RSS feeds on 500 topics or make your own custom feeds!
WebDevTips UK
 
July 2, 2009
Microsoft's Bing Takes a Nibble Out of Google's Search Share
WebDevTips UK
 
July 2, 2009
States fire shots in Internet sales tax war
WebDevTips UK
 
July 2, 2009
Mrs Slocombe's pussy vanishes from Twitter
WebDevTips UK
 
July 2, 2009
More privacy choices in Facebook revamp
WebDevTips UK
 
Courtesy of moreover.com
 
Want to receive new articles via e-mail? Click here!
/Home /HTML

Creating Favorite Icon 

  Views:    38806
  Votes:    13
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