to make sure no scroll bar for coded content ( pic included)

l337m4st3r

New Member
Hey guys , i dont like when the scroll bar appears for the coded links , my members are complaining as it becomes harder for them to get the download links , how can i sort it out.

probleman9.jpg


Regards,

Dhiven
 
Pre tags would work
HTML:
<pre class="?????"></pre>
You would have to add them to the bbcode_code template somewhere and write a little css class for it for the width.
 
Ok try this:

Replace the code in your bbcode_code template with this:
HTML:
<div class="block">
<pre class="pre" style="width: $stylevar[codeblockwidth];" >$code</pre></div>

and add this css to the additional css section in the style manager:
HTML:
pre {
 overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
 white-space: pre-wrap; /* css-3 */
 white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
 white-space: -pre-wrap; /* Opera 4-6 */
 white-space: -o-pre-wrap; /* Opera 7 */
 /* width: 99%; */
 word-wrap: break-word; /* Internet Explorer 5.5+ */
}

div.block {
margin-left:10px;
margin-right:10px;	
padding:5px;
border:1px solid #333333;
background-color:#F5F5F5;
color:#006600;
font-family:monospace;
}

change the colors, font and margins to your preference.

This should give you a fixed width code box, but if your using for coding links each link needs to be on a seperate link as the "pre" code sets the wrapped words as is..;)
 
Back
Top