bbcode (CODE)

[itsheinz]

How to attain this kind of CODE:(box)
https://vborg.vbsupport.ru/external/2009/09/17.jpg
coz in my forum my bbcode(CODE) expands so wide:( please help me guys...

[Lynne]

That is a setting in your style manager > style > edit stylevars > code block width

[James Birkett]

I think you want the select all button also?

[Lynne]

I think you want the select all button also?
Ah yes. That's probably just javascript. Look at the source code for that page to get it or do a search on google for it.

[itsheinz]

^ i tried what you suggest ms.lynne,the thing the width doesnt change,here is my code for my bbcode_code templates:
<div style="margin:20px; margin-top:5px">
<div class="smallfont" style="margin-bottom:2px">$vbphrase[code]:</div>
<a href="#" onclick="selectCode(this); return false;"><input type="button" value="Select All" /></a>
<pre class="alt2" dir="ltr" style="
margin: 0px;
padding: $stylevar[cellpadding]px;
border: 1px inset;
width: $stylevar 200px;
height: {$blockheight}px;
text-align: left;
overflow: auto">$code</pre>
</div>

i edited the width into 200 just a test but the width still doesnt change :(

[HMBeaty]

Try this
<div style="margin:20px; margin-top:5px">
<div class="smallfont" style="margin-bottom:2px">$vbphrase[code]:</div>
<a href="#" onclick="selectCode(this); return false;"><input type="button" value="Select All" /></a>
<pre class="alt2" dir="ltr" style="
margin: 0px;
padding: $stylevar[cellpadding]px;
border: 1px inset;
width: 200px;
height: {$blockheight}px;
text-align: left;
overflow: auto">$code</pre>
</div>

[itsheinz]

^ it works..thanks a lot man :)