BB Code Enhancements - AioNets : Custom bbcode CODE

Custom bbcode CODE
Brought you by : AioNets.com
-------------

Installation Guide :

Step-1:

Go to : Admincp>Styles & Templates>Expand your template

then Goto bbcode_code template and replace entire contents with below :

 <div style="margin-top:5px" class="codetop"><img class="inlineimg" src="http://www.YOUR-DOMAIN.com/images/misc/code.png" />
 </div>
 <div class="codemain" dir="ltr">
     <pre class="codemain" dir="ltr" style="
        margin: 0px;
        padding: $stylevar[cellpadding]px;
        border: 1px inset;
        height: {$blockheight}px;
        text-align: left;
        overflow: auto">$code</pre>
<div align="right"><img src="http://www.YOUR-DOMAIN.com/images/misc/code2.png" /></div>
</div>

Step-2:

Rename http://www.YOUR-DOMAIN.com to your forum URL.

Step-3:

Goto Your Main-Css and enter below CSS codes at the bottom of the additional CSS section. and SAVE

/* AioBoards custom CODE bbcode*/
.codetop{
    background: #B6B8BA;
    margin: 0 auto 0 auto;
    border-left: 4px solid #747677;
    border-right: 1px dotted #000;
    border-top: 1px dotted #000;
    padding: 3px;
    width: 98%;
}

.codemain{
    background: #F2F5F8;
    border-left: 4px solid #747677;
    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%;
}

Step-4:

Upload the attached images to : YOUR-DOMAIN.com/images/misc/


Step-5:
Click Installed and Enjoy

[Skyrider]

I've installed this, but it seems I can't see the content of the code at all.. I only see a very very small bit of it.

[A.Chakery]

I believe its a CSS issue

so try to change this

height: {$blockheight}px;

to any size you want.

-----
Change X to your favorite value ( like 50px; )

height: Xpx;

please let me know if your problem is solved


regards.

[Skyrider]

Solves it partly, but doesn't show the entire text.. Have to scroll down to see it. But I solved it in using this:

        height: auto;

But by using that, a scroll bar still shows up only that scrolls down for a mini mini mini part.

[A.Chakery]

Yes U R right,
Thanks for the suggestion.

Regards.

[matrex722]

nice work