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} 


[Hornstar]

Looks good. nice work.

[USAMustangs.com]

Cool, but how do you decrease the huge space between the quote symbols?

[demgel]

could you do something to the CODE bbcode?

[vietfancy]

Originally Posted by demgel

could you do something to the CODE bbcode?

Please be more specific. Thanks

[demgel]

Originally Posted by vietfancy

Please be more specific. Thanks

I mean, the normal CODE template is a little bit ugly... with courier new, and just a box with normal borders... if you could do something like this quote box with the code box, will be nice... may be a image of this: instead the quotes...

I hope you understand me

[MissKalunji]

woohoo works thank u!

[Mike08]

great!! Thanks for share

[Gez]

Thank you, i have been looking for this for a long time

[kiFF]

No one answered my question yet.

My problem is very simple. Let's say I type the following code:

[quote.]How are you?[/quote.]

I'm fine, thanks!

If I press "Preview", it automatically changes the code to this:

[quote.]How are you?[/quote.]I'm fine, thanks!

As you can see, it automatically puts the text on one line. This is annoying because some people like to add spaces to make it easier to read or edit their posts.

Why is it doing this? Thanks.

[vietfancy]

Originally Posted by kiFF

No one answered my question yet.

My problem is very simple. Let's say I type the following code:




If I press "Preview", it automatically changes the code to this:




As you can see, it automatically puts the text on one line. This is annoying because some people like to add spaces to make it easier to read or edit their posts.

Why is it doing this? Thanks.

I don't know why it happened to you, but everything is ok with me, and i guess it's ok for everyone else as well.