Show Thread Enhancements - vbulletin.org Quote Box

vbulletin.org Quote Box 4.2.0

Online Demo : vbulletin.web.tr

• Upload this image to your image/misc folder:

• Open the additional.css template of the theme that you use and add this code to the top

PHP Code:


 /* vbulletin.web.tr - vbulletin.org Alıntı Kutusu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.bbcode_container .bbcode_quote_container { background: transparent; }
 
.bbcode_container div.bbcode_quote {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid transparent;
    margin: 0 0 10px; }
 
.bbcode_quote div.quote_container {
    border-radius: 5px 5px 5px 5px;
    padding: 5px 10px; }
 
.bbcode_container div.bbcode_quote div.message{
    border-left: 3px solid #CCCCCC;
    color: #9E9E9E;
    margin-left: 20px;
    padding: 8px 5px;
        border-radius:0px; }

/* vbulletin.org Alıntı Kutusu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 


• Open then bbcode_quote of the same theme, replace all the codes with the ones below:

PHP Code:

<div class="bbcode_container">
    <div class="bbcode_quote">
        <div class="quote_container">
            <div class="bbcode_quote_container"></div>
            <vb:if condition="$show['username']">
                <div class="bbcode_postedby">
                    <img src="{vb:stylevar imgdir_misc}/q.gif" alt="{vb:rawphrase quote}" /> {vb:rawphrase originally_posted_by_x, {vb:raw username}}
                    <vb:if condition="$postid"><a href="{vb:raw $vboptions.vbforum_url}{vb:if "$vboptions['vbforum_url']", '/', ''}showthread.php?{vb:raw session.sessionurl}p={vb:raw postid}#post{vb:raw postid}" rel="nofollow"><img class="inlineimg" src="{vb:stylevar imgdir_button}/viewpost-{vb:stylevar right}.png" alt="{vb:rawphrase view_post}" /></a></vb:if>
                </div>
                <div class="message">{vb:raw message}</div>
            <vb:else />
            <div class="bbcode_postedby"><b>
                   <img src="{vb:stylevar imgdir_misc}/q.gif" alt="{vb:rawphrase quote}" />  {vb:rawphrase quote}</b></div>
             <div class="message">
            {vb:raw message}</div>
            </vb:if>
        </div>
    </div>
</div> 


25 December 2012 updated

[john7911]

Thank you

[jjohns12]

Installed Works great! Thanks

[yamahapaul]

Installed and works great but.... how do I get rid of the original VB quote bubble in thread previews as shown on the attached pic???

[Syxguns]

Originally Posted by yamahapaul

Installed and works great but.... how do I get rid of the original VB quote bubble in thread previews as shown on the attached pic???

Easy to do. Go to the "Admin Control Panel" Select: Styles & Templates > Style Manager

Next to the style you want to edit select "Style Variable Editor" and press Go.

Now you may scroll way down the list till you see bbCode or you may also type "quote" in the search box which will only list the quote items under bbCode.

Now you may do with as you like. Remove the boarder, change the boarder, change the style of the boarder. place color in the boarder, etc. etc.

Good luck and have fun!

[yamahapaul]

Any idea how I'd remove the arrow as indicated on the attached???

[Syxguns]

That looks like an error in your PHP code that is causing that to show. Double check the code, or copy and paste it here in [CODE] tags for us to look at.