 |
|
|
Article Options |
|
Spice Up Your vBulletin Forum with Google CSS3 Web Fonts
XiTCLUB
Join Date: Jan 2010
Posts: 304
I am on Skype these days contact me their : gsolutionspk Lahore, Pakistan
by
18 Apr 2013
Rating:
 (1 vote
- 5.00 average) 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  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.  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
For All List Elements
For All Paragraphs
For All Links
The following members like this post: Athena1984, Cem01
|
||||||||||||||||
|
Views: 18152
|
||||||||||||||||
| Comments |
|
#2
19 Apr 2013, 12:26
|
||||
|
||||
|
great article ... many will find this useful
__________________
Former vBulletin.org Staff Member Latest Articles: Liquid Layout = Less Ad Revenue? How to Monetize Your Site Improve Web Page Performance How To Write For The Web If it needs instructions, there's room for improvement. Give users what they actually want, not what they say they want. And whatever you do, don't give them new features just because your competitors have them! No members have liked this post.
|
|
#3
23 Apr 2013, 15:03
|
||||
|
||||
|
Very good! Thank you!
No members have liked this post.
|
|
#4
23 Apr 2013, 15:24
|
|||
|
|||
|
Got an example link?
No members have liked this post.
|
|
#5
24 Apr 2013, 19:51
|
|||
|
|||
|
Originally Posted by wacnstac
http://www.xitclub.com/
No members have liked this post.
|
|
#6
14 May 2013, 18:11
|
||||
|
||||
|
Nice, thank you for this
__________________
Lincoln vs Cadillac Forums - No members have liked this post.
|
|
#7
26 May 2013, 00:10
|
||||
|
||||
|
Google fonts are awesome, but there are few that support Arabic language !
No members have liked this post.
|
|
#8
27 Jul 2013, 23:27
|
|||
|
|||
|
Originally Posted by abdobasha2004
Yup! they are adding new one's time by time. may be they add more arabic fonts soon
No members have liked this post.
|
|
#9
23 Aug 2013, 07:54
|
|||
|
|||
|
Can you combine fonts? A different one for headers and paragraphs?
__________________
 Click here to visit my NFL forum My Mods: [ Links To Zoints Thread Tags In Posts ] [ Pre-Defined Topic Tags for Zoints Thread Tags ] [ Define Order Of News Shown With Frontpage Slideshow ] No members have liked this post.
|
|
#10
01 Sep 2013, 03:24
|
|||
|
|||
Great article. Very helpful. THANKS!
 --------------- Added 01 Sep 2013 at 19:10 --------------- 4.2.1 Is there a way to just use these fonts for posting purposes?  It's messing up the post bit area (where members stats are) and would like to either exclude that area OR just make posts with the new font.
__________________
If we don't help each other when we can, then we're not making this world a better place. No members have liked this post.
|
|
#11
08 Sep 2013, 13:48
|
|||
|
|||
|
Originally Posted by Bubble #5
its all about CSS, you can control via CSS all the font on your forum
--------------- Added 08 Sep 2013 at 13:49 ---------------
Originally Posted by SBlueman
yes u can use different font-family for h1,h2,h3... and for <p> tags
The following members like this post: SBlueman
|
|
#12
08 Sep 2013, 19:25
|
|||
|
|||
|
Originally Posted by XiTCLUB
Ok well that tells us it's possible, but not the CSS code that we need to use.
Anyone know?
__________________
If we don't help each other when we can, then we're not making this world a better place. No members have liked this post.
|
|
#13
15 Sep 2013, 22:01
|
|||
|
|||
|
Originally Posted by Bubble #5
additional.css overrides any other css.
The easiest way to find out what the css for a particular element is, is to use "inspect element" in Firefox, ( right click on the element, brings up a menu) then post that css in additional.css with the command line, click on save and reload As you are only editing additional.css it should be fairly easy to see if you get the desired effect. If you need more help google css elements and you should get enough info to keep you going. No members have liked this post.
|
|
#14
24 Aug 2017, 14:36
|
|||
|
|||
|
This article is so useful. Google fonts work great on my web site. Thank you!
No members have liked this post.
|
|
Similar Article
|
||||
| Article | Author | Type | Replies | Last Post |
| Forum Style -XMedia Darkness- with *CSS3 Fonts* - XiTCLUB Xclusive - 4.1.12 | XiTCLUB | vBulletin 4.x Styles | 26 | 06 Jan 2013 19:37 |
| Forum Home Enhancements Spice Up Your Forum Look. Rounded Corners For All Browsers | borbole | vBulletin 4.x Template Modifications | 54 | 19 Sep 2012 20:15 |
| Integration with vBulletin Add Google Web Fonts | tafreeh | vBulletin 4.x Template Modifications | 14 | 07 Feb 2011 15:29 |
«
Previous Article
|
Next Article
»
| Currently Active Users Viewing This Thread: 1 (0 members and 1 guests) | |
| Article Options | |
|
|
| New To Site? | Need Help? |
All times are GMT. The time now is 17:18.
Powered by vBulletin® Version 3.8.14
Copyright © 2021, MH Sub I, LLC dba vBulletin. All Rights Reserved. vBulletin® is a registered trademark of MH Sub I, LLC
Copyright © 2021, MH Sub I, LLC dba vBulletin. All Rights Reserved. vBulletin® is a registered trademark of MH Sub I, LLC
Design by Princeton
Copyright ©2001 - , vbulletin.org. All rights reserved.
vBulletin® is a registered trademark. 