AioNets : Custom bbcode Quote

AioNets : Custom bbcode Quote

Mod Version: 1.00, by A.Chakery

vB Version: 3.8.x	Rating: (1 vote - 5.00 average)	Installs: 14
Released: 23 Sep 2010	Last Update: Never	Downloads: 46
Not Supported Template Edits Additional Files

Custom bbcode Quote
http://www.AioNets.com
-------------

Installation Guide :

Step-1:

Go to : Admincp>Styles & Templates>Expand your template

then Goto bbcode_quote template and replace entire contents with below :

HTML Code:

<div style="margin:20px; margin-top:5px; <if condition="$show['iewidthfix']">width: 100%;</if>">
<div style="width:100%">
            <if condition="$show['username']">
                <div class="quotetop">
                    <img class="inlineimg" src="http://www.YOUR-DOMAIN.com/images/misc/q.gif" /> &nbsp;$vbphrase[quote]: <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>
                <div style="font-style:italic" class="quotemain">$message<img class="inlineimg" align="right" src="http://www.YOUR-DOMAIN.com/images/misc/q2.gif" /></div>
            <else />
    <div class="smallfont quotetop"><img class="inlineimg" src="http://www.YOUR-DOMAIN.com/images/misc/q.gif" /> &nbsp;$vbphrase[quote]:</div>
                <div class="quotemain">$message<img class="inlineimg" align="right" src="http://www.YOUR-DOMAIN.com/images/misc/q2.gif" /></div>
            </if>
</div>
</div>

Step-2:

Rename http://www.YOUR-DOMAIN.com to your forum URL.

Step-3:

Goto Your Main-Css and enter below CSS codes at the bottom of the additional CSS section. and SAVE

HTML Code:

/* AioBoards custom quote bbcode*/
.quotetop
{
    width=98%
    color: #000;
    margin: 8px auto 0px auto;
    font-weight:bold;
    font-size:10px;
    padding: 8px;
    background-color:#E4EAF2;
    border-left: 4px solid #8394B2;
    border-top: 1px dotted #000;
    border-right: 1px dotted #000;
}
.quotemain
{
    width=98%
    color: #465584;
    background-color: #FAFCFE;
    border-left: 4px solid #8394B2;
    border-right: 1px dotted #000;
    border-top: 1px dotted #000;
    border-bottom: 1px dotted #000;
    padding: 4px;
    margin: 0px auto 8px auto;
    font-style: italic;
        font-size: 9px;
}

Step-4:

Upload the attached images to : YOUR-DOMAIN.com/images/misc/

Step-5:
Click Installed and Enjoy

Download

quote-images.zip (607 Bytes, 52 downloads)

Screenshots

vBulletin LTS