BB Code Enhancements - TW7S - [ Information - Tip - Note - Warning ] BBCode

** images removed since the links expired **


Installation

• Upload files
• Add custom BBCodes
• Edit Template (CSS)

Step 1) Go to AdminCP>Custom BB Codes>Add New BB Code>
Step 2) Add the following and save

----------------------------------------
Title Information
BB Code Tag Name info
Replacement

<div style="margin: 5px 5px;"> <div style="padding-left: 25px; padding-right: 25px;"> <div style=" -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; background:#defee3 none repeat scroll 0 0; border:1px solid #28c25a; margin:5px 10px 0;"> <div style="padding: 0pt 5px; background: #28c25a none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; "> <font color="#defee3"> <b> <em>Information</em> </b> </font> </div> <table width="100%" border="0"> <tbody> <tr> <td width="5%"> </td> <td width="90%">{param}</td> <td width="5%"> <img alt="" src="./images/TW7S/infonotetipwarn/info.png"/> </td> </tr> </tbody> </table> </div> </div> </div>

Example [info]Hello[/info]

Description Makes information boxes

Use {option} No

Button Image (Optional)

images/TW7S/infonotetipwarn/info.gif

Remove Tag If Empty Yes

Disable BB Code Within This BB Code No

Disable Smilies Within This BB Code No

Disable Word Wrapping Within This BB Code No
----------------------------------------

----------------------------------------
Title Note
BB Code Tag Name note
Replacement

<div style="margin: 5px 5px;"> <div style="padding-left: 25px; padding-right: 25px;"> <div style=" -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; background:#e8f3ff none repeat scroll 0 0; border:1px solid #42a1de; margin:5px 10px 0;"> <div style="padding: 0pt 5px; background: #42a1de none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; "> <font color="#e8f3ff"> <b> <em>NOTE</em> </b> </font> </div> <table width="100%" border="0"> <tbody> <tr> <td width="5%"> </td> <td width="90%">{param}</td> <td width="5%"> <img alt="" src="./images/TW7S/infonotetipwarn/note.png"/> </td> </tr> </tbody> </table> </div> </div> </div>

Example [note]Hello[/note]

Description Makes Note boxes

Use {option} No

Button Image (Optional)

images/TW7S/infonotetipwarn/note.gif

Remove Tag If Empty Yes

Disable BB Code Within This BB Code No

Disable Smilies Within This BB Code No

Disable Word Wrapping Within This BB Code No
----------------------------------------

----------------------------------------
Title Tip
BB Code Tag Name tip
Replacement

<div style="margin: 5px 5px;"> <div style="padding-left: 25px; padding-right: 25px;"> <div style=" -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; background:#ffffcc none repeat scroll 0 0; border:1px solid #d5b900; margin:5px 10px 0;"> <div style="padding: 0pt 5px; background: rgb(213, 185, 0) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; "> <font color="#ffffcc"> <b> <em>Tip</em> </b> </font> </div> <table width="100%" border="0"> <tbody> <tr> <td width="5%"> </td> <td width="90%">{param}</td> <td width="5%"> <img alt="" src="./images/TW7S/infonotetipwarn/tip.png"/> </td> </tr> </tbody> </table> </div> </div> </div>

Example [tip]Hello[/tip]

Description Makes Tip boxes

Use {option} No

Button Image (Optional)

images/TW7S/infonotetipwarn/tip.gif

Remove Tag If Empty Yes

Disable BB Code Within This BB Code No

Disable Smilies Within This BB Code No

Disable Word Wrapping Within This BB Code No
----------------------------------------

----------------------------------------
Title Warning
BB Code Tag Name warning
Replacement

<div style="margin: 5px 5px;"> <div style="padding-left: 25px; padding-right: 25px;"> <div style=" -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; background:#fff2f4 none repeat scroll 0 0; border:1px solid #be0000; margin:5px 10px 0;"> <div style="padding: 0pt 5px; background: #be0000 none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; "> <font color="#fff2f4"> <b> <em>WARNING</em> </b> </font> </div> <table width="100%" border="0"> <tbody> <tr> <td width="5%"> </td> <td width="90%">{param}</td> <td width="5%"> <img alt="" src="./images/TW7S/infonotetipwarn/warn.png"/> </td> </tr> </tbody> </table> </div> </div> </div>

Example [warning]Hello[/warning]

Description Makes Warning boxes

Use {option} No

Button Image (Optional)

images/TW7S/infonotetipwarn/warn.gif

Remove Tag If Empty Yes

Disable BB Code Within This BB Code No

Disable Smilies Within This BB Code No

Disable Word Wrapping Within This BB Code No
----------------------------------------

Step 3)
Open Template CSS Templates>vbulletin.css

Find:

.restore td {
	/* Borders and padding to make the table readable. */
	border: {vb:stylevar restore};
	padding: {vb:stylevar restore_padding};
}

Replace with:

.restore td {
	/* Borders and padding to make the table readable. */
	
	padding: {vb:stylevar restore_padding};
}

Enjoy!

Demo http://thewindows7site.com/forum/thr...l=1#post141134

Will only support members who mark mod as installed.

Changelog
1.00 Initial Release
1.2 Solved issues regarding spacing and links

[saadessa]

Great job

thank you man

[YankForum]

awesome
thx 4 sharing

[Radjedef]

looks nice, tagged

btw, Safari and Chrome also support border radius, see http://www.css3.info/preview/rounded-border/

[tafreeh]

<span style="text-decoration: line-through">I just figured it out...
if you set bbcode permission via usergroup to all usergroup.... means allow all B I U etc code that are used at chatbox... will solve that problem..

Once i install bbcode permission my chatbox start looking like the one in screenshot above. but when i chahnge the usergroup permission and allow bbcode.. chatbox start working just fine..

try that and let me know if you got that work?</span>

Actually never mind..

[Cedric_FP]

How did you add buttons to the editor?

I'd like to change the buttons I use in the editor to bigger ones

EG One that, instead of saying "H" says "Help" etc or to make the button appear as text rather than a 21x21 button?

[Hateman]

Hi,

i like this. But it is possible to use the css-codes for the standard-vbulletin-bbcodes?

[merk_aus]

Would love to use this but cant as some of my members will abuse it once they know it is there and as such if we are unable to restrict usage to moderators/administrators then I won't be able to use it.

However I do thank you for taking the time to create this they look fantastic.

[tech4c]

nice work

[Entonadoscl]

tagged for the future

[Jack12]

Tagged for when this mod can be restricted to Admins and Mods.