admin
10-02-2010, 10:29 AM
http://i47.tinypic.com/348rsrs.png
Firefox Display:
http://i49.tinypic.com/qz17rq.png
Other Browsers:
http://i47.tinypic.com/1zr2990.png
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; text-align:justify; "> <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)
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; text-align:justify; "> <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)
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; text-align:justify; "> <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)
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; text-align:justify; "> <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)
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! http://www.vbulletin.org/forum/images/smilies/smile.gif
Demo http://thewindows7site.com/forum/thr...l=1#post141134 (http://thewindows7site.com/forum/threads/13876-Change-Log?p=141134&viewfull=1#post141134)
Firefox Display:
http://i49.tinypic.com/qz17rq.png
Other Browsers:
http://i47.tinypic.com/1zr2990.png
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; text-align:justify; "> <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)
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; text-align:justify; "> <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)
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; text-align:justify; "> <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)
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; text-align:justify; "> <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)
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! http://www.vbulletin.org/forum/images/smilies/smile.gif
Demo http://thewindows7site.com/forum/thr...l=1#post141134 (http://thewindows7site.com/forum/threads/13876-Change-Log?p=141134&viewfull=1#post141134)