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} 


[yeku]

Installed

thank

[SpeedJunkyz]

how do you add to additional CSS, im lost

[steve1966]

Originally Posted by SpeedJunkyz

how do you add to additional CSS, im lost

Hi go into your acp

Style Templates/Style Manager/

Main Css in dropdown

then go to bottom of the page

add the code here

Additional CSS Definitions

[sedline]

Thanks very much

[DieselMinded]

Why wont this qoute an above post that had a qoute in it also

It drops the qoute posted in the Post your qouteing

[Baldilocks]

Yeah, I would also like to know how to get rid of the huge space between the last word of the quote and the quote image itself.

Example:
"This is a quote..............................."

[Baldilocks]

Another question. What if the second CSS box is in use?? Just add this code to the end of it??

[vietfancy]

Originally Posted by Baldilocks

Yeah, I would also like to know how to get rid of the huge space between the last word of the quote and the quote image itself.

Example:
"This is a quote..............................."

Not possible at the moment.

Originally Posted by Baldilocks

Another question. What if the second CSS box is in use?? Just add this code to the end of it??

right on.

[m_k]

thanks :-)

nice mod

[snowman872]

Great mod! =)