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} 


[vietfancy]

Originally Posted by ran_iu_Conan

and bbcode php , code , htm ?
do you know ? ^_^

Will do when i have time

Originally Posted by Snake

Thanks for this! But is it possible to have a quote at the end, too?

You can do that easily just by adding a few lines of css code. But it wouldn't look good anymore.

[Snake]

It's easy for you to say. The quote icon needs to be vertical flipped and I'm not really good at graphics, and not to mention CSS editing. Maybe you can help a brother out?

[vietfancy]

Originally Posted by Snake

It's easy for you to say. The quote icon needs to be vertical flipped and I'm not really good at graphics, and not to mention CSS editing. Maybe you can help a brother out?

hahahaha bro! I'm not going to make that button for ya. you have to make it yourself and named it q1.gif, then upload it to misc folder, then replace the css with the code below.

.quote {
	margin:15px 10px;
	background: url(images/misc/q.gif) 0 0 no-repeat;
	padding-left:25px}
blockquote.bq {
        background: #FFF 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}

[Quantnet]

thanks, bro
do you have to change the bb_quote template as well if you want quote at the end ? It only show the first quote after i add the q1.gif and the css

[SBlueman]

Not showing at the end for me either.

[drhimadri82]

Any solution for legacy???

[vietfancy]

Originally Posted by drhimadri82

Any solution for legacy???

Originally Posted by SBlueman

Not showing at the end for me either.

Originally Posted by Quantnet.org

thanks, bro
do you have to change the bb_quote template as well if you want quote at the end ? It only show the first quote after i add the q1.gif and the css

Done, sorry, i misspelled "images" in the css

[drhimadri82]

Images now not appearing in quotes.....I mean these

[vietfancy]

Originally Posted by drhimadri82

Images now not appearing in quotes.....I mean these

had you uploaded the image yet?

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}

[drhimadri82]

Originally Posted by vietfancy

had you uploaded the image yet?

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}

I already found the images in the previous code when the legacy layout got messy....so images are fine I guess....still I am checking once again...

EDIT: working...

*installed