New Topic
Results 1 to 7 of 7

Thread: [TUT] How to install a Favicon in vBulletin

  1. Flash's Avatar
    • My Statistics
    #1
    6th Sep 2009, 09:52 PM
    In this tutorial I am going to teach you how to install a Favicon to your website in vBulletin.


    First off what is a Favicon?

    • A favicon (short for favorites icon), also known as a website icon, shortcut icon, url icon, or bookmark icon is a 16x16 pixel square icon associated with a particular website or webpage.

    More info:
    Code:
    http://en.wikipedia.org/wiki/Favicon
    Lets get started:

    What you will need:

    • vBulletin fully installed
    • A favicon (in .ICO format)
    • A FTP client (if you don't have one google FileZilla, its free)
    • Common sense

    1st. Make sure you have a Favicon that is 16x16 pixels, more importantly make sure you have it saved as a .ICO file or you're fucked and it won't work. Well not really, if you have a 16x16 image but its not in a .ICO file format you can visit this site and convert your image to a .ICO file:
    Code:
    http://www.chami.com/html-kit/services/favicon/
    2nd. Log in to your FTP account using Filezilla (or your preferred FTP client), make sure you enter all your details including the user name and password provided by your host or you won't log in successfully. Now locate the public_HTML folder (should be on the "Remote Site" section on your FTP) and open it. Now within the folder locate the folder where you installed vBulletin. Once located, drag and drop your favicon into that folder. Now refresh your public_HTML folder by double clicking it and you should be done. Your Favicon should now show on your website.

    **If for some reason that didn't work try the following:
    (Make sure you have your Favicon in your vBulletin folder or else it will fail!)
    1st. Log in into your vBulletin AdminCP.
    2nd. Now navigate to Styles and Templates - Style Manger
    3rd. Now select which style you would like to add the favicon and select Common Templates from the drop down menu, here is a picture to guide you:



    Once there, navigate to headinclude and find the following: <!-- CSS Stylesheet -->

    Once found, make a space on the bottom of that line and insert this:

    Code:
    <link REL="SHORTCUT ICON" HREF="favicon.ico">
    In the part where it says "favicon.ico" rename it to the file name of your favicon. If you didn't rename your favicon and left it as favicon.ico then don't change nothing and leave it alone. Here is a picture for a guide:



    Finally, scroll down and click on the save button and that should be it. Hope this helps


  2. snowmanrene's Avatar
    • My Statistics
    #2
    6th Sep 2009, 10:01 PM
    To add to phpbb3, upload the favicon to the root of the site i.e where index.php is located.

    Then go into your style folder, and open up overall_header.html
    PHP Code:
    //Find
    <meta name="description" content="" />

    //Add After
    <link rel="shortcut icon" href="http://YOURSITE.COM/favicon.ico" type="image/x-icon" />
    <
    link rel="icon" href="http://YOURSITE.COM/favicon.ico" type="image/x-icon" /> 

    //Change 'YOURSITE.COM' to the link to your favicon.ico 
    Cheers

  3. sherwood's Avatar
    • My Website(s)
      MovieBin.org TVBin.org MusicBin.org HDBin.org TheBinNetwork.org
    • My Statistics
    #3
    6th Sep 2009, 10:21 PM
    vBulletin shouldn't need this adding as I'm positive it already picks up a favicon by default since when you install it, it installs it with vb's default favicon so all you need to do is replace that one with your own.
    TheBinNetwork - MovieBin | TVBin | MusicBin | HDBin
    TheBinNetworks News!
    Happy Hardcore and Drumb & Bass kick ass!

  4. Flash's Avatar
    • My Statistics
    #4
    6th Sep 2009, 10:25 PM
    Quote Originally Posted by sherwood View Post
    vBulletin shouldn't need this adding as I'm positive it already picks up a favicon by default since when you install it, it installs it with vb's default favicon so all you need to do is replace that one with your own.
    Exactly and what I wrote shows you how to install your own over the vb one lawl.


  5. sherwood's Avatar
    • My Website(s)
      MovieBin.org TVBin.org MusicBin.org HDBin.org TheBinNetwork.org
    • My Statistics
    #5
    6th Sep 2009, 10:27 PM
    hmm okay, but doesn't this seem to be a lot of trouble when you can just upload another favicon named favicon.ico to your forum directory and then just click replace/overwrite when uploading it?
    TheBinNetwork - MovieBin | TVBin | MusicBin | HDBin
    TheBinNetworks News!
    Happy Hardcore and Drumb & Bass kick ass!

  6. Flash's Avatar
    • My Statistics
    #6
    6th Sep 2009, 10:29 PM
    That's part 1 of the tutorial


  7. Curtis129's Avatar
    • My Website(s)
      WareztheDDL.com GTFO.ws
    • My Statistics
    #7
    16th Sep 2009, 09:45 AM
    you can make a favicon in, '*.jpg', '*.jpeg', '*.png', or '*.gif'.
    Once on your server, rename it to '*.ico'


Similar Threads

  1. How to install theme in Vbulletin
    By ge0 in forum Development Area - Archive
    Replies: 3
    Last Post: 9th Nov 2010, 04:27 PM
  2. Vbulletin nulled install
    By shariq27 in forum Webmaster Resources
    Replies: 8
    Last Post: 30th Sep 2010, 08:03 PM
  3. How to install vBulletin.
    By Royal King in forum Tutorials and Guides - Archive
    Replies: 36
    Last Post: 18th Aug 2010, 05:12 PM
  4. [Hiring] vBulletin - Install Mod and Customize
    By Maz in forum Completed Transactions
    Replies: 5
    Last Post: 24th Apr 2010, 07:48 AM
  5. need someone to install vbulletin for me
    By priviet02 in forum Web Application/Script Support - Archive
    Replies: 3
    Last Post: 20th Aug 2008, 09:28 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •