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} 


[GFiSH]

Thanks, I've installed this.

Could only find bbcode_quote, where is blog_bbcode_quote located? Don't have the blog setup on my forums, is that why I can't find it?

[eJM]

Vietfancy, you did an excellent job on this. I made a custom quote symbol and colored the left border to fit my site design. I'm very happy with it and I appreciate the quality work you put into it.

Best R'gards,

Jim McClain

[FReeSTER]

Originally Posted by GFiSH

Thanks, I've installed this.

Could only find bbcode_quote, where is blog_bbcode_quote located? Don't have the blog setup on my forums, is that why I can't find it?

Yes my friend just do as it is and forget it about blog_bbcode_quote and should work just fine

[Sworm]

A question,

Can be use this mod with BBcode Manager?

Thanks in advance.

Bye

[eJM]

They appear to be 2 different modifications.

[tony adams]

installed - thanks

[K4GAP]

Really love this but, I have all dark styles and none of the quote images I've found look very good on the dark. I've tweaked a few but just can't get them clean looking. Would anyone just happen to have some laying around

[Trillian]

Thanks for the great mod!

Fwiw, I was having trouble with all the space before the closed quote, so I tried a slightly different layout (you can see it in my attachment).

Now I don't know much about css, so my method probably isn't all that efficient. If anyone can improve on it, I'd appreciate it.

Here's my 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}  
.endquote { 
    margin:0px 10px 15px; 
    background: url(images/misc/q1.gif) 0 0 no-repeat; 
    padding-left:25px}

Here's my template:

<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>
<div class="endquote" style="margin-bottom:2px">&nbsp;</div>
</td>
    </tr>
    </table>
</div>

[farsgsm]

what's the code to put q.gif to upside right?

code
background: url(images/misc/q.gif) no-repeat up right
not works!!

[yamahapaul]

Works great on 3.8.3 and the multi quotes look ok too-

http://www.midlandsheritage.co.uk/sh...0050#post10050

Thanks for the mod :up: