Miscellaneous Hacks - Better Quote Box (just like on vbulletin.org)

Upload this image to your image/misc folder:

Add this to your Additional CSS:

PHP Code:


.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 templates bbcode_quote and blog_bbcode_quotewith this code:

PHP 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:

Originally Posted by vietfancy

This code can be use for many versions, not just 3.6.8 . Have fun people.

==========================
If you want to have quote at the end then upload this image to misc folder and use this css instead.

PHP Code:

.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} 


[jankie]

pls help

[Trillian]

Originally Posted by jankie

pls help

jankie, did you install the css that I suggested in my earlier post, or did you only install the original code as published by the author of this thread?

And what version of vB are you using?

I'll do my best to help.

[vijayninel]

Thanks. Installed.

[gopherhockey]

Anyone get this to work with 4.04?

[Sworm]

Should be really great to adapt this in vb 4

[ricardoNJ]

Originally Posted by Atlantean

I would also like to be able to do this.

It will be a nice modification: background color like.... grey color? :up:

[tommydamic68]

I added an additional line at the bottom in the CSS - looks cleaner and separates the quote better in my opinion - just replace the original CSS with this.

.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; 
    border-bottom:3px solid #ccc; 
    margin:0px; 
    padding:0 5px 5px 5px}