[code] Layout change...

[thedvs]

I was told to post here, maybe some guru can quickly help me...

See the question here...

http://www.vbulletin.com/forum/showthread.php?t=190484

Thanks in advance.

[Iain M]

Admin CP -> Styles & Templates -> Style Manager -> Edit Templates -> BB Code Layout Templates -> bbcode_code

REPLACE the contents of bbcode_code with:

<div style="margin:20px; margin-top:5px">
	<div class="smallfont" style="margin-bottom:2px"><strong>$vbphrase[code]:</strong></div>
	<pre class="alt2" style="background-color: #FFFFFF; margin:0px; padding:$stylevar[cellpadding]px; border:1px dashed #000000; width:$stylevar[codeblockwidth]; height:{$blockheight}px; overflow:auto"><div dir="ltr" style="text-align:left;">$code</div></pre>
</div>

[thedvs]

thank you CP1 you are a star. much appreciated, however im not getting the dashed line and still the scroll bar

[Iain M]

hmmm.... u should have the dashed line, what do you mean about the scrollbar?

i have tried it, in IE and FireFox and it works fine for me in both browsers... http://xs103.xs.to/xs103/06273/vb-dashed-code-box.PNG

what browser are you using?

[thedvs]

Ie 6, I dont want scrollers on it at all. it ruins the dashed effect.
see your pic, i dont want that scroll on the right nor on the bottom (happens when text is wide)

[Iain M]

ok, this works for me on IE6 and FireFox

<div style="margin:20px; margin-top:5px">
	<div class="smallfont" style="margin-bottom:2px"><strong>$vbphrase[code]:</strong></div>
	<pre class="alt2" style="background-color: #FFFFFF; margin:0px; padding:$stylevar[cellpadding]px; border:1px dashed #000000; overflow:none"><div dir="ltr" style="text-align:left;">$code</div></pre>
</div>

but it breaks the page i.e. http://xs303.xs.to/xs303/06274/vb-co...page-broke.png

the scrollbar is on the page, not the code box...

[algert]

Originally Posted by Iain M

ok, this works for me on IE6 and FireFox

<div style="margin:20px; margin-top:5px">
	<div class="smallfont" style="margin-bottom:2px"><strong>$vbphrase[code]:</strong></div>
	<pre class="alt2" style="background-color: #FFFFFF; margin:0px; padding:$stylevar[cellpadding]px; border:1px dashed #000000; overflow:none"><div dir="ltr" style="text-align:left;">$code</div></pre>
</div>

but it breaks the page i.e. http://xs303.xs.to/xs303/06274/vb-co...page-broke.png

the scrollbar is on the page, not the code box...

How to get the fonts coded changed?

And also, can I have this code for bbcode_quote, thanks!