Quote style as here

[andreamarucci]

I would like to modify the quote style on my board to looks like here with the quote and the little grey bar on the left.

Could someone suggest me how to do that or where to modify the CSS?

Thanks in advance

[Shelley_c]

You need to go into the bbcode_quote template.

[doobiefillin]

test
hmm

[deepak7]

any idiots guide for doing this like on vbulletin.org ?

[fn9mm]

also interested in template changes, someone plz help ?

[z3r0]

I have got this working on my site using the following code to replace the bbcode_quote template, and copying q.gif to images/misc


<div style="margin:20px 10px; background: url(images/misc/q.gif) 0 0 no-repeat">
<div style="padding-left:25px">
<div style="padding:0 5px; border:0px solid #ccc; border-left-width:3px">

<if condition="$show['username']"><div>
<phrase 1="$username">$vbphrase[originally_posted_by_x]</phrase>
<if condition="$postid"><a href="showthread.php?$session[sessionurl]p=$postid#post$postid" rel="nofollow"><img class="inlineimg" src="$stylevar[imgdir_button]/viewpost.gif" border="0" alt="$vbphrase[view_post]" /></a></if></if>

<br />
<em>$message</em>
<br />
</div>
</div>
</div>
<br>


I am no coder, I just tinker with stuff until it works so use at your own risk.

I'm sure somebody else will come up with a nicely coded version soon.

[fn9mm]

well you should tinker more often then ;)
works great, thanks a lot for the help mate


I inverted the q.gif and attached it here for use for others, (q2.gif
how could i implement this final quote at the end of each quote,
where should I add code in the above? and how ... ?

[Shelley_c]

I added the code/image after...

$message
</if>

[fn9mm]

thx Shelley, could u however post the integral bb_quote code you've got from your admin CP please, that would help a lot

[Shelley_c]

thx Shelley, could u however post the integral bb_quote code you've got from your admin CP please, that would help a lot

It's a complete mess but here is what I have in my template the style is a w.i.p and the code is currently going to be cleaned up.

<div style="margin:20px; margin-top:5px; <if condition="$show['iewidthfix']">width: 100%;</if>">
<div class="smallfont" style="margin-bottom:2px">$vbphrase[quote]:</div>
<table cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%">
<tr>
<td class="alt2" style="border-top: 1px dotted #ebc05a;
border-bottom: 1px dotted #ebc05a;
border-right: 1px solid #ebc05a;
border-left: 8px solid #ebc05a;">
<if condition="$show['username']">
<div>
<img src="$stylevar[imgdir_misc]/quote_bit.gif" alt="" width="20" height="16"/>
<phrase 1="$username">$vbphrase[originally_posted_by_x]</phrase>
<if condition="$postid"><a href="showthread.php?$session[sessionurl]p=$postid#post$postid" rel="nofollow"><img class="inlineimg" src="$stylevar[imgdir_button]/viewpost.gif" border="0" alt="$vbphrase[view_post]" /></a></if>
</div>
<div style="font-style:italic">$message</div>
<else />
$message
</if><div align="right"><img src="$stylevar[imgdir_misc]/quote_bit1.gif" alt="" width="20" height="16"/></div>
</td>
</tr>
</table>
</div>

[fn9mm]

thx, i got out of it what i needed
i'll mention my code here just in case others want to use it
fyi : if using this code quotes will look like this

http://img119.imageshack.us/img119/1479/49964048ts6.png (http://imageshack.us)

This is my bbcode_quote code
<div style="margin:20px 10px; background: url(images/misc/q.gif) 0 0 no-repeat">
<div style="padding-left:25px ; padding-right:25px">
<div style="padding:0 5px; border:1px solid #ccc; border-left-width:3px">

<if condition="$show['username']"><div>
<phrase 1="$username">$vbphrase[originally_posted_by_x]</phrase>
<if condition="$postid">
<a href="showthread.php?$session[sessionurl]p=$postid#post$postid" rel="nofollow"><img class="inlineimg" src="$stylevar[imgdir_button]/viewpost.gif" border="0" alt="$vbphrase[view_post]" /></a></if></if>

<br />
<em>$message</em>
<div align="right"><img src="images/misc/q2.gif" alt=""/></div>


</div>
</div>
</div>
<br>

[C.ooder]

Test The Quote

and i wall Bak

[fn9mm]

you gave the html output
give us a useable code instead, one we can use in the template

[Newfarm]

So instead of just coding it up and helping people you'd rather spend time to tell everyone how silly they are ?

Wow.

[Newfarm]

Well, whatever elitist attitude you might think you're entitled to, your third edited post helps no one. Everyone doesn't read html and css as if it was second nature to them, quite obviously so considering people felt they had to hack this up the messy way to get it working.

I'm quite sure most people would've loved something they could copy paste into their ACP, not a drycoded snip useful only to those who could've done it themselves in the first place.

I'll just leave the whole "my opinion doesn't matter" thing alone as it speaks volumes on it's own.