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

[Emeralda]

O.O Now it works, so awkward.

[l0l4s0]

I love this, Nominate 5 Starts. Thank You.

[nacaruncr]

Originally Posted by eTiKeT?

bbcode.css Add the template into . And vbulletin What version?

Ohh I didn't see it was for 4.2.x..... I was trying in 4.1.4 :S

So, thanks anyway

[Robru]

Thanks, shows very well in all styles

[Emeralda]

Ok, I'm totally confused how or why it works.

Here it works: http://nankurunaisa.net/showthread.p...ull=1#post1406
But for example here: http://nankurunaisa.net/showthread.p...ull=1#post1400 It doesn't.

Could someone tell me what's going on with it? It seems it doesn't work for the first post, but it works in all subsequent posts.

EDIT: Or not, I just noticed this

http://nankurunaisa.net/showthread.p...ull=1#post1749
http://nankurunaisa.net/showthread.p...ull=1#post1750

EDIT2: I found it, it wasn't generating the code when there was no username, I changed it a bit for myself to show it even then, depends on taste I guess.

<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="/images/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="message">{vb:raw message}</div> 
            </vb:if> 
        </div> 
    </div> 
</div>

EDIT3: Edited the code again, just the message class was enough to make it elegant.

[faisaly.com]

Please edit the first post for users so they can understand exactly how to make this work using vb4.2.0

Thanx in advance....

[Emeralda]

Originally Posted by faisaly.com

Please edit the first post for users so they can understand exactly how to make this work using vb4.2.0

Thanx in advance....

It does work, but only when quoting someone (with username for example), and it could probably even work on any other vB4 (vB3 with changing the vB codes). I posted a small edit on first page to include cases when those are quotes without a username to make them slightly more quotish.

[faisaly.com]

Well maybe the developer will update this post so users can understand how to make it work a bit clearer...

[Merenguista]

When I joined your forum to see the demo I loved your postbit_legacy, and I want to have one like yours if that is possible ..

Thank you ..

[Mark.B]

Originally Posted by Merenguista

When I joined your forum to see the demo I loved your postbit_legacy, and I want to have one like yours if that is possible ..

Thank you ..

It's highly nice actually. Kind of the reverse way about to my own.

Problem is, I highly doubt someone is going to create such a personalised look for their site, giving them a really distinctive look, and then promptly provide instructions for everyone to copy it.

Of course, I might be wrong, some people do share these things, but with things like this it will often be the case. I learned how to do mine myself from following various tips and articles on here, that's the best way forwards.