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} 


[edgeyveggie]

I can't get this to work. Is it a problem if I do all of the modifications to a parent style and have it effect the children of that style or will this not work? I tried it with the template part of the installation and that worked but I had to manually go into the child styles to do the CSS and it still didn't work, I would get the 3px border on the left side but no quote image even though it was in the image/misc folder, and even after moving it into my styles respective "misc" image folder it still didn't work, I don't know what the problem is. (The image is prior to me doing the custom CSS for each child style so it does not show the gray 3px border)

[edgeyveggie]

Anone..?

[GremlinPrince]

lovin it thanks

[silly rabbit]

Nice look vietfancy!

I added 1 thing to your quote design. I created a user profile field giving the user the choice of the original 'vBulletin' quote or your 'custom' style. Rather than "replace" the templates I placed a conditional:

PHP Code:

<if condition="$bbuserinfo['field25'] == 'sharp'">
. . . your code
<else />
. . . original code
</if> 


Seems to work OK and gives the board a little more individuality and flare. I love it when someone says "how'd you do that?" and I of course reply "you should check your usecp options a little more often".

Oh, I also added a very thin:

PHP Code:

    border-bottom:1px solid #ccc; 


to the CSS and like it just fine!

thx from Rabbit

(Oops! Users have choice of three styles now! Just saw "Better Quote Box" which I labeled as "rounded". Why Not? Might have to play with text size and color on this one, kinda jumps out at ya.)

[leannet]

I installed it and its working fine.

Is it possible to have a border around it and a different background colour so that it stands out.

This is what is currently looks like on my site.







This is an example of how I want it to look.

[Atlantean]

Originally Posted by leannet

Is it possible to have a border around it and a different background colour so that it stands out.

I would also like to be able to do this.

[GrendelKhan{TSU]

simple easy goodness. THANKS!1

btw, viet.. you back? I'd LOVE to see some updates to some of your skins for 3.7.x

[Master_Biji]

I like this mod. Thanks a lot!!

Installed!

[dfc005]

I like it but can't get the quotes to appear.... Have uploaded the image files and have made the changes. But no quotes....

[dfc005]

I changed the CSS around a bit and it's working fine for me. Nice.