• The Facebook Platform

Results 1 to 2 of 2
  1. #1
    Join Date
    Jan 2010
    Location
    Lahore, Pakistan
    Age
    25
    Posts
    3,818
    Points
    6,772.51
    Rep Power
    10000

    new_new Spice Up Your vBulletin Forum with Google CSS3 Web Fonts

    Spice Up Your vBulletin Forum with Google CSS3 Web Fonts

    In This Article i will show you, how you can make your forum more attractive and beautiful by changing the default font style of your forum. I am going to use Google web fonts as CSS3 fonts and tell you how you can use Google web fonts in your forum

    1: Goto Google Web Fonts Directory Google Fonts

    Now Chose the font style you like, you will see small buttons in bottom right of each font style. See screenshot for reference. Click on small "Quick use" Button, this will now display available options for how to using that font style

    Name:  Capture.jpg
Views: 899
Size:  19.4 KB



    Scroll Down a bit and you see following screen. As you can see you have 3 options for using font style. I am using 1st method which is standard method.

    Name:  Capture.PNG
Views: 887
Size:  6.6 KB

    2: Adding Google fonts stylesheet to your forum template

    a) Goto Admincp > Styles & Templates > Style Manager > Select Your template > Edit > headinclude
    b) Copy <link href..... Code from Google and paste at the bottom


    3: Using Font Family

    Now edit you "additional.css" template

    For all Headings
    Code:
    h1,h2,h3,h4,h5,h6
    {
      font-family: 'Roboto Condensed', sans-serif; //(or your font family you chose on google)
    }

    For All List Elements

    Code:
    ul li, ol li
    {
      font-family: 'Roboto Condensed', sans-serif;
    }
    For All Paragraphs







    Code:
    p
    {
      font-family: 'Roboto Condensed', sans-serif;
    }
    For All Links
    Code:
    a, a:hover, a:visited
    {
       font-family: 'Roboto Condensed', sans-serif;
    }
    Find Me On Social Networks

    Facebook | Twitter | Google+


  2. #2
    Join Date
    Dec 2014
    Age
    25
    Posts
    23
    Points
    31.27
    Rep Power
    26

    Default Re: Spice Up Your vBulletin Forum with Google CSS3 Web Fonts

    nice brother thanks i will try it.........................................


 

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

     

Posting Permissions

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