Better Quotes - Round Quotes
Mod Version: 1.00, by Sofia
This modification is in the archives.
| vB Version: 3.6.x | Rating:  (1 vote - 5.00 average) |
Installs: 5 |
| Released: 29 May 2009 | Last Update: 08 Jun 2009 | Downloads: 29 |
 Not Supported
 Re-usable Code
Translations
|
||
Better Quotes - Round Quotes 3.6.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>
Download
This modification is archived, downloads are still allowed.
PSD.zip (6.6 KB, 23 downloads) forum - upload .zip (1.4 KB, 22 downloads)