PandavB
11-02-14, 02:48 PM
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
Code:
<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 Hello
Description Makes information boxes
Use {option} No
Button Image (Optional)
Code:
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
Code:
<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 Hello
Description Makes Note boxes
Use {option} No
Button Image (Optional)
Code:
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
Code:
<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 Hello
Description Makes Tip boxes
Use {option} No
Button Image (Optional)
Code:
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
Code:
<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 Hello
Description Makes Warning boxes
Use {option} No
Button Image (Optional)
Code:
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:
Code:
.
restore td {
/* Borders and padding to make the table readable. */
border: {vb:stylevar restore};
padding: {vb:stylevar restore_padding};
}
Replace with:
Code:
.restore td {
/* Borders and padding to make the table readable. */
padding: {vb:stylevar restore_padding};
}
Enjoy!
Demo <b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b>
Will only support members who mark mod as installed.
Changelog
1.00 Initial Release
1.2 Solved issues regarding spacing and links
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
Code:
<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 Hello
Description Makes information boxes
Use {option} No
Button Image (Optional)
Code:
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
Code:
<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 Hello
Description Makes Note boxes
Use {option} No
Button Image (Optional)
Code:
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
Code:
<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 Hello
Description Makes Tip boxes
Use {option} No
Button Image (Optional)
Code:
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
Code:
<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 Hello
Description Makes Warning boxes
Use {option} No
Button Image (Optional)
Code:
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:
Code:
.
restore td {
/* Borders and padding to make the table readable. */
border: {vb:stylevar restore};
padding: {vb:stylevar restore_padding};
}
Replace with:
Code:
.restore td {
/* Borders and padding to make the table readable. */
padding: {vb:stylevar restore_padding};
}
Enjoy!
Demo <b><font color=red>[Chỉ có thành viên mới xem link được. <a href="register.php"> Nhấp đây để đăng ký thành viên......</a>]</font></b>
Will only support members who mark mod as installed.
Changelog
1.00 Initial Release
1.2 Solved issues regarding spacing and links