Advertise Here

Author Topic: [Guide] How to do a favicon  (Read 17794 times)

0 Members and 1 Guest are viewing this topic.

Offline trevix

  • SMF For Free Sr. Member
  • *
  • Posts: 302
    • View Profile
    • Canvas

  • Total Badges: 16
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
[Guide] How to do a favicon
« on: October 21, 2007, 01:23:05 pm »
The image should be 16x16 pixels
The image can be .gif, .png or .ico   (preferably .ico named favicon.ico)

1.  If using an .ico file name it favicon.ico
     It will show up in all browsers with no problems
     Put this in your HEADER:

Code: [Select]
<link rel="shortcut icon" href="image url" type="image/x-icon">

Replace image url with the url of the favicon.ico

Free Favicon Generator and Hosting



2.  If you use a .gif or .png image you need to use both of the codes below in order for it to show up in all browsers.       

Code: [Select]

<link rel="icon" type="image/png" href="image url" />
<link rel="shortcut icon" href="image url" type="image/x-icon">

replace image url with the url of your image
Where it says image/png -   leave it as image/png for a .png file.  Change it to image/gif if your image is a .gif.



« Last Edit: February 14, 2010, 09:23:26 am by simply sibyl »

Ad Machine - Free advertising and tips on how to promote your board.

Offline Colette Brunel

  • SMF For Free Sr. Member
  • *
  • Posts: 424
    • View Profile

  • Total Badges: 17
    Badges: (View All)
    Poll Voter Level 4 Fourth year Anniversary Windows User Topic Starter
Re: [Guide] How to do a favicon
« Reply #1 on: November 23, 2008, 09:13:39 am »
I made a guide on how to do this over at the official site. Perhaps that might be of assistance:

http://www.simplemachines.org/community/index.php?topic=236748.0

Offline Josh[y]

  • SMF For Free Sr. Member
  • *
  • Posts: 478
  • <Insert whitty tagline here.>
    • View Profile

  • Total Badges: 14
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: [Guide] How to do a favicon
« Reply #2 on: November 23, 2008, 09:28:07 am »
That seems to be for the downloadable version of SMF. I am not using that.

Offline Colette Brunel

  • SMF For Free Sr. Member
  • *
  • Posts: 424
    • View Profile

  • Total Badges: 17
    Badges: (View All)
    Poll Voter Level 4 Fourth year Anniversary Windows User Topic Starter
Re: [Guide] How to do a favicon
« Reply #3 on: November 23, 2008, 09:39:40 am »
Point taken.

But the tips at the bottom still apply. Make sure you cleared your cache.

Offline [JeReMy]

  • SMF For Free Master
  • *
  • Posts: 1174
  • www.ourhangout.org
    • View Profile
    • ourhangout

  • Total Badges: 16
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: [Guide] How to do a favicon
« Reply #4 on: November 23, 2008, 12:20:10 pm »
what exactly is a favicon?

Offline simply sibyl

  • Helpers
  • *
  • Posts: 14347
  • On hiatus
    • View Profile
    • The Tent Dwellers

  • Total Badges: 31
    Badges: (View All)
    Level 6 Poll Voter Webmaster Arcade Highscore Windows User

Offline [JeReMy]

  • SMF For Free Master
  • *
  • Posts: 1174
  • www.ourhangout.org
    • View Profile
    • ourhangout

  • Total Badges: 16
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: [Guide] How to do a favicon
« Reply #6 on: November 23, 2008, 12:27:32 pm »
ok ty ill read up  :)

Offline Excalibur

  • SMF For Free Newbie
  • *
  • Posts: 6
    • View Profile
    • Klub-X-Chat

  • Total Badges: 9
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 First Post
Re: [Guide] How to do a favicon
« Reply #7 on: December 05, 2008, 05:51:40 pm »
Are there any free image hosts that will accept the .ico extension? I can;t seem to find any

When I said 'til death do us part' I didn't realise I was setting a goal.

Offline Shimmy Shabby

  • SMF For Free Full Member
  • *
  • Posts: 143
    • View Profile

  • Total Badges: 15
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: [Guide] How to do a favicon
« Reply #8 on: December 05, 2008, 07:39:11 pm »
Are there any free image hosts that will accept the .ico extension? I can;t seem to find any
I know that fileden does. I'm sure if you google host's that except favicon .ico files you'll find some.


Offline Andrew

  • Helpers
  • *
  • Posts: 2060
  • Andrew at your service
    • View Profile
    • Alabama Weather Prediction

  • Total Badges: 32
    Badges: (View All)
    10 Poll Votes Level 6 Eighth year Anniversary Seventh year Anniversary Sixth year Anniversary
Re: [Guide] How to do a favicon
« Reply #9 on: January 23, 2009, 07:26:40 pm »
Tried it, it didnt work, im using Internet explorer 7.
heres the code I put in:
Code: [Select]
<link rel="icon" type="image/png" href="http://i347.photobucket.com/albums/p457/pirateguy_14/Partners%20in%20Crime/PICfavicon-1.jpg" />
<link rel="shortcut icon" href="http://i347.photobucket.com/albums/p457/pirateguy_14/Partners%20in%20Crime/PICfavicon-1.jpg" type="image/x-icon">

Edit:
It works in opera and Firefox, but not explorer
« Last Edit: January 24, 2009, 08:46:24 am by Andrew »

Offline simply sibyl

  • Helpers
  • *
  • Posts: 14347
  • On hiatus
    • View Profile
    • The Tent Dwellers

  • Total Badges: 31
    Badges: (View All)
    Level 6 Poll Voter Webmaster Arcade Highscore Windows User
Re: [Guide] How to do a favicon
« Reply #10 on: January 24, 2009, 05:05:56 pm »
Tried it, it didnt work, im using Internet explorer 7.
heres the code I put in:
Code: [Select]
<link rel="icon" type="image/png" href="http://i347.photobucket.com/albums/p457/pirateguy_14/Partners%20in%20Crime/PICfavicon-1.jpg" />
<link rel="shortcut icon" href="http://i347.photobucket.com/albums/p457/pirateguy_14/Partners%20in%20Crime/PICfavicon-1.jpg" type="image/x-icon">

Edit:
It works in opera and Firefox, but not explorer


For one thing.. in the first line you have:  type="image/png"    but the image is a .jpg  ;)

For another .. it works better with IE if the image is an .ico and named favicon.ico   
I do realize though its not easy finding a place to host an .ico file.

Offline forums4reptiles

  • SMF For Free Sr. Member
  • *
  • Posts: 352
    • View Profile
    • http://forums4reptiles.smfforfree.com

  • Total Badges: 11
    Badges: (View All)
    Topic Starter Combination Level 2 Level 1 100 Posts
Re: [Guide] How to do a favicon
« Reply #11 on: October 20, 2009, 04:21:05 pm »
where do i put this code?
are you looking for a free forum to join where you will get all the help you need on your reptiles.  join www.forums4reptiles.smfforfree.com it is free to join and there is so much for you to doon there with friendly and helpful members to chat to.

you can put your forum on there (ask me before)

Offline simply sibyl

  • Helpers
  • *
  • Posts: 14347
  • On hiatus
    • View Profile
    • The Tent Dwellers

  • Total Badges: 31
    Badges: (View All)
    Level 6 Poll Voter Webmaster Arcade Highscore Windows User
Re: [Guide] How to do a favicon
« Reply #12 on: October 20, 2009, 04:22:25 pm »
In your Header

Admin > Manage Styles > Header/Footer

Offline Suki The Saluki

  • SMF For Free Sponsors
  • *
  • Posts: 827
    • View Profile

  • Total Badges: 14
    Badges: (View All)
    Topic Starter Combination Level 3 Level 2 Level 1
Re: [Guide] How to do a favicon
« Reply #13 on: December 28, 2009, 05:47:39 pm »
Thanks used this and it works :D My forum looks much better now. If you want to create a Favicon. http://www.favicon.co.uk/

Offline Nubscape - Josh

  • SMF For Free Newbie
  • *
  • Posts: 4
    • View Profile

  • Total Badges: 5
    Badges: (View All)
    Topic Starter Level 1 First Post Second year Anniversary One year Anniversary
Re: [Guide] How to do a favicon
« Reply #14 on: December 29, 2009, 10:54:27 am »
Thanks very much!
Helped alot!  :D

 

Related Topics

  Subject / Started by Replies Last post
1 Replies
1754 Views
Last post November 27, 2007, 11:47:45 pm
by V.JR
2 Replies
1340 Views
Last post December 20, 2008, 10:25:18 am
by T00l
2 Replies
2086 Views
Last post July 31, 2009, 01:17:59 am
by Jish
1 Replies
869 Views
Last post January 26, 2010, 10:47:42 am
by simply sibyl
1 Replies
1436 Views
Last post April 27, 2010, 09:17:41 pm
by simply sibyl