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]

Originally Posted by 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

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>