Back to vBulletin 3.5 Template Modifications

Better Quotes - Round Quotes
Mod Version: 1.00, by Sofia

This modification is in the archives.
vB Version: 3.5.x Rating: (1 vote - 5.00 average) Installs: 5
Released: 30 May 2009 Last Update: 08 Jun 2009 Downloads: 24
Not Supported Re-usable Code Translations  

Better Quotes - Round Quotes 3.5.x


Same mod here: Better Quotes - Round Quotes

Description:

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






0. PSD

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


To find your color:
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.

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:

HTML Code:
.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:

HTML Code:
<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!

Download

This modification is archived and cannot be downloaded.

Similar Mods

Show Thread Enhancements Better Quotes - Round Quotes vBulletin 3.8 Template Modifications
Show Thread Enhancements Better Quotes - Round Quotes vBulletin 3.6 Template Modifications
[Release] - [Gamma] - Round Quotes with Images vBulletin 3.0 Template Modifications
[Release] - [Gamma] - Round Quotes with Images vBulletin 3.0 Template Modifications

vblts.ru supports vBulletin®, 2022-2024