AioNets : Custom bbcode CODE

[A.Chakery]

Custom bbcode CODE
Brought you by : AioNets.com (http://www.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 (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