Welcome Guest [Log In] [Register]
We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
[INFO]Adding A Favicon To Your Board; Bookmark Icons
Topic Started: May 28 2003, 06:11 PM (27,285 Views)
Lady Alustriel
Madd Doller
 *   *   *   *  
Adding a Favicon to your Board.

What's a Favicon? Favicons are those tiny pictures that appear in your Favorites Menu in place of the boring blue-grey "e" that you normally see beside your bookmarks if you use Internet Explorer. .Ico files are also the pictures you see on your desktop, taskbar and anytime you browse through your computer files.

You can create your own 16 x 16 icon file (and it must be a 16 x 16 .ico file, no other file type/size will work) or you can use one you find off the net. Visit this site for some pretty good instructions on how to make your own icons.

Associate the icon with your board by uploading your icon to an image server and adding the below shown line of HTML code in the Javascript section of your wrapper. This line of code includes a link tag that specifies the location and name of the favicon file.

Code:
 
<link rel="SHORTCUT ICON" href="URL of Your Favicon File.ico" />


To see how your favicon looks, open Internet Explorer, go online and add your site to your Favorites list.

If your Favicon doesn't appear immediately, it should do so if you close and reopen IE.

If it's still not there, go to Organize Favorites. Remove all existing links to your pages. Then add them again.


That should do it! Anytime someone bookmarks your board, this tiny icon will appear on their Favorites Menu. :)
Offline Profile Quote Post Goto Top
 
RDF
Anthro artist
 *   *   *  
The code works, and if you are wondering IE resizes icons to 16x16 when they are used for favourite ico's.
Offline Profile Quote Post Goto Top
 
Isaac
euh? right =|
 *   *  
doesn't work here :(
i get a cirkel with an I in it...
Offline Profile Quote Post Goto Top
 
lightsup55
Member Avatar
Member
 *   *   *   *   *   *   *  
Isaac
May 29, 02:34 PM
doesn't work here  :(
i get a cirkel with an I in it...

You need to re-read the instructions again an get an icon maker to make .ico files.

You can download Microangelo (an icon maker) at http://www.microangelo.us/

You should be able to open your gif file and save it as a .ico file.

Then change this:
Quote:
 
<link rel="SHORTCUT ICON" href="http://67.18.37.15/64/70/upload/post-13-1054233026.gif" />


To this:
Quote:
 
<link rel="SHORTCUT ICON" href="http://www.yoursite.com/favico.ico" />
Offline Profile Quote Post Goto Top
 
Soul
Member Avatar
Member
 *   *  
Thx it worked great! :D

Offline Profile Quote Post Goto Top
 
Ado
Member
 *  
Could someone help me with this? I copy/pasted the code replacing URL of Your Favicon File.ico with the URL to my image which I checked and rechecked to be sure it was the proper extension. I pasted it into the Javascript Wrapper. Is there anything wrong with what I did?
Offline Profile Quote Post Goto Top
 
cokesta
Member
 *  
Where Can I Upload An Ico File?
Offline Profile Quote Post Goto Top
 
cokesta
Member
 *  
It won't work.

Code:
 
<link rel="SHORTCUT ICON" href="http://cokesta.topcities.com/Icon.ico"/>
Offline Profile Quote Post Goto Top
 
SSS
Member
 *   *   *   *  
cokesta
June 30, 2004 05:37 PM
It won't work.

Code:
 
<link rel="SHORTCUT ICON" href="http://cokesta.topcities.com/Icon.ico"/>

Same for me. I just get a circle with an I in it instead of mine. :(
Offline Profile Quote Post Goto Top
 
Virus002
Member Avatar
I can make sigs... Just not too well
 *   *  
cokesta
June 30, 2004 01:03 AM
Where Can I Upload An Ico File?

www.freewebs.com
Offline Profile Quote Post Goto Top
 
zackdude23
Member Avatar
InvisionFree Guru
 *   *  
Virus002
July 25, 2004 04:55 PM
cokesta
June 30, 2004 01:03 AM
Where Can I Upload An Ico File?

www.freewebs.com

no, freewebs doesn't allow hotlinking


just upload it in a post on your message board.
Offline Profile Quote Post Goto Top
 
Cipher Born
Member
 *  
No that doesn't work either.IF doesn't allow uploading of .ico files.I also tried uploading it as an emoticon but that doesn't work either.
Is there another upload site???
Offline Profile Quote Post Goto Top
 
MikeMania
Confused
 *   *   *  
angelfire...you can upload virtuarlly anything and BTW, i found this slmost a year ago, upload your pic then it d/ls a ico file to be uploaded.

http://www.html-kit.com/e/favicon.cgi
Offline Profile Quote Post Goto Top
 
Nindgod
Member Avatar
Chu!!
 *   *  
it shows a little grey box wtf?
Offline Profile Quote Post Goto Top
 
alexp2_ad
Member
 *  
Great code, never knew ya could do that... using it on my blogspot page! Thanks! :)
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Code Snippets · Next Topic »
Add Reply