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} 


[eNforce]

Cool thanks!

Here's a white version of the quote image for those of you with dark styles.

(demo)

[FaNtAzY]

WOW... thank u very much dude... i postet a request some days ago and here it is.... awesome... it's such a nice look thank you man! :up:

[nothing4me]

Compressed 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:0;padding:0 5px}

Thanks by the way.

[Snake]

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

[FaNtAzY]

Originally Posted by Snake

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

.... i have not so good abilities in coding but I think you can easily add a vertical flipped version of the quote icon at the end of the code... (I have no time atm for testing it myself ^^) or wait for the coder who possibly can add your request... because your idea interesst me too

[TTG]

I'd be interested in adding this if it could be coded to include the end quote.
I always thought it looked unfinished when I see it used on vborg.

[ran_iu_Conan]

i very very like it
thanks thanks so much

[ran_iu_Conan]

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

[Snake]

Originally Posted by TTG

I'd be interested in adding this if it could be coded to include the end quote.
I always thought it looked unfinished when I see it used on vborg.

Yeah, that what I was talking about. It looks like a bit incomplete so it would be nicer if there's one at the end as well.