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} 


[electrolov]

nicely done.

[SpreadingLight]

Very nice!

I installed but the quote symbols aren't showing.

My first guess is that I didn't input the CSS where it needs to be?

[atlambros83]

Originally Posted by SpreadingLight

Very nice!

I installed but the quote symbols aren't showing.

My first guess is that I didn't input the CSS where it needs to be?

just installed it on mine, i by no means would really say that i especially know what i'm doing but it worked fine after my install. i installed mine in the second text box under additional css, it looks like you installed yours in the first. maybe that will help you.

[SpreadingLight]

thanks. I was forgetting the */ at the end of the description I added.

the first quote symbol shows now, but not the end quote yet.

add: Working.

The end-quote image didn't FTP, so I saved it as file and then FTP'ed it over.

Looks great

suggestion: set the end-quote to be as far to the right, as the quoted text extends.... or right after the last quoted character

[stwilson]

My end-quote is right justified, versus being up against the quoted text. Any suggestions? Thanks for the MOD.

[Smoox]

I installed but my users told that looks nice but it is not clear (quote - post)
It is possible to make frame or background to separate quote from post.
Like on my pic.

Maybe you have other idea.
Thanks

[Cybershaolin]

Originally Posted by Smoox

I installed but my users told that looks nice but it is not clear (quote - post)
It is possible to make frame or background to separate quote from post.
Like on my pic.

Maybe you have other idea.
Thanks

I support this idea of adding a background. This would be great. Having other options for the code, html and php would also be nice. Just like the new IPB styles would be the best.

I tried the BBCodes manager hack here https://vborg.vbsupport.ru/showthread.php?t=120073 but it conflicts with AME hack here: https://vborg.vbsupport.ru/showthread.php?t=150863

[za3bour]

how can i modify it in order to fit in Arabic Forum ? alignment should be right not left

[FatalBreeze]

Hello!
For all those who has a forum in Hebrew, Arabic or any other language which is Right to Left,
Use this CSS:

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

Please notice that the pic is q1.gif and not q.gif because that's how it goes on RTL langs.

If you want to use the second gif too, use this CSS:

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

again notice that i used the q1.gif for the upper right image, and q.gif for the left bottom image.

[za3bour]

Thanks a lot :up: