Jump to content



Welcome to KnowledgeSutra - Dear Guest , Please Register here to get Your own website. - Ask a Question / Express Opinion / Reply w/o Sign-Up!
- - - - -

Site Icon Tutorial


5 replies to this topic

#1 bjrn

    Super Member

  • Kontributors
  • PipPipPipPipPipPipPipPipPip
  • 378 posts

Posted 28 January 2005 - 10:42 PM

You've probably all seen that Trap17 and many other sites have a small icon that gets displayed in the address bar, or in your favourites/bookmarks. Well, here's how to get an icon on your own site:

1. Choose either 1A or 1B
1A: You can either make an icon yourself with your favourite icon making program
1B: Make a square picture, any size you want and save it. When you're done making the picture, go to this site, upload the image and download the zip. Then unpack the zip to get the icon.

2. Great! Now you have an icon. If it's not called favicon.ico, then you should rename it (to favicon.ico). Upload the icon to your public_html directory using the FileManager in your CPanel or your FTP client.

3. Now, in all pages that should you want to have the icon you need to have the following somewhere between <head> and </head>:
<link rel="shortcut icon" href="favicon.ico">


That's it! To test it in some browsers you have to add the site to your favourites, but in Mozilla/Firefox all you have to do is go to the site. If everything went well you should see your icon in the address bar.

If you don't see the icon check that the icon got uploaded okay and that the "<link rel="shortcut icon" href="favicon.ico" >" line is in the HTML (and that if it is somewhere between the head tags that it's not inside a script or style tag). And if it still doesn't work, ask here!

#2 whyme

    Privileged Member

  • Kontributors
  • PipPipPipPipPipPipPipPipPip
  • 661 posts
  • Gender:Male

Posted 28 January 2005 - 11:20 PM

THanks for the tutorial, i never knew that there was a site that would convert your images into .ico's.

#3 Dooga

    Coolio

  • Kontributors
  • PipPipPipPipPipPipPipPipPipPipPip
  • 1,346 posts
  • Gender:Male
  • Location:Canada
  • Interests:Eating SPAM
  • myCENT:66.95

Posted 30 January 2005 - 12:17 AM

Wow! There's actually a site that converts icons? I just use "Any to Icon". It's very helpful and you don't have to go online to use it! You can download it somewhere, but unfortunetly, I forgot! Just search for it in google! you can find it now because of google's new suggest feature! :P (he he he he he)

~Dooga

#4 maddog39

    Super Member

  • Kontributors
  • PipPipPipPipPipPipPipPipPip
  • 208 posts
  • Location:LI, New York
  • Interests:Web programming, computer programming, computer games, and Play Station2. :D

Posted 30 January 2005 - 03:30 AM

Also everyone. You can get alot more snippets, services, and tutorials by simply going to www.bravenet.com. Its really neat html resource site. :P

#5 8bit

    Member [Level 2]

  • Kontributors
  • PipPipPipPipPip
  • 85 posts

Posted 30 January 2005 - 05:43 PM

What does the size have to be 16x16? Or 8x8? No one would want a good looking image scaled down to a crappy looking on... EDIT: never mind it's 16x6 guys I just looked at Trap17's

#6 FireStorm~

    Newbie [Level 3]

  • Kontributors
  • PipPipPip
  • 45 posts

Posted 30 January 2005 - 07:27 PM

Thats a nice site thanks bjrn It really works. Plus I bet not alot of people knew this way so thanks for the info.




Reply to this topic


This post will need approval from a moderator before this post is shown.

  


1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users