« previous next »
Pages: 1 2 [All]   Go Down

Author Topic: How to add a Favicon  (Read 17197 times)

Offline DVSNAZ

  • Jr. Member
  • **
  • Posts: 23
    • Email
How to add a Favicon
« on: Jun 16, 2008, 18:41:39 »
Any advice on how to create and implement a favicon for the outline theme?
« Last Edit: Jun 22, 2008, 03:37:13 by Bikken »
Logged

Offline antechinus

  • DS Friend
  • Hero Member
  • *
  • Posts: 3106
Re: Favicon
« Reply #1 on: Jun 16, 2008, 18:55:16 »
All you have to do is create the favicon.ico image and upload it to your public_html directory.
If it doesn't show up at first just clear your cookies and do a hard refresh (Ctrl+F5).
That's all there is to it.

Here's a good favicon generator. Some images may not scale well. What I did was to use the original psd for the on.gif's from my forum (since they are just the forum insignia). I scaled it down to 16x16 using Alien Skin Blow up, which is the best image scaling plug-in I've seen, and saved it as a jpg with 100% quality. This gives maximum image clarity, which is important for favicons. I then uploaded it to the online generator and made the file in ico format.

This generator doesn't seem to like png format so a high quality jpg was the obvious next choice for a source image.
« Last Edit: Jun 16, 2008, 19:34:50 by antechinus »
Logged
Using Internet Explorer is like urinating in a public swimming pool. It's rude,
there's no excuse for it, and anyone who does it should be ashamed of themselves.

Offline NCSurfer

  • Sr. Member
  • ****
  • Posts: 450
Re: Favicon
« Reply #2 on: Jun 16, 2008, 19:30:14 »
To make it even easier you can do a search for Favicon and get sites that you can make them and they save the file as an .ico and download it to your computer. Some even allow you to upload the image of choice.
Logged

SURFING IS THERAPY!

Offline antechinus

  • DS Friend
  • Hero Member
  • *
  • Posts: 3106
Re: Favicon
« Reply #3 on: Jun 16, 2008, 19:32:08 »
Damn. You got me while I was editing my post.  :lmao:

Added a link for him.  :cheers:
Logged
Using Internet Explorer is like urinating in a public swimming pool. It's rude,
there's no excuse for it, and anyone who does it should be ashamed of themselves.

Offline Jpg

  • Sr. Member
  • ****
  • Posts: 295
  • I love Cats they taste like Chicken!
    • Jpgman
Re: Favicon
« Reply #4 on: Jun 17, 2008, 06:18:39 »
I usually put this code in my head.
Code: [Select]
   <link rel="icon" href="linktofavicon" type="image/x-icon"/>
   <link rel="shortcut icon" href="linktofavicon" type="image/x-icon"/>
Logged
Please do not PM me for support unless I ask you too.

Offline spurry05

  • Full Member
  • ***
  • Posts: 187
    • phototoggers
Re: How to add a Favicon
« Reply #5 on: Jun 22, 2008, 03:49:08 »
this is wot it gave me where do i put this <link rel="shortcut icon" href="favicon.ico" >

Edit: its working now thanks
« Last Edit: Jun 22, 2008, 04:56:05 by spurry05 »
Logged

Offline Bikken

  • Administrator
  • Hero Member
  • *
  • Posts: 4030
  • I doubt that!
    • DzinerStudio
Re: How to add a Favicon
« Reply #6 on: Jun 22, 2008, 04:57:42 »
Not really needed. All you have to do is upload your favicon into your root or forum folder. Clean cookies, do a hard refresh and voila...
Logged
DzinerStudio Demos
http://demo.dzinerstudio.com

Get your own theme copy!
Browse Downloads | Become a Club Member

Offline spurry05

  • Full Member
  • ***
  • Posts: 187
    • phototoggers
Re: How to add a Favicon
« Reply #7 on: Jun 22, 2008, 05:00:18 »
thanks bikken i got it working now  :dans2:
Logged

Offline Jpg

  • Sr. Member
  • ****
  • Posts: 295
  • I love Cats they taste like Chicken!
    • Jpgman
Re: How to add a Favicon
« Reply #8 on: Jun 28, 2008, 01:14:41 »
Quote from: Bikken on Jun 22, 2008, 04:57:42
Not really needed. All you have to do is upload your favicon into your root or forum folder. Clean cookies, do a hard refresh and voila...

If you have more than one folder in your site with content or using pretty urls I recommend manually coding it in.
Logged
Please do not PM me for support unless I ask you too.

Offline pancakes

  • Full Member
  • ***
  • Posts: 157
    • Email
Re: How to add a Favicon
« Reply #9 on: Jun 28, 2008, 08:29:23 »
... there are favicon mods @ smf
here is one LINK
Logged

Offline MatthewSchenker

  • Full Member
  • ***
  • Posts: 134
    • Email
Re: How to add a Favicon
« Reply #10 on: Jul 14, 2008, 05:09:47 »
Good Morning,
Thank you for this discussion!  I had been running the Favicon modification, because I thought it was necessary.  I just uninstalled the modification, and what do you know -- the favicon still appears!  That's one less modification I need to run.
Thanks again,
Matthew
Logged

Offline Nighthawk

  • Newbie
  • *
  • Posts: 3
Re: How to add a Favicon
« Reply #11 on: Mar 03, 2013, 03:25:00 »
i dont understand and where i should add this

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


which file??
Logged

Offline spurry05

  • Full Member
  • ***
  • Posts: 187
    • phototoggers
Re: How to add a Favicon
« Reply #12 on: Mar 03, 2013, 03:34:31 »
There is a mod that will do it for you on smf
Logged

Offline agent47

  • Support Team
  • Hero Member
  • *
  • Posts: 817
  • At your service?
    • Superhero Alliance
Re: How to add a Favicon
« Reply #13 on: Mar 03, 2013, 03:51:48 »
You really don't need a mod to this for you. You simply place use a site like | http://tools.dynamicdrive.com/favicon/ to convert your image to a favicon and then place the converted image at the root of where SMF is installed. The browser does the rest for you. No code changes need to be made.
« Last Edit: Mar 03, 2013, 03:56:40 by agent47 »
Logged

Wedge is the way to go

Offline Nighthawk

  • Newbie
  • *
  • Posts: 3
Re: How to add a Favicon
« Reply #14 on: Mar 03, 2013, 03:56:47 »
i dont understand! i add the mod bt it doesnt work i am using SMF ver 2.0.4

and where i should place the file? SMF?
Logged

Offline agent47

  • Support Team
  • Hero Member
  • *
  • Posts: 817
  • At your service?
    • Superhero Alliance
Re: How to add a Favicon
« Reply #15 on: Mar 03, 2013, 07:59:19 »
Place it in the area where the directories Sources, Themes, Packages etc.... are located.
Remember to clear your browser cache also.
Logged

Wedge is the way to go

Offline Nighthawk

  • Newbie
  • *
  • Posts: 3
Re: How to add a Favicon
« Reply #16 on: Mar 03, 2013, 08:57:00 »
Thanks alot it work perfect :) ;D
Logged

Offline agent47

  • Support Team
  • Hero Member
  • *
  • Posts: 817
  • At your service?
    • Superhero Alliance
Re: How to add a Favicon
« Reply #17 on: Mar 03, 2013, 09:51:12 »
You're welcome :) :cheers:
Logged

Wedge is the way to go
Pages: 1 2 [All]   Go Up
« previous next »