Have you ever thought about having a favicon? Some might not even know what a favicon is but don't feel bad, its the icon that appears in your Favorites and on the address bar.
Here are some examples...
TinyPortal (https://www.tinyportal.net/favicon.ico)
Path To Peace (https://www.tinyportal.net/proxy.php?request=http%3A%2F%2Fwww.path-to-peace.com%2Ffavicon.ico&hash=38d4ab1a6ef1874213b69cf177e0f8ce70747287)
MSN (https://www.tinyportal.net/proxy.php?request=http%3A%2F%2Fwww.msn.com%2Ffavicon.ico&hash=740742ee2f20ea5a2a347fecfd5c7b81572d0659)
SimpleMachines (https://www.tinyportal.net/proxy.php?request=http%3A%2F%2Fwww.simplemachines.org%2Ffavicon.ico&hash=08598c28895c5b30032f72c06dac8f55da32ed40)
Septaldefects (https://www.tinyportal.net/proxy.php?request=http%3A%2F%2Fwww.septaldefects.org%2Ffavicon.ico&hash=b30e1399c82877ed015db59f7e47684bda082631)
etc etc
These websites got style but thats not what the topic is about. To get your very own favicon today, follow the information below:
--P.S: Don't copy anyones favicon because it will be obvious, some websites give out favicons but I would suggest make your own or look for a rare icon no one has used before ;)
1. Find an image that (https://www.tinyportal.net/proxy.php?request=http%3A%2F%2Fwww.photoshopsupport.com%2Ftutorials%2Fjennifer%2Ffavicon%2Ffavicon-ico-examples.gif&hash=ecef06a572cf0d7117247d58d2031416d58d6cac) starts out as 64x64 pixels and use the generator below to make it 16x16. Although many websites start out 16x16 with their icon and you can too ;)
2. Go to a website I use: http://www.graphicsguru.com/favicon.php . It doesn't matter if the icon is any kind of image file. This generator will allow you to upload it and transform it into the icon type image and if it is bigger than 16x16 pixels it will make it that size. Then upload it to your WEBSITE ROOT (not forum root) and call it favicon.ico
3. Then place the following code right after the <head> tag in your index.template.php. It might also work in a block if you put head tags inside the block.
<link rel="shortcut icon" href="http://www.yoursite.com/favicon.ico">
---
I hope this helps :)
Brianjw
Why do it the hard way when you can do it simple ?
Just find the image you want (jpg, gif or png)
Resize it to 80x80 and renamde the image to "favicon.ico" and upload the file to your site root.
Thats it, no code in any theme, it will be picked up and resized from the root automaticly ;)
Actually I tried doing it that way and this is what happened.
-Renaming file to favicon.ico: When I typed the image in the address bar directly it showed up as a broken image only because the file type change.
-Also tried: I also tried renaming it to bmp and then renaming it to an icon file, the image worked but didn't show up in any browsers.
That is why I am sharing about a generator. :)
Brianjw
And then i wonder why it works for me on all my sites and on others that have done the same way as i described ;)
Quote from: G6â„¢ on April 14, 2007, 09:44:40 AMAnd then i wonder why it works for me on all my sites and on others that have done the same way as i described ;)
Difference in browers...
Also, specifying by way of
<link rel="shortcut icon"points specifically to your indicated file through HTML, versus whether or not a browser detects the existence of the FAVICON.ICO file and utilizes it.
Nice favicon Ianedres :)
ohhh i keep meaning to post on one of many forums i visit about how to do this thanks guys.
Quote from: Brianjw on April 14, 2007, 08:12:16 PM
Nice favicon Ianedres :)
Thanks. I think that is actually a picture of myself in my other bad habit- motocross.
Been considering working up another one... just too many irons in the fire right now!
I think G6 way is lots easy then your's way.
I do have one but RebelRose put that up for me on my live
Quote from: Ianedres on April 14, 2007, 10:02:48 AM
Quote from: G6â„¢ on April 14, 2007, 09:44:40 AMAnd then i wonder why it works for me on all my sites and on others that have done the same way as i described ;)
Difference in browers...
Once again, Firefox for the win! :D
Yes, FireFox is winning the fight. Poor IE is loseing the fight
IE what is that. LOL Just kidding
Umm, Really don't know. WAIT WAIT I think I know Isis Err???? lol :2funny: :2funny:
Well I think one of the reasons why G6's way is working on Firefox is because of what she did but when I tried doing that way it didn't work in IE. :)
I read somewhere that with IE, you have to put the site in your Favorites for the favicon to show (why do you think is called a "Favicon" ;) )
FF automatically checks for a favicon. IE you have to tell it in the code.
Quote from: LesmondÃ,â,,¢ on April 15, 2007, 02:31:54 PM
I read somewhere that with IE, you have to put the site in your Favorites for the favicon to show (why do you think is called a "Favicon" ;) )
That isnt true. It works even without it being in my favorites. :) TP isnt in my favorites and it shows a favicon. Maybe down in another versions of IE other than 6 or 7.
QuoteHow do I view the favicon in my browser?
There are some minor differences in the way browsers display favicons. For example, Firefox 1+ (Mozilla-based) browsers display the favicon on the address bar and browser tabs. Internet Explorer 5/6+ browsers display the favicon on the Favorites menu and on the address bar.
Mozilla/Firefox and most other supported browsers will start displaying the favicon on the browser address bar, the very first time you visit a web page that has a favicon (specified using the favicon HTML tag).
Internet Explorer browsers (as of version 6.x) associate favicons with bookmarks. So you must first bookmark the web page. The favicon will appear on the browser address bar and on the Favorites menu, the second time you visit the bookmarked page. If the favicon doesn't appear even after bookmarking and revisiting the web page, restarting the browser may help.
http://www.chami.com/html-kit/services/favicon/help/
I have no idea. It doesn't seem to work that way with my IE6 or 7 :o
I cant find the head tags on my index.php
index.template.php
Yes, index.template.php. :)
ok found it but didnt work, not sure what I did wrong
got it thanks guys
You're welcome. :)
I put a favicon.ico file in my forum's root directory and it didn't show so I added Brian's code to my index.template.php file:
<link rel="shortcut icon" href="http://www.yoursite.com/favicon.ico">
And it works in several browsers, but not Safari. Any thoughts on what I should do in safari? tinyportal's favicon.ico shows up just fine...
I appreciate the help a lot!
Edit: Solved the problem. Evidently Safari is clingy and doesn't empty it's icon cache, even after emptying the cache and re-starting the browser. So I downloaded this: http://software.doogul.com/sim/ an icon manager...