Better Quote Box (just like on vbulletin.org)

[FoxyFLS]

Better Quote Box (just like on vbulletin.org)
http://www.vbulletin.org/forum/showthread.php?t=166865&page=4

 

[SpeedRazors]

Upload this image to your image/misc folder:

Add this to your Additional CSS:

.quote {
	margin:15px 10px;
	background: url(images/misc/q.gif) 0 0 no-repeat;
	padding-left:25px}
blockquote.bq {
	font: italic 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border-left:3px solid #ccc; 
	margin:0px;
	padding:0 5px}

then replace template bbcode_quote with this code:

<div style="margin:3px; margin-top:5px; <if condition="$show['iewidthfix']">width: 100%;</if>">
    <table cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%">
    <tr>
        <td><div class="quote" style="margin-bottom:2px">
            <if condition="$show['username']">
                <div class="smallfont" style="margin-bottom:2px">
                    <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>
                <blockquote class="bq" style="font-style:italic">$message</blockquote>
            <else />
                <blockquote class="bq" style="font-style:italic">$message</blockquote>
            </if>
        </div></td>
    </tr>
    </table>
</div>

Done!


And here is what it looks like:



==========================
If you want to have quote at the end then upload this image

to misc folder and use this css instead.

.quote {
    margin:15px 10px;
    background: url(images/misc/q.gif) 0 0 no-repeat;
    padding-left:25px}
blockquote.bq {
    background: url(images/misc/q1.gif) no-repeat bottom right;
    font: italic 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
    border-left:3px solid #ccc; 
    margin:0px;
    padding:0 5px}