Change Post Icon? 10 per row

[Lynne]

Sorry, I didn't see is was a quote, it just looked like a bunch of blank space to me between the text and the signature.

[katie hunter]

Originally Posted by Lynne

Sorry, I didn't see is was a quote, it just looked like a bunch of blank space to me between the text and the signature.

Hi Lynne, actually this issue is still there, i need to set the a fix width for bbcode of php, html, code.

I remember on vb 3.7.x it was simple but i cant remember which to edit.

http://s2.ipicture.ru/uploads/20131007/7T25811z.jpg

[Lynne]

In order to fix CSS, we need a link to the actual post. An image doesn't allow us to view the CSS.

[katie hunter]

Hi Lynne, here is a link http://forum.nihonomaru.com/finished...bluray.343960/

See the long a url in the bbcode code the longer it will stretch out, i need to set the width for bbcode code for example to fix this issue. making the width may be 750 px

I did it with vb 3.7.6 but that was long time ago, i can't remember what did i change.
-------------

This was based on vb 3.7.x template of bbcode_code

PHP Code:

<div style="margin:20px; margin-top:5px">

    <div class="smallfont" style="margin-bottom:2px"><b>$vbphrase[code]:</b> <a href="#" onclick="selectCode(this); return false;"><input type="button" value="Select All" style="border: 1px solid #B8B8B8; background: #E8E8E8; color: #999999; -moz-border-radius: 6px;     font-family: Tahoma;     font-size: 9px;" /></a></div> 



    <pre class="alt2" dir="ltr" style="
        margin: 0px;
        padding: $stylevar[cellpadding]px;
        border: 1px inset;
        width: $stylevar[codeblockwidth];
        height: {$blockheight}px;
        text-align: left;
        overflow: auto">$code</pre>
</div> 


Now this is the template for vb 4.2.1 and it is the same for the default vb skin, all bbcode and css of bbcode are the same.

PHP Code:

<div class="bbcode_container">
    <div class="bbcode_description">{vb:rawphrase code}:</div>
    <pre class="bbcode_code"<vb:if condition="$vboptions['codemaxlines']">style="height:<vb:if condition="$blockheight<$vboptions['codemaxlines']">{vb:math {vb:raw blockheight}*{vb:stylevar mid_fontSize}+{vb:stylevar mid_fontSize}*2}<vb:else />{vb:math {vb:raw blockheight}*{vb:stylevar mid_fontSize}+{vb:stylevar mid_fontSize}}</vb:if>;"</vb:if>>{vb:raw code}</pre>
</div> 


It is actually done and fixed here too on vbulletin.org since the txt does not stretch the border, you can scroll left and right.

[Lynne]

Add to additional.css something like:

.bbcode_container {width: 500px;}

change actual width to what you want.

[katie hunter]

Thank you! (: this works!

P.s.

Hi Lynne,

If i only want to apply this change to bbcode_code, bbcode_html and bbcode_php only, how can i do that?

I don't want to apply it in general because it does mess up the style for the bbcode_quote, which makes it i have to scroll left and right.

So i only want to apply the change to code, php, html. How can i do that?

--------------- Added [DATE]1381585971[/DATE] at [TIME]1381585971[/TIME] ---------------

Or a better way to auto fit the page automatically

--------------- Added [DATE]1381586295[/DATE] at [TIME]1381586295[/TIME] ---------------

I did this, i think it works? additional css

.bbcode_code {
width: 650px;
}

.bbcode_html {
width: 650px;
}

.bbcode_php {
width: 650px;
}