MOD Information
- Add a Comment
- Jump to Comments
- The Developer
- About Developer
- Visit Web Site
Category: [Miscellaneous Hacks] | Version: 3.0.x | Rating: | ||
Released: March 13, 2010 | Last Update: Never | Installs: 1 | ||
Supported Template Edits | ||||
Re-useable Code Translations |
The Quote layout used in the default vBulletin creates problems when it interacts with other floated elements, for example, tables floated to the left or right, within VaultWiki. This occurs due to the way vBulletin uses a <div> tag, and the way that every browser incorrectly displays the floated elements.
To remedy this situation there are several options (vBulletin may fix this evenutally). Here I'll detail two ways using a simple CSS addition, for which the suggestion came originally from pegasus.
First open/edit the template CSS Templates > bbcode.css from the Style Manager in the AdminCP,
If you want to adjust the width of the Quote box so that it has less chance of interacting with the floated tables (for example infoboxes), place the following code at the bottom of the template:
Set the size to whatever percentage you want to use.
The second option is to 'clear' the quote <div> tag and force it to display before or after any other floated elements, which is done by adding this code to bottom of the template:
Once done (using either technique), save the template, and examine the results in an appropriate wiki article.
SCREENSHOT
QuoteStyle..jpg
To remedy this situation there are several options (vBulletin may fix this evenutally). Here I'll detail two ways using a simple CSS addition, for which the suggestion came originally from pegasus.
First open/edit the template CSS Templates > bbcode.css from the Style Manager in the AdminCP,
If you want to adjust the width of the Quote box so that it has less chance of interacting with the floated tables (for example infoboxes), place the following code at the bottom of the template:
Code:
/* Quote Fix */ .bbcode_quote { max-width: 60%; width: 60%; }
The second option is to 'clear' the quote <div> tag and force it to display before or after any other floated elements, which is done by adding this code to bottom of the template:
Code:
/* Quote Fix */ .bbcode_quote { clear: both; }
SCREENSHOT
QuoteStyle..jpg
Supporters / CoAuthors
Show Your Support
- This modification may not be copied, reproduced or published elsewhere without author's permission.
Bookmarks