Back to vBulletin 3.8 Template Modifications

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

vB Version: 3.8.x Rating: (20 votes - 4.90 average) Installs: 263
Released: 27 May 2009 Last Update: 28 May 2009 Downloads: 1025
Not Supported Re-usable Code Translations  

Better Quotes - Round Quotes 3.8.x


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)


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

File Type: %1$s forum - upload.zip (1.4 KB, 767 downloads)
File Type: %1$s PSD.zip (6.6 KB, 552 downloads)

Screenshots

Click image for larger version
Name:	plop.png
Views:	1764
Size:	22.0 KB
ID:	99655  

Similar Mods

[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