Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
[HowTo] [3.0.3] Add 'Increase Font Size' box to the forums! Details »
[HowTo] [3.0.3] Add 'Increase Font Size' box to the forums!
Mod Version: 1.00, by Floris (Member) Floris is offline
Developer Last Online: Mar 2021 I like it Show Printable Version Email this Page

This modification is in the archives.
vB Version: Rating: (0 vote - 0 average) Installs: 4
Released: 19 Oct 2004 Last Update: Never Downloads: 1
Not Supported  

[HowTo] [3.0.3] Add 'Increase Font Size' option to the forums!

By: Floris - http://www.vBulletin-Fans.com/

Description: With this tutorial you will learn how to set up additional child-styles to provide your members with a bigger font-sized style. Selectable through the navigation bar, on each page. (for guests & members)


Installation Instructions


* Goto the Admin Control Panel > vBulletin Options > vBulletin Options > Style & Language Settings > Allow Users to Change Styles?, and make sure this option is set to 'Yes'. A few options lower set Use 'vBMenu' DHTML Popup Menus? to 'Yes'. And save the options to apply the changes.

* Goto the Admin Control Panel > Styles & Templates > Style Manager > From your default (or any) style select to open the drop down menu and click on 'Add Child Style'.

* The 'Parent Style' will automaticly be set, you can skip this. The 'Title' will look like "Child of <style name>", replace this with: "<style name> Bigger 10%". The 'Allow User Selectable' should be 'Yes'. Set 'Display Order' to '100'. And finally click on the 'Save' button to save this new child style.

* Again, goto the Admin Control Panel > Styles & Templates > Style Manager > From your default (or any) style select to open the drop down menu and click on 'Add Child Style'.

* The 'Parent Style' will automaticly be set, you can skip this. The 'Title' will look like "Child of <style name>", replace this with: "<style name> Bigger 25%". The 'Allow User Selectable' should be 'Yes'. Set 'Display Order' to '200'. And finally click on the 'Save' button to save this new child style.

* And again, goto the Admin Control Panel > Styles & Templates > Style Manager > From your default (or any) style select to open the drop down menu and click on 'Add Child Style'.

* The 'Parent Style' will automaticly be set, you can skip this. The 'Title' will look like "Child of <style name>", replace this with: "<style name> Bigger 50%". The 'Allow User Selectable' should be 'Yes'. Set 'Display Order' to '300'. And finally click on the 'Save' button to save this new child style.

* Goto the Admin Control Panel > Styles & Templates > Style Manager > From your Bigger 10% style select to open the drop down menu and click on 'Main CSS'.

* Change the following values, press the 'Save' button when done.

Class: Body
Font Size: 12pt

Class: <td>, <th>, <p>, <li>
Font Size: 12pt

Class: Category Strips
Font Size: 12pt

Class: Table Header
Font Size: 12px

Class: WYSIWYG Editor
Font Size: 12pt

Class: Input Fields
Font Size: 12pt

Class: Buttons
Font Size: 12px

Class: <select> menus
Font Size: 12px

Class: Small Font
Font Size: 12px

Class: Navbar Text
Font Size: 12px

Class: <legend>
Font Size: 12px

Class: Popup Menu Controls
Font Size: 12px

Class: Popup Menu Options Row
Font Size: 12px

Class: Popup Menu Highlighted Option
Font Size: 12px

Class: Additional CSS Definitions
.bigusername { font-size: 15pt; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 12px; }

##########

* Goto the Admin Control Panel > Styles & Templates > Style Manager > From your Bigger 25% style select to open the drop down menu and click on 'Main CSS'.

* Change the following values, press the 'Save' button when done.

Class: Body
Font Size: 14pt

Class: <td>, <th>, <p>, <li>
Font Size: 14pt

Class: Category Strips
Font Size: 14pt

Class: Table Header
Font Size: 14px

Class: WYSIWYG Editor
Font Size: 14pt

Class: Input Fields
Font Size: 14pt

Class: Buttons
Font Size: 14px

Class: <select> menus
Font Size: 14px

Class: Small Font
Font Size: 14px

Class: Navbar Text
Font Size: 14px

Class: <legend>
Font Size: 14px

Class: Popup Menu Controls
Font Size: 14px

Class: Popup Menu Options Row
Font Size: 14px

Class: Popup Menu Highlighted Option
Font Size: 12px

Class: Additional CSS Definitions
.bigusername { font-size: 16pt; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 14px; }

##########

* Goto the Admin Control Panel > Styles & Templates > Style Manager > From your Bigger 50% style select to open the drop down menu and click on 'Main CSS'.

* Change the following values, press the 'Save' button when done.

Class: Body
Font Size: 16pt

Class: <td>, <th>, <p>, <li>
Font Size: 16pt

Class: Category Strips
Font Size: 16pt

Class: Table Header
Font Size: 16px

Class: WYSIWYG Editor
Font Size: 16pt

Class: Input Fields
Font Size: 16pt

Class: Buttons
Font Size: 16px

Class: <select> menus
Font Size: 16px

Class: Small Font
Font Size: 16px

Class: Navbar Text
Font Size: 16px

Class: <legend>
Font Size: 16px

Class: Popup Menu Controls
Font Size: 16px

Class: Popup Menu Options Row
Font Size: 16px

Class: Popup Menu Highlighted Option
Font Size: 16px

Class: Additional CSS Definitions
.bigusername { font-size: 18pt; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 16px; }

######

* Goto the Admin Control Panel > Styles & Templates > Style Manager > From your default (parent) style expand the template groups. Then expand the template group 'Navigation / Breadcrumb Templates'. Select the 'navbar'template and click on 'customize' or 'edit'.

* Find the following code:
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

* Below it, on a new line, add the following code:
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

* Now find the following code:
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

* Below it, on a new line, add the following code:
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

* And save the navbar template.

* Now goto the Admin Control Panel > Languages & Phrases > Phrase manager > Add new phrase > phrase variable name 'increase_font' and set as content:
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

(and translate it if needed) And >> Don't forget to replace the styleid! (four times)

* And finally click on the 'Save' button

# Done!

Download Now

Only licensed members can download files, Click Here for more information.

Screenshots

Click image for larger version

Name:	child_styles.gif
Views:	73
Size:	12.6 KB
ID:	30768   Click image for larger version

Name:	navbar_increase.gif
Views:	75
Size:	2.7 KB
ID:	30769   Click image for larger version

Name:	increase10.gif
Views:	99
Size:	68.8 KB
ID:	30770   Click image for larger version

Name:	increase25.gif
Views:	62
Size:	65.3 KB
ID:	30771  

Click image for larger version

Name:	increase50.gif
Views:	74
Size:	64.8 KB
ID:	30772  

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • If you like this modification support the author by donating.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Comments
  #2  
Old 08 Nov 2004, 13:52
imported_yl88 imported_yl88 is offline
 
Join Date: Mar 2004
Re: [HowTo] [3.0.3] Add 'Increase Font Size' box to the forums!

thats awesome, thank u!
Reply With Quote
  #3  
Old 08 Jul 2005, 15:30
yoyoyoyo's Avatar
yoyoyoyo yoyoyoyo is offline
 
Join Date: Dec 2004
very cool idea! thanks for sharing it with us.
Reply With Quote
  #4  
Old 21 Apr 2006, 14:05
hyd hyd is offline
 
Join Date: Apr 2006
thanks
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 11:45.

Layout Options | Width: Wide Color: