AioNets : Custom bbcode HTML
Custom bbcode Quote http://www.AioNets.com/ ------------- Installation Guide : Step-1: Go to : Admincp>Styles & Templates>Expand your template then Goto bbcode_html template and replace entire contents with below : HTML Code:
<div style="margin-top:5px" class="htmltop"><img class="inlineimg" src="http://www.YOUR-DOMAIN.com/images/misc/html.png" /></div> <div class="htmlmain" dir="ltr"> <pre class="htmlmain" dir="ltr" style=" margin: 0px; padding: $stylevar[cellpadding]px; border: 0; width: 800px; height: {$blockheight}px; text-align: left; overflow: auto">$code</pre> <div align="right"><img src="http://www.YOUR-DOMAIN.com/images/misc/html2.png" /></div> </div> Rename http://www.your-domain.com/ to your forum URL. NOTE: width of this bbcode is set to 800px by default, you can change it if its necessary. Step-3: Goto Your Main-Css and enter below CSS codes at the bottom of the additional CSS section. and SAVE HTML Code:
/* AioBoards custom HTML bbcode*/ .htmltop{ background: #96B2FF; margin: 0 auto 0 auto; border-left: 4px solid #396AC6; border-right: 1px dotted #000; border-top: 1px dotted #000; padding: 3px; width: 98%; } .htmlmain{ background: #EAEBFF; border-left: 4px solid #396AC6; border-right: 1px dotted #000; border-bottom: 1px dotted #000; color: #465584; font-family: Courier, Courier New, Verdana, Arial; margin: 0 auto 0 auto; padding: 3px; width: 98%; } Upload the attached images to : YOUR-DOMAIN.com/images/misc/ Step-5: Click Installed and Enjoy Download
html-images.zip (2.9 KB, 26 downloads) Screenshots |
Similar Mods
BB Code Enhancements AioNets : Custom bbcode CODE | vBulletin 3.8 Template Modifications |
BB Code Enhancements AioNets : Custom bbcode Quote | vBulletin 3.8 Template Modifications |