![]() |
TW7S - [ Information - Tip - Note - Warning ] BBCode
1 Attachment(s)
** images removed since the links expired **
Installation
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 [info]Hello[/info] 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 [note]Hello[/note] 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 [tip]Hello[/tip] 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 [warning]Hello[/warning] 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 { Replace with: Code:
.restore td { 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 |
First one !
Great job , thank you : ) |
Thanks, why does mine have black line border inside the image?
Okay you added step 3 , thanks. |
Quote:
*Click Install |
|
Quote:
|
that looks really great - is there a possibilty that only some usergroups can use this ?! for example - admins, super mods ?!
|
Can we have a tweak to only allow mods/super mods and admins to see and use this?
|
These are great, I wonder if you might know how to make these behave like [code] tags so I can create an .nfo option same as the [code] tags but with the nice table backgrounds ect. Or do you know were I can edit the existing code tags to have the borders ect.
|
Quote:
|
All times are GMT. The time now is 05:52 AM. |
Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
![]() |
|
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|