Author Topic: [Guide] How to get a Favicon  (Read 2566 times)

0 Members and 0 Guests are viewing this topic.

Offline Andrew

  • Andrew at your service
  • Global Moderator
  • *****
  • Posts: 175
  • Karma: 11
  • Gender: Male
    • View Profile
    • The Tech Cadet Blog
[Guide] How to get a Favicon
« on: October 10, 2012, 10:12:42 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: August 15, 2013, 12:20:12 am by aIURbliS »
Please do not PM for support. General Support FAQ | Guides Index | Code Index

Share on Facebook Share on Twitter


Offline Silver734

  • Full Member
  • ***
  • Posts: 165
  • Karma: 1
  • Gender: Female
    • View Profile
    • Fairy Tail
Re: [Guide] How to get a Favicon
« Reply #1 on: August 15, 2013, 12:37:48 am »
It doesn't work for google chrome and internet explorer, can i fix this?
Fairytailrp.netFairytailrp.net
This forum was made with Create a Forum!! :3

Offline aIURbliS

  • Hero Member
  • *****
  • Posts: 1215
  • Karma: 45
  • Gender: Male
  • Location: U.S.
    • View Profile
Re: [Guide] How to get a Favicon
« Reply #2 on: August 15, 2013, 11:32:26 pm »
It doesn't work for google chrome and internet explorer, can i fix this?
I looked in your Headers and Footers and you have multiple code for Favicons which I don't recommend so remove all of them except one. I've seen that you put /FairyTail/favicon.ico as the url to your favicon but that automatically points to http://fairytail-rp.tk/FairyTail/favicon.ico since you didn't write the full link.
Also, your favicon code wasn't closed at all, it needs to have a /> at the end.
« Last Edit: August 15, 2013, 11:49:32 pm by aIURbliS »
All codes I make are tested on the latest version of Google Chrome and upon request of other browsers.

Offline Silver734

  • Full Member
  • ***
  • Posts: 165
  • Karma: 1
  • Gender: Female
    • View Profile
    • Fairy Tail
Re: [Guide] How to get a Favicon
« Reply #3 on: August 16, 2013, 03:34:48 am »
Still won't work complete headers:
Is something wrong with my footers?


Code: [Select]
<div style="text-align: center;"><img src="http://i.imgur.com/RRSmQw8.png" alt="" /><>
<meta name="google-site-verification" content="mYNrl15GpBqyOPNGFJzIAaVqXtAgIVtu-YWBVXYvnSs" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
 
<link rel="shortcut icon" href="http://www.fairytail-rp.tk/index.php?action=dlattach;topic=160.0;attach=69;image" type="image/x-icon" />
Fairytailrp.netFairytailrp.net
This forum was made with Create a Forum!! :3

Offline clayhanson

  • Newbie
  • *
  • Posts: 10
  • Karma: 0
  • Gender: Male
  • Blackbeard Forums Owner
  • Location: Arizona
    • View Profile
    • Blackbeard Forums
Re: [Guide] How to get a Favicon
« Reply #4 on: September 21, 2014, 10:00:20 pm »
Still won't work complete headers:
Is something wrong with my footers?


Code: [Select]
<div style="text-align: center;"><img src="http://i.imgur.com/RRSmQw8.png" alt="" /><>
<meta name="google-site-verification" content="mYNrl15GpBqyOPNGFJzIAaVqXtAgIVtu-YWBVXYvnSs" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
 
<link rel="shortcut icon" href="http://www.fairytail-rp.tk/index.php?action=dlattach;topic=160.0;attach=69;image" type="image/x-icon" />
If you are using Google Chrome, clear your cache. It does that to me too. Whenever you update the favicon, Google Chrome still has your old one in it's cache files.
Visit my forums!
http://bbsserver.createaforum.com/index.php

My SteamCommunity username is:
WorstedTails3

 

Related Topics

  Subject / Started by Replies Last post
5 Replies
1627 Views
Last post August 09, 2010, 09:59:50 pm
by Alex
2 Replies
848 Views
Last post March 01, 2011, 02:38:27 am
by Arekay
4 Replies
1551 Views
Last post April 02, 2011, 07:17:54 pm
by Rude
29 Replies
2346 Views
Last post July 09, 2013, 04:07:03 pm
by WholesaleChat
10 Replies
909 Views
Last post August 17, 2013, 02:44:51 am
by Silver734