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

[Taurus1]

Anyone else not getting rounded corners in Firefox anymore?

[nacaruncr]

Me too I don't know why ....that's bad

[Bilderback]

Ive been having so many issues with different Firefox features lately, I am about to find another browser for developing.

This is a great addition to vBulletin.
I love typography.

One thing tat I would enjoy is the ability to use the OPTION to add a submessage on the top bar.
Example: [warn=Rule Violation]Please read the forum rules.[/warn]

[Max_69]

nice job, thanks

[TheSupportForum]

Originally Posted by Bilderback

Ive been having so many issues with different Firefox features lately, I am about to find another browser for developing.

This is a great addition to vBulletin.
I love typography.

One thing tat I would enjoy is the ability to use the OPTION to add a submessage on the top bar.
Example: [warn=Rule Violation]Please read the forum rules.[/warn]

i was able to do with with some code change to it, fully tested

[muimui]

how to give permisioon this bbcode for admin/moderator usergroup only?

[btedition]

This is one of the most important codes and mods! thumbs up!

Working on 4.2.0! Great write up!

[ankahukuk]

Excellent work..

Thanks

[Fabilous]

New ImageLink:
http://lider036.5nx.ru/images/ranks3...noticetabs.png

But you have to edit the bbcode
Just delete the Image-URL from this part:
.noticefixed
{
background: url(http://lider036.5nx.ru/images/ranks3...noticetabs.png) repeat-x 0 0;
color: #54FF9F;
width: 83%;
font-weight: normal;
padding: 13px 15px 0;
margin-bottom: 2.5em;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.4);
box-shadow: 1px 1px 2px rgba(0,0,0,.4);
position: relative;
left: 34px;
}