Show Thread Enhancements - Better Quotes - Round Quotes

Better Quotes - Round Quotes 3.8.x

Description:

Little mod. This modification allows you to have round quotes.


https://vborg.vbsupport.ru/vborg_mis...hreadid=214643

0. PSD

You must edit PSD Files (only two files) with PhotoShop.
Replace the red color by color of your posts (class alt1)

I'm not willing to modify background colors for each member.



1. Upload

Upload images in the zip into "images/misc"



2. CSS

ACP >> Styles & Templates >> Styles Manager >> Choose a style >> All Style Options (Go) >> At the bottom : Additional CSS Definitions, in the second box :


Enter:

.quote_body {
    padding: 3px;
    background-color: #F8F8F8;
    color: #444;
}
.quote_global-quote { background: #FAFAFA url(images/misc/q_quote.png) top right no-repeat; }
.quote_global {
    background-color: #FAFAFA;
    margin: 3px 20px 3px 20px;
}

.quote_head, .quote_head div, .quote_head span, .quote_foot, .quote_foot div, .quote-foot span {
    margin: 0;
    padding: 0;
    overflow: hidden;
    line-height: 1px;
    font-size: 1px;
    height: 5px;
}
.quote_head, .quote_head div {
    background: url(images/misc/bg_quote1.gif) top right no-repeat;
}
.quote_foot, .quote_foot div {
    background: url(images/misc/bg_quote2.gif) top right no-repeat;
}
.quote_head div, .quote_foot div {
    background-position: 0 -5px;
    height: 5px;
    padding: 0 5px;
}
.quote_head span {
    display: block;
    border-top: solid 1px #CCC;
    height: 4px;
}
.quote_foot span {
    display: block;
    border-bottom: solid 1px #CCC;
    height: 4px;
}
.quote_name, .quote_body {
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
    padding: 4px;
}

3. Template


In the template bbcode_quote,


Replace all your code by:

<table class="quote_global quote_global-quote" cellspacing="0">
<tr>
    <td class="quote_head"><div><span></span></div></td>
</tr>
<tr>
    <td class="quote_name">
        <if condition="$show['username']">
            <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>
        <else />
            <div class="smallfont">$vbphrase[quote]:</div>
        </if>
    </td>
</tr>
<tr>
    <td class="quote_body">
        $message
    </td>
</tr>
<tr>
    <td class="quote_foot"><div><span></span></div></td>
</tr>
</table>

Enjoy!

[Sofia]

Originally Posted by RaptorJesus

Hey there, this words great, only 1 thing, it's not showing Rounded edges for me, what might be the problem ? Also is there a way to EXPAND it beyond the post a bit ? Because the "quote" Image is overlaying the users Nick if the post is too short.

Did you do that?

0. PSD You must edit PSD Files (only two files) with PhotoShop.
Replace the red color by color of your posts (class alt1)

To expand the quote :

In the template bbcode-quote,

Replace (first line):

<table class="quote_global quote_global-quote" cellspacing="0">

By:

<table class="quote_global quote_global-quote" cellspacing="0" width="95%">

[RaptorJesus]

I don't quite understand the color of my posts part, Sofia, can you please elaborate ? Also thanks for the quick fix for the expansion problem.

[Sofia]

Originally Posted by RaptorJesus

I don't quite understand the color of my posts part, Sofia, can you please elaborate ? Also thanks for the quick fix for the expansion problem.

You find this color here: ACP >> Styles & Templates >> Styles Manager >> Choose a style - All Style Options (Go). You find this class : alt1 (First Alternating Color), and color code near "Background". Replace red color of my PSD by this color.

[RaptorJesus]

EDIT: Never mind Sofia, great job on this I figured it out I was stupid enough to just follow through with this without paying too much attention to the CSS addition.

You're using a different URL for the images then I am in there, switched up, and it works perfectly! Great job!

[Sofia]

Originally Posted by RaptorJesus

EDIT: Never mind Sofia, great job on this I figured it out I was stupid enough to just follow through with this without paying too much attention to the CSS addition.

You're using a different URL for the images then I am in there, switched up, and it works perfectly! Great job!

You're welcome

I'm using different URL for images? I don't think, my URL indicate "images/misc", like must be uploaded images.

[dilbert]

This looks nice, but what about folks with "old" browsers and using png files? I thought older browsers don't support transparency.

[Sofia]

Originally Posted by dilbert

This looks nice, but what about folks with "old" browsers and using png files? I thought older browsers don't support transparency.

Only 1 image is transparent but there is a background color behind it so this quote works with nearly all browser, old and recent. Just 3 images are used, 1 PNG and 2 GIF

[tekidea]

this version work with 3.7.2?

[Sofia]

Originally Posted by tekidea

this version work with 3.7.2?

Yes All versions

[goxy63]

Nominated rated installed
Works as a charm for me, after I replaced first line in template "bbcode-quote"
with

<table class="quote_global quote_global-quote" cellspacing="0" width="95%">

as you suggested

Just one small noob question
What's for that PSD file for, I only uploaded two gif images and that PNG one !?

And one more question
How to change colour within quote field, I would like that quoted txt stick out a bit more?

Cheers