vb.org Archive - Miscellaneous Hacks - DJ's Dynamic Tab Content for Postbit

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 4.x Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=246)

- - Miscellaneous Hacks - DJ's Dynamic Tab Content for Postbit_Legacy (https://vborg.vbsupport.ru/showthread.php?t=237867)

Quote:

Originally Posted by EquinoxWorld (Post 2054685)

It was only with the signature slider. I never actually tried the postbit yet. Everything is working perfect in IE and FF just in google Chrome the buttons don't show that's all. Also would you by any chance know how I could have the page not to move up or down when the signature slides change. For example one member has a one of the sig larger than the others then whenever that sig is displayed the page moves by it's self. Is there any way to correct this without having the page jump around? It is really annoying specially when your trying to write a post or reply. Would appreciate any help I can get. Thanks again for the awesomeness.

I don't think so, at least not in the JavaScript file. However, you could try editing the DIV that contains the signature and set either a max-height. I'm not sure if this will create a scrollbar or not, but it might deter folks from getting to extreme.

I'd love to install this, however I'm using postbit vs. postbit_legacy, so my avatar's and information is on the top of each post.

How can I change it to use Postbit_Legacy and have the information on the left? I looked through a number of options to see if I could find it first, but had no luck.

Quote:

Originally Posted by jimfries (Post 2060136)

There is a link in the first post to someone who tried it on vB3. The template information would need to be adjusted for vB4, however.

I didn't see how to change my forums from having the Avatar and information on the top of each post, to the left side via that link.

It's called Postbit Legacy, and the option is in your vBulletin Options menu under Style & Language Settings

Has anyone tested this out for 4.0.5? Thanks for the help everyone.

I do like this.

Shame about the bugs with AJAX and inline.

I presume I can integrate it with Dragon Byte Tech mods - VbShop / VbActivity so the postbit legacy doesnt look so clustered.

Thanks - Clicks installs.

Quote:

Originally Posted by RobbieZ (Post 2073881)

You most definitely can. I only have two tabs right now, but on one I have the profile info and on the second I have activity stats. Here's an example: http://www.runicgamesfansite.com/sho...ted=1#post7967

Quote:

Originally Posted by Webbstre (Post 2074057)

Looks good Webbstre :D

Have you witnessed the bug still , where it shows all the information when inline moderation is being done?

Is there anyway to make the "dots" centered?

Quote:

Originally Posted by EquinoxWorld (Post 2070694)

Has anyone tested this out for 4.0.5? Thanks for the help everyone.

No reason why it shouldn't.

Quote:

Originally Posted by RobbieZ (Post 2074745)

Looks good Webbstre :D

Have you witnessed the bug still , where it shows all the information when inline moderation is being done?

Pretty much it should string out like that every time, or just display nothing during inline editing/posting. But it will only show for the poster and no one else, and won't show up again on page reload.

Quote:

Originally Posted by merk_aus (Post 2078379)

Is there anyway to make the "dots" centered?

There's a rather lengthy discussion on that in the 3.x thread that you may want to look over. I can't recall what finally worked for us there.

Quote:

Originally Posted by EquinoxWorld (Post 2070694)

Has anyone tested this out for 4.0.5? Thanks for the help everyone.

Got it running on that now.

I'm not fully satisfied with it yet (I have yet to port the Arcade, and I wouldn't mind tweaking a few other settings as well), but when I am, I'll share the codes I ended up using.

As promised, here's my version of the script. I used mostly existing stuff ouf of the postbit_legacy template, and converted some of the suggestions from DJ to work with vB4. Code below is ready for copy/paste, and is working on 4.0.5. Live demo can be seen on www.EntropiaPlanets.com.

Code:

<!-- BEGIN POSTBIT TABS -->  

<div id="postbittabs{vb:raw post.postid}" class="djdot">  

        <ul>  

                <li><span title="Forum statistics"><a href="#" rel="tab1{vb:raw post.postid}" id="selected{vb:raw post.postid}">&nbsp;</a></span></li>  

                <li><span title="Personal information"><a href="#" rel="tab2{vb:raw post.postid}">&nbsp;</a></span></li>  

                <li><span title="Ingame info"><a href="#" rel="tab3{vb:raw post.postid}">&nbsp;</a></span></li>

                <li><span title="Arcade"><a href="#" rel="tab4{vb:raw post.postid}">&nbsp;</a></span></li>  

        </ul>  

        <br style="clear: left" />  

</div>  

   

<div class="smallfont">  

   

<!--TAB 1 CONTENT -->  

<div id="tab1{vb:raw post.postid}" class="tabcontent">  

   

        <vb:if condition="$post['joindate']"><div class="info"><b>{vb:rawphrase join_date}: </b> {vb:raw post.joindate}</div></vb:if>

        <div class="info"><b>{vb:rawphrase posts}: </b>{vb:raw post.posts}</div>

        

           {vb:raw template_hook.postbit_userinfo_right_after_posts}



                <div class="info">

                <vb:if condition="$show['pmlink'] OR $show['emaillink'] OR $post['userid'] AND $show['member']">

                Send {vb:raw post.username}:<br /></vb:if>

                                <vb:if condition="$show['pmlink']">

                  <a href="private.php?{vb:raw session.sessionurl}do=newpm&amp;u={vb:raw post.userid}" rel="nofollow"><phrase 1="{vb:raw post.username}">a Private Message</phrase></a><br />

                 </vb:if>

                 <vb:if condition="$show['emaillink']">

                  <a href="sendmessage.php?{vb:raw session.sessionurl}do=mailmember&amp;u={vb:raw post.userid}" rel="nofollow">an Email</a><br />

                 </vb:if>

                 <vb:if condition="$post['userid'] AND $show['member']">

                 <a href="profile.php?{vb:raw session.sessionurl}do=addlist&amp;userlist=buddy&amp;u={vb:raw post.userid}">a Friend Request</a>

                 </vb:if></div>

        

</div>  

   

<!-- TAB 2 CONTENT -->  

<div id="tab2{vb:raw post.postid}" class="tabcontent">  

   

        <vb:if condition="$post['field2']"><div class="info"><b>{vb:rawphrase location_perm}:</b> {vb:raw post.field2}</div></vb:if>

        <vb:if condition="$post['age']"><div class="info"><b>{vb:rawphrase age}:</b> {vb:raw post.age}</div></vb:if>

        <vb:if condition="$post['field1']"><div class="info"><b>Biography:</b> {vb:raw post.field1}</div></vb:if>

        <vb:if condition="$post['field3']"><div class="info"><b>Interests:</b> {vb:raw post.field3}</div></vb:if>

        <vb:if condition="$post['field4']"><div class="info"><b>Occupation:</b> {vb:raw post.field4}</div></vb:if>

        <!-- Real gender -->

        <vb:if condition="$post[field14]=='Male'"><div class="info"><b>Gender:</b> <img style='vertical-align:middle; border-style:none' src="images/entropiaplanets/male.png" alt="Male"></div>

        <vb:else />

           <vb:if condition="$post[field14]=='Female'"><div class="info"><b>Gender:</b> <img style='vertical-align:middle; border-style:none' src="images/entropiaplanets/female.png" alt="Female"></div></vb:if>

        </vb:if>

        <!-- / flags start -->

        <vb:if condition="$post[field5]"><div class="info"><b>Country:</b> <img src="images/entropiaplanets/userflags/{vb:raw post.field5}.gif"></div></vb:if>

        <!-- / flags end -->

   

</div>  

   

<!-- TAB 3 CONTENT --> 



<div id="tab3{vb:raw post.postid}" class="tabcontent">  

   

           <!-- Avatar Name -->

        <vb:if condition="$post[field6]"><div class="info"><b>Avatar Name: </b>{vb:raw post.field6}</div></vb:if>

        <!-- Society -->

        <vb:if condition="$post[field7]"><div class="info"><b>Soc: </b>{vb:raw post.field7}</div></vb:if>

           <!-- Avatar Gender -->

        <vb:if condition="$post[field13]=='Male'"><div class="info"><b>Avatar:</b> <img style='vertical-align:middle; border-style:none' src="images/entropiaplanets/male.png" alt="Male"></div>

        <vb:else />

           <vb:if condition="$post[field13]=='Female'"><div class="info"><b>Avatar:</b><img style='vertical-align:middle; border-style:none' src="images/entropiaplanets/female.png" alt="Female"></div></vb:if>

        </vb:if>

   

</div> 

   

<!-- TAB 4 CONTENT -->  

<div id="tab4{vb:raw post.postid}" class="tabcontent">  

   

        <div class="info">

                <vb:if condition="$post[crowns]">

                        {vb:raw post.crowns}{vb:raw post.champtext}

                <vb:else />

                        {vb:raw post.username} has not championed any arcade games.   

                </vb:if>

        </div>

   

</div>  



   

</div>  

   

   

<script type="text/javascript">  

var mytabs=new ddtabcontent("postbittabs{vb:raw post.postid}")  

mytabs.setpersist(false)  

mytabs.setselectedClassTarget("link")  

mytabs.init()  

</script>  

   

<!-- END POSTBIT TABS -->  



<br />

<div class="imlinks">

        {vb:raw post.icqicon} {vb:raw post.aimicon} {vb:raw post.msnicon} {vb:raw post.yahooicon} {vb:raw post.skypeicon}

</div>

Substitute Field<number> with your own userfields. Also please note that under Tab 1, I added the hook postbit_userinfo_right from the original template. I use the PhotoPost vBGallery, and that adds an image count using the hook. The same applies to the Blogs. I added the hook in the specific location so these additional stats show up right under the Posts.

Quote:

Originally Posted by Digital Jedi (Post 2080239)

There's a rather lengthy discussion on that in the 3.x thread that you may want to look over. I can't recall what finally worked for us there.

Just finished reading the thread, and what worked for me was adding a margin to "push" the dots towards the middle. In the CSS file, in the first class, add the text in red below:

Code:

.djdot{

font: bold 13px Arial;

width: 100%; /*leave this value as is in most cases*/

margin-left:20px;

}

Adjust the number so it suits your settings.

Original post by stickskills here: https://vborg.vbsupport.ru/showpost....&postcount=188

Have done everything, Made sure all the files uploaded but i stall get no tab images, Just lines as seen here - http://www.nextgenerationgamers.co.u...ll=1#post23252

Any help ?

Quote:

Originally Posted by AfterWorldForum (Post 2093755)

Just finished reading the thread, and what worked for me was adding a margin to "push" the dots towards the middle. In the CSS file, in the first class, add the text in red below:

Code:

.djdot{

font: bold 13px Arial;

width: 100%; /*leave this value as is in most cases*/

margin-left:20px;

}

Adjust the number so it suits your settings.

Original post by stickskills here: https://vborg.vbsupport.ru/showpost....&postcount=188

Thinking about this in retrospect, you should be able to get true centering by setting the margin-right and margin-left to "auto".

Quote:

Originally Posted by betts02 (Post 2093873)

Have done everything, Made sure all the files uploaded but i stall get no tab images, Just lines as seen here - http://www.nextgenerationgamers.co.u...ll=1#post23252

Any help ?

I don't see the headinclude code in the source code of your page. It looks like you've skipped Step 3 or maybe added it to the wrong style.

Many thanks, Its woking now

I had nearly the exact same code in the headinclude and though it was this,lol

But it was for the signature slider, added this and working fine, just need to install a brighter image for the dots

Hello

I'm a kind of a newbie and I'm working very hard to get this mod in my forum.

I almost get it, with a little help of kuervo (vbhispano), because I'm not good at english.

My penultimate problem is that I can't make js works. My dots don't change its colour and I can't access to TAB 2 CONTENT, TAB 2 CONTENT, and so..
All dots are linked to : http://www.myforum.com/#

I have it at -> postbit_tabs carpet
https://vborg.vbsupport.ru/

I have followed FAQ 5 and 6, and I think I did everything properly

Any sugestion, please?

** I would like to thank to AfterWorldForum for showing us his code. =)

Ryuk @ vbhispano has solved my problem. Thanks anyway

Thanks for this one, good edit, looks sleek in our forum :)

If this was made into a product. Wouldn't that then kill all your unknown bugs and let it work properly.

I assume the bugs exist because the forum uses AJAX too? And since it's not a plugin, it counters the forum reply/edit AJAX model.

So if this was a plugin and the right hooks were used, I assume the bugs would not be there anymore?

I've used this before and I went ahead and installed it again.

Attached is a picture of one of my tabs. I'm posting this tab in particular because I've added a function which alerts the user if they do not have that profile field filled and then allows them to click on a link that takes them to edit their profile.

The only one who can see that is the person who posted that particular message. ;)
Everyone else just sees the available profile fields.

Here is the code FOR ONE TAB w/ONE ENTRY (copy and paste entry for more) for those interested. Just insert the appropriate info where you see red:

Code:

<!-- TAB 5 CONTENT -->  

<div id="tab5{vb:raw post.postid}" class="tabcontent">  



<vb:if condition="$post[fieldX]">

        <div class="eti_postbit"><b>Field Title:</b> <br />{vb:raw post.fieldX}</div>

<vb:else />

        <vb:if condition="$bbuserinfo[userid] == $post['userid']" >

                <div class="eti_postbit"><b>About Me:</b> 

                        <br /><p align="center">NO ENTRY. COMPLETE YOUR PROFILE <a href="http://www.xxxxxxxxxx.com/forum/profile.php?do=editprofile">HERE</a>.</p> 

                </div>

        </vb:if>

</vb:if>





   

</div>

Can anyone tell me what the vbcredits piece of code is? I believe the one listed here is from the old vbcredits.

Does anyone have it for vbCredits II?

Quote:

Originally Posted by FreshFroot (Post 2118534)

Not exactly, what's causing the issue is that when you post in AJAX in vBulletin, your submitting all the code in the postbit template. And that just happens to be where this modification code needs to be to display where it does. JavaScript doesn't post, at least in the research of I've done about it, when going through AJAX. I've seen numerous queries on the web on how to make that happen, but I've not seen any discussions providing a solution. Although, it has been some time since I did my initial research. Even if it were a plugin, the code would still be displayed via AJAX, creating the same issue for you.

Also, I'm looking into doing this into a product. But it doesn't look like it would be anywhere near as flexible as a simple template edit.

Quote:

Originally Posted by dcuellar (Post 2120116)

Code:

<!-- TAB 5 CONTENT -->  

<div id="tab5{vb:raw post.postid}" class="tabcontent">  



<vb:if condition="$post[fieldX]">

        <div class="eti_postbit"><b>Field Title:</b> <br />{vb:raw post.fieldX}</div>

<vb:else />

        <vb:if condition="$bbuserinfo[userid] == $post['userid']" >

                <div class="eti_postbit"><b>About Me:</b> 

                        <br /><p align="center">NO ENTRY. COMPLETE YOUR PROFILE <a href="http://www.xxxxxxxxxx.com/forum/profile.php?do=editprofile">HERE</a>.</p> 

                </div>

        </vb:if>

</vb:if>





   

</div>

Okay, I kinda like that. First chance I get, I'll add that to the list of variations on the first page. Thanks.

Quote:

Originally Posted by dcuellar (Post 2120649)

Can anyone tell me what the vbcredits piece of code is? I believe the one listed here is from the old vbcredits.

Does anyone have it for vbCredits II?

I don't have it installed yet, but you should be able to find out from whomever is supporting that now. Check to see if the new code is just a new template displaying via a hook, and you should be able to blank the template and copy the code over to the tabs.

is there any way to get xperience mod into an tab?

if yes, how i didn get it to work, every thing shown in the box is centered.

Noser

A question before I attempt to apply this (as it would clean up my community, nicely)

Has anyone tried this yet on 4.1 PL2 (or 4.1.1) ?

Quote:

Originally Posted by Noser (Post 2148603)

is there any way to get xperience mod into an tab?

if yes, how i didn get it to work, every thing shown in the box is centered.

Noser

I simply moved the template hook that vBExperience uses into one of the tab containers. If you have other stuff that uses that hook, then you might need to tweak some things. But it should work.

Quote:

Originally Posted by OldSchoolDSL (Post 2148642)

A question before I attempt to apply this (as it would clean up my community, nicely)

Has anyone tried this yet on 4.1 PL2 (or 4.1.1) ?

I have done it, but it does need just a bit of tweaking, as some of the variables in 4.1 changed a bit between versions. I plan on posting that version soon, I'm just trying to get the time to do it along with all my other, er, stuff. :erm:

Quote:

Originally Posted by Digital Jedi (Post 2148666)

I simply moved the template hook that vBExperience uses into one of the tab containers. If you have other stuff that uses that hook, then you might need to tweak some things. But it should work.

I have done it, but it does need just a bit of tweaking, as some of the variables in 4.1 changed a bit between versions. I plan on posting that version soon, I'm just trying to get the time to do it along with all my other, er, stuff. :erm:

Thank you for the quick reply and honestly... Thank you for your willingness to support this further.

I know a lot of the members here seem to only post to report bugs and to complain. And god knows IB releasing so many updates, does not help at all.

So thank you so much for your continued effort. :)

thank you DJ i just have the issue that the bars are centered btw it works well on 4.1 PL2 :)

Greetings
Noser

Quote:

Originally Posted by Noser (Post 2148935)

thank you DJ i just have the issue that the bars are centered btw it works well on 4.1 PL2 :)

Greetings
Noser

Hrm, I've not run into that problem yet. Is your postbit content centered, or is this the only thing doing it?

Quote:

Originally Posted by duditas (Post 2110745)

Hello

I'm a kind of a newbie and I'm working very hard to get this mod in my forum.

I almost get it, with a little help of kuervo (vbhispano), because I'm not good at english.

My penultimate problem is that I can't make js works. My dots don't change its colour and I can't access to TAB 2 CONTENT, TAB 2 CONTENT, and so..
All dots are linked to : http://www.myforum.com/#

I have it at -> postbit_tabs carpet
http://img179.imageshack.us/img179/2508/rootb.jpg

I have followed FAQ 5 and 6, and I think I did everything properly

Any sugestion, please?

** I would like to thank to AfterWorldForum for showing us his code. =)

I have the same issue..I'm having a lot of trouble getting this to work. Can u post the solution please.

My Postbit template:

Code:

{vb:raw template_hook.postbit_start}

<li class="postbitlegacy postbitim postcontainer" id="post_{vb:raw post.postid}">

<!-- see bottom of postbit.css for .userinfo .popupmenu styles -->



        <div class="posthead">

                <vb:if condition="$show['inlinemod']"><label for="post_imod_checkbox_{vb:raw post.postid}"></vb:if>

                        <span class="postdate {vb:raw post.statusicon}">

                                <vb:if condition="$show['announcement']">

                                        <span class="date">{vb:rawphrase x_until_y, {vb:raw post.startdate}, {vb:raw post.enddate}}</span>

                                <vb:else />

                                        <span class="date">{vb:raw post.postdate}<vb:if condition="!$show['detailedtime']">&nbsp;<span class="time">{vb:raw post.posttime}</span></vb:if></span>

                                </vb:if>

                        </span>

                        <span class="nodecontrols">

                                <vb:if condition="$post['postid'] AND $post['threadid'] AND !$show['moderated']">

                                        <a name="post{vb:raw post.postid}" href="{vb:link thread, {vb:raw thread}, {vb:raw pageinfo_post}}#post{vb:raw post.postid}" class="<vb:if condition="$show['inlinemod']">ie</vb:if>postcounter">#{vb:raw post.postcount}</a><a id="postcount{vb:raw post.postid}" name="{vb:raw post.postcount}"></a>

                                </vb:if>

                                <vb:if condition="$show['moderated']">{vb:rawphrase moderated_post}</vb:if>

                                <vb:if condition="$show['inlinemod']">

                                        <input class="postimod" type="checkbox" id="post_imod_checkbox_{vb:raw post.postid}" name="plist[{vb:raw post.postid}]" value="{vb:raw post.checkbox_value}" />

                                </vb:if>

                        </span>

                <vb:if condition="$show['inlinemod']"></label></vb:if>

        </div>

        <div class="postdetails">

                <div class="userinfo">

                        <div class="username_container">

                              <vb:if condition="$show['avatar']">

                        <div class="dvb_avatarbox">

                        <a class="postuseravatar" href="{vb:link member, {vb:raw post}}" title="{vb:rawphrase {vb:raw post['onlinestatusphrase']}, {vb:raw post.username}}">

                                <img src="{vb:raw post.avatarurl}" alt="{vb:rawphrase xs_avatar, {vb:raw post.username}}" title="{vb:rawphrase xs_avatar, {vb:raw post.username}}" />

                        </a>

                        </div>

                        </vb:if>

                        <vb:if condition="$post['userid']">

                                {vb:raw memberaction_dropdown}

                        <span class="usertitle">

                                {vb:raw post.usertitle}

                        </span>

                                <div>{vb:raw post.onlinestatus}</div>

                        <vb:else />

                                <span class="username guest">{vb:raw post.musername}</span>

                        <span class="usertitle">

                                {vb:raw post.usertitle}

                        </span>

                        </vb:if>

                        </div>



                        <vb:if condition="$post['rank']">

                                <span class="rank">{vb:raw post.rank}</span>

                        </vb:if>

                        {vb:raw template_hook.postbit_userinfo_left}

                        <vb:if condition="$show['reputation']">

                                <span class="postbit_reputation" id="repdisplay_{vb:raw post.postid}_{vb:raw post.userid}">{vb:raw post.reputationdisplay}</span>

                        </vb:if> 

                        <vb:if condition="$post['userid']">

                                <hr />

                                <dl class="userinfo_extra">

                                        <!-- Disabling these for a minimal postbit -->

                                        <!-- <vb:if condition="$post['joindate']"><dt>{vb:rawphrase join_date}</dt> <dd>{vb:raw post.joindate}</dd></vb:if>

                                        <vb:if condition="$post['field2']"><dt>{vb:rawphrase location_perm}</dt> <dd>{vb:raw post.field2}</dd></vb:if>

                                        <vb:if condition="$post['age']"><dt>{vb:rawphrase age}</dt> <dd>{vb:raw post.age}</dd></vb:if> -->

                                        <dt>{vb:rawphrase 'posts'}</dt> <dd>{vb:raw post.posts}</dd>        

                                        {vb:raw template_hook.postbit_userinfo_right_after_posts}

                                </dl>

                                <vb:if condition="$show['infraction'] OR $show['reppower']">

                                <dl class="user_rep">

                                        <vb:if condition="$show['infraction']">

                                        <dt>{vb:rawphrase infractions}</dt> 

                                        <dd>{vb:raw post.warnings}/{vb:raw post.infractions} ({vb:raw post.ipoints})</dd>

                                        </vb:if>

                                        <vb:if condition="$show['reputation']">

                                                <vb:if condition="$show['reppower']">

                                        <dt>{vb:rawphrase reppower}</dt> 

                                        <dd id="reppower_{vb:raw post.postid}_{vb:raw post.userid}">{vb:raw post.reppower}</dd> 

                                                </vb:if>

                                        </vb:if>

                                </dl>

                                </vb:if>

                                {vb:raw template_hook.postbit_userinfo_right}





                                <div class="imlinks">

                                        {vb:raw post.icqicon} {vb:raw post.aimicon} {vb:raw post.msnicon} {vb:raw post.yahooicon} {vb:raw post.skypeicon}

                                </div>

                        </vb:if>

                </div>

                <div class="postbody">

                        <div class="postrow<vb:if condition="$show['postedited'] || $post['signature']"> has_after_content</vb:if>">

                                {vb:raw template_hook.postbit_messagearea_start}

                                <vb:if condition="$post['title'] OR $show['messageicon']">

                                <h2 class="title icon">

                                        <vb:if condition="$show['messageicon']"><img src="{vb:raw post.iconpath}" alt="{vb:raw post.icontitle}" /> </vb:if>{vb:raw post.title}

                                </h2>

                                </vb:if>





                                                <vb:if condition="$post['isfirstshown']">

                                                        {vb:raw ad_location.ad_showthread_firstpost_start}

                                                        {vb:raw ad_location.thread_first_post_content}

                                                </vb:if>

                                                <vb:if condition="$post['islastshown']">

                                                        {vb:raw ad_location.thread_last_post_content}

                                                </vb:if>

                                <div class="content<vb:if condition="$show['first_ad'] OR $show['last_ad']"> hasad</vb:if>">

                                        <div id="post_message_{vb:raw post.postid}">

                                                <blockquote class="postcontent restore ">

                                                        {vb:raw post.message}

                                                </blockquote>

                                        </div>



                                        <vb:if condition="$show['attachments']">

                                                <div class="attachments">



                                                <vb:if condition="$show['thumbnailattachment']">

                                                        <fieldset class="postcontent">

                                                                <legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" alt="{vb:rawphrase attached_thumbnails}" /> {vb:rawphrase attached_thumbnails}</legend>

                                                                {vb:raw post.thumbnailattachments}

                                                        </fieldset>

                                                </vb:if>



                                                <vb:if condition="$show['imageattachment']">

                                                        <fieldset class="postcontent">

                                                                <legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" /> {vb:rawphrase attached_images}</legend>

                                                                {vb:raw post.imageattachments}

                                                        </fieldset>

                                                </vb:if>



                                                <vb:if condition="$show['imageattachmentlink']">

                                                        <fieldset class="postcontent">

                                                                <legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" /> {vb:rawphrase attached_images}</legend>

                                                                <ul>

                                                                {vb:raw post.imageattachmentlinks}

                                                                </ul>

                                                        </fieldset>

                                                </vb:if>



                                                <vb:if condition="$show['otherattachment']">

                                                        <fieldset class="postcontent">

                                                                <legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" /> {vb:rawphrase attached_files}</legend>

                                                                <ul>

                                                                {vb:raw post.otherattachments}

                                                                </ul>

                                                        </fieldset>

                                                </vb:if>



                                                <vb:if condition="$show['moderatedattachment']">

                                                        <fieldset class="postcontent">

                                                                <legend><img src="{vb:stylevar imgdir_misc}/paperclip.png" class="inlineimg" /> {vb:rawphrase attachments_pending_approval}</legend>

                                                                <ul>

                                                                {vb:raw post.moderatedattachments}

                                                                </ul>

                                                        </fieldset>

                                                </vb:if>



                                                </div>

                                        <!-- / attachments -->

                                        </vb:if>

                                </div>

                        </div>

                        <vb:if condition="$show['postedited'] || $post['signature']">

                        <div class="after_content">

                                <vb:if condition="$show['postedited']">

                                <!-- edit note -->

                                <blockquote class="postcontent lastedited">

<!--                                        <img src="{vb:stylevar imgdir_button}/edit_40b.png" class="inlineimg" alt="" /> -->

                                        <vb:if condition="$show['postedithistory']">

                                                {vb:rawphrase last_edited_link_by_x_on_y_at_z_postid, {vb:raw post.edit_username}, {vb:raw post.edit_date}, 

                                                        {vb:raw post.edit_time}, {vb:raw post.historyurl}}

                                        <vb:else />

                                                {vb:rawphrase last_edited_by_x_on_y_at_z, {vb:raw post.edit_username}, {vb:raw post.edit_date}, {vb:raw post.edit_time}}

                                        </vb:if>

                                        <vb:if condition="$post['edit_reason']">

                                                <span class="reason">{vb:rawphrase reason}:</span> {vb:raw post.edit_reason}

                                        </vb:if>

                                </blockquote>

                                <!-- / edit note -->

                                </vb:if>

                                       {vb:raw template_hook.postbit_signature_start}

                                {vb:raw ad_location.ad_showthread_firstpost_sig}

                                <vb:if condition="$post['signature']">

                                        <blockquote class="signature restore"><div class="signaturecontainer">{vb:raw post.signature}</div></blockquote>

                                </vb:if>

                                        {vb:raw template_hook.postbit_signature_end}

                        </div>

                        </vb:if>

                        <div class="cleardiv"></div>

                </div>

        </div>

                <div class="postfoot">

                        <!-- <div class="postfoot_container"> -->

                        <div class="textcontrols floatcontainer">

                                <span class="postcontrols">

                                        <img style="display:none" id="progress_{vb:raw post.postid}" src="{vb:stylevar imgdir_misc}/progress.gif" alt="{vb:rawphrase loading_editor_please_wait}" />

                                        <vb:if condition="$post['editlink']">

                                                <a class="editpost" href="{vb:raw post.editlink}" name="vB::QuickEdit::{vb:raw post.postid}"><img src="{vb:raw vboptions.cleargifurl}" id="editimg_{vb:raw post.postid}" alt="{vb:rawphrase edit_delete_message}" /> {vb:rawphrase edit_post}</a> 

                                        <span class="seperator">&nbsp;</span>

                                        </vb:if>

                                        <vb:if condition="$show['quickreply'] AND !$show['threadedmode']">

                                                <a id="qr_{vb:raw post.postid}" class='quickreply' href="{vb:raw post.replylink}" rel="nofollow"><img id="replyimg_{vb:raw post.postid}" src="{vb:raw vboptions.cleargifurl}" alt="{vb:rawphrase quick_reply_to_this_message}" /> {vb:rawphrase reply}</a> 

                                        <span class="seperator">&nbsp;</span>

                                        </vb:if>

                                        <vb:if condition="$post['replylink']">

                                                <a id="qrwq_{vb:raw post.postid}" class="newreply" href="{vb:raw post.replylink}" rel="nofollow"><img id="quoteimg_{vb:raw post.postid}" src="{vb:raw vboptions.cleargifurl}" alt="{vb:rawphrase reply_with_quote}" />  <vb:if condition="$post['forwardlink']">{vb:rawphrase reply_to_private_message}<vb:else />{vb:rawphrase reply_with_quote}</vb:if></a> 

                                        <vb:if condition="$show['multiquote_post']"><span class="seperator">&nbsp;</span></vb:if>

                                        </vb:if>

                                        <vb:if condition="$show['multiquote_post']">

                                                

                                                 <a class="multiquote" href="{vb:raw post.replylink}" rel="nofollow" onclick="return false;" id="mq_{vb:raw post.postid}"><img id="mq_image_{vb:raw post.postid}" src="{vb:raw vboptions.cleargifurl}" alt="{vb:rawphrase multi_quote_this_message}" />&nbsp;</a> 

                                        </vb:if>

                                </span>

                                <span class="postlinking">

                                        <vb:if condition="!$post['forwardlink'] && THIS_SCRIPT != 'usernote' && THIS_SCRIPT != 'announcement'">

                                                <vb:if condition="$promote_sectionid AND $promote_sectionid != -1">

                                                       <a href="{vb:raw promote_url}" class="promotecms">{vb:rawphrase promote_to_article}</a>

                                                       <span class="seperator">&nbsp;</span>

                                                </vb:if>

                                        </vb:if>



                                        {vb:raw template_hook.postbit_controls}

                                        {vb:raw post.iplogged}

                                        <vb:if condition="$post['forwardlink']">

                                                <a class="forwardpost" href="{vb:raw post.forwardlink}" rel="nofollow"><img src="{vb:raw vboptions.cleargifurl}" alt="{vb:rawphrase forward_message}" /> {vb:rawphrase forward}</a>

                                                <vb:if condition="$show['reputationlink'] OR $show['infractionlink'] OR $show['moderated'] OR $show['spam'] OR $show['deletedpost'] OR $show['redcard'] OR $show['yellowcard']"><span class="seperator">&nbsp;</span></vb:if>

                                        </vb:if>

                                        <vb:if condition="$show['reputationlink']">

                                                <span class="reputationpopupmenu popupmenu popupcustom" title="{vb:raw post.postid}"><a class="popupctrl reputation" title="{vb:rawphrase reputation}" href="reputation.php?{vb:raw session.sessionurl}do=addreputation&amp;p={vb:raw post.postid}" rel="nofollow" id="reputation_{vb:raw post.postid}"><!--<img src="{vb:stylevar imgdir_button}/reputation-40b.png" alt="{vb:rawphrase reputation}" /> -->&nbsp;</a></span>

                                        </vb:if>



                                        <vb:if condition="$show['infractionlink']">

                                                <a class="infraction" href="infraction.php?{vb:raw session.sessionurl}do=report&amp;p={vb:raw post.postid}" rel="nofollow" title="{vb:rawphrase add_infraction_for_x, {vb:raw post.username}}"><!-- <img src="{vb:stylevar imgdir_button}/add-infraction_sm.png" alt="{vb:rawphrase add_infraction_for_x, {vb:raw post.username}}" /> --> &nbsp;</a> &nbsp;

                                        </vb:if>

                                        <vb:if condition="$show['reportlink']">

                                                <a class="report" href="{vb:raw post.reportlink}" rel="nofollow" title="{vb:rawphrase report_bad_post}"><!-- <img src="{vb:stylevar imgdir_button}/report-40b.png" alt="{vb:rawphrase report_bad_post}" /> -->&nbsp;</a> &nbsp;

                                        </vb:if>



                                        <vb:if condition="$show['moderated']">

                                                <img class="moderated" src="{vb:stylevar imgdir_misc}/moderated_sm.png" alt="{vb:rawphrase moderated_post}" />

                                        </vb:if>

                                        <vb:if condition="$show['spam']">

                                                <img class="spam" src="{vb:stylevar imgdir_misc}/spam_detected.png" alt="{vb:rawphrase spam_post}" />

                                        </vb:if>

                                        <vb:if condition="$show['deletedpost']">

                                                <vb:if condition="$show['managepost']">

                                                        <a class="deleted" href="postings.php?{vb:raw session.sessionurl}do=managepost&amp;p={vb:raw post.postid}" title="{vb:rawphrase manage}"><!-- <img src="{vb:stylevar imgdir_misc}/deleted_sm.png" alt="{vb:rawphrase manage}" /> --> &nbsp;</a>

                                                <vb:else />

                                                        <img class="deleted_nolink" class="inlineimage" src="{vb:stylevar imgdir_misc}/deleted_sm.png" alt="{vb:rawphrase deleted_post}" />

                                                </vb:if>

                                        </vb:if>

                                        <vb:if condition="$show['redcard']">

                                                <a class="redcard" href="infraction.php?{vb:raw session.sessionurl}do=view&amp;p={vb:raw post.postid}" rel="nofollow" title="{vb:rawphrase received_infraction}"><!-- <img src="{vb:stylevar imgdir_button}/red-card_sm.png" alt="{vb:rawphrase received_infraction}" /> --> &nbsp;</a>

                                                <vb:elseif condition="$show['yellowcard']" />

                                                        <a class="yellowcard" href="infraction.php?{vb:raw session.sessionurl}do=view&amp;p={vb:raw post.postid}" rel="nofollow" title="{vb:rawphrase received_warning}"><!--<img src="{vb:stylevar imgdir_button}/yellow-card_sm.png" alt="{vb:rawphrase received_warning}" /> --> &nbsp;</a>

                                        </vb:if>

                                </span>

                        <!-- </div> -->

                        </div>

                </div>

        <hr />

</li>

{vb:raw template_hook.postbit_end}

Thanks in advance

*** edit - removed paid request but left the answer regarding paid requests ***

Three ways to go about this....

1. Ask the author as he may want the extra $$
2. Post in the Unpaid request area - https://vborg.vbsupport.ru/forumdisplay.php?f=112
3. Post in the Paid request area - https://vborg.vbsupport.ru/forumdisplay.php?f=30

I'll report this post (so it's moved properly to paid request for now since you mentioned $20 etc) and you can see what replies come in then choose accordingly ;).

awesome modification, sadly i wont have any use for it on my boards, but i just wanted to give some props where props are due.

Hi,
My forum doesn't display those little boxes.
I need to put them in the Main CSS, but I'm using VB 4 and cant save anything there...
Would appreciate any help :)
Thanks alot for this great mod.

hey man, this looks awesome!

Been trying to get it to work for a few hours but for some reason i just get a long list of tabs.

No tabs to see different information, just a long list of everything!

I am using vbulletin v 4.1.1, Is this why it is not working, or have i done somthing stupid?
Here is a link to my forum:
http://www.chiforceacademy.com/forum...ts-a-Big-World

Thanks man, This code is sweet!

Quote:

Originally Posted by Digital Jedi (Post 2000268)

**This section may need a little tweaking. But it's fundamentally the same as before. I'll double check it after the sleep tabs wear off**

Basic Breakdown
Here's a basic explanation as to how the code works. This should help you to create new tabs and what can be edited in the code to your preferences.

The Tabs: Let's take a look back at the code you just added. In Step 4 you added a bunch of lines like this one. These are your tabs, the parts that people will actually click on to change the content view. In this example we're looking at the code for Tab 2.

Code:

 

<li><span title="View Tab 2"><a href="#" rel="tab2{vb:raw post.postid}">&nbsp;</a></span></li>

The code in red is your TITLE. It's what will show in the Tool Tip when someone mouseovers one of the tabs. Change this to your liking. I group my tabs by categories like Contact Info, TCG Info, General Info, etc. Do what cha' like.

The code in blue just a non-breaking space added in so people have something to click on. Users will see a background image, but what they'll actually be clicking is this non-breaking space. Change this space if you want to use text for your tabs instead of images. Otherwise just leave it be. (See FAQ)

The Containers: Now lets take a look at your containers. These are the DIVs that will display your content when a new tab is clicked. Each one is marked  and correspond to each of the tabs mentioned in the block of code above.

Code:

 

<!--TAB 2 CONTENT --> 

<div id="tab2{vb:raw post.postid}" class="tabcontent"> 

 

<div class="info">Tab 2 Content:Block A</div> 

<div class="info">Tab 2 Content:Block A</div> 

<div class="info">Tab 2 Content:Block A</div> 

<div class="info">Tab 2 Content:Block A</div>

 

</div>

The code in blue, the DIV, is your container, and is needed for the tabs to work. This part you would not change.

Everything on the inside is replaceable code and can be customize to look however you want. Examples of code snippets you can move into each of these tabs can be found a little further down in this post.

Creating New Tabs
Let's take a look at the Step 4 code again. Here's the code for Tab 2 again, as well as it's corresponding container.

Code:

<li><span title="View Tab 2"><a href="#" rel="tab2{vb:raw post.postid}"> </a></span></li>

Code:

<!-- TAB 2 CONTENT --> 

<div id="tab2{vb:raw post.postid}" class="tabcontent"> 

 

<div class="info">Tab 2 Content:Block A</div> 

<div class="info">Tab 2 Content:Block B</div> 

<div class="info">Tab 2 Content:Block C</div> 

<div class="info">Tab 2 Content:Block D</div> 

 

</div>

The green code in both blocks here is what tells Tab 2 to show container 2's content. The rel of the tab is the same as the id of the container. They're both tab2{vb:raw post.postid}.

So when creating additional tabs, pick up where the numbers left off on the last tab and start again. I had you install 5 tabs, so if your using all 5 and want to add another, the rel for your new tab and id for your new container would both be tab6{vb:raw post.postid}. The next tab and container you add would be tab7{vb:raw post.postid}. Then the next tab8{vb:raw post.postid} and so on and so forth. You get the idea.

More Options

PHP Code:


		
			
mytabs.setpersist(false)

NOTE: This has since been set to false by default. Users have been reporting some login issues when this is set to true. So use at your own discretion.

This line of code sets the persistence of a clicked tab each time a user returns to that page during the same browser session. Set to true, and the last clicked tab will always display that tab on reload. Set to false, and it will show the tab with the ID selected each time. Note that each tab is unique, and having this set to true won't make much of a difference to your users view of the forum. The only tab that will ever persist is the one he/she clicked on, on a specific post in a specific thread, and only there. And only during the same browser session.

PHP Code:


		
			
mytabs.init()

Put a number inside the parenthesis to determine how many milliseconds you want to pass between each time the tabs automatically toggle themselves. I have not tried this option yet, and I can imagine that it would be very annoying. But I figured, why not let you try it.

Code:

<vb:if condition="$variable[variable]"></if>

Code:

<vb:if condition="$variable[variable]"><else /></if>

vBulletin IF Conditionals can be used to show/hide whole tabs, or the specific content of tabs based on a number of parameters: Usergroup Permissions, Forum IDs, User IDs, Thread IDs, Post IDs, etc. Just wrap a conditional around a whole tab and then it's container, or wrap the content of the container in any number of fashions. To learn more about what conditionals are available here are two good resources:

Vbulletin Conditionals | vBulletin Template Conditionals List

Default Postbit Legacy Code Bits
Here's a few of the things that come standard in vBulletin that you might want to move to the various DIV containers.

Online Status:

Code:

<div class="info">$post[onlinestatus] </div>

Posts:

Code:

<div class="info">$vbphrase[posts]: $post[posts]</div>

Age:

Code:

<vb:if condition="$post['age']"><div class="info">$vbphrase[age]: $post[age]</div></if>

Join Date:

Code:

<vb:if condition="$post['joindate']"><div class="info">$vbphrase[join_date]: $post[joindate]</div></if>

Biography:

Code:

<vb:if condition="$post[field1]"><div class="info"><b>Biography:</b> $post[field1]</div></if>

Interests:

Code:

<vb:if condition="$post[field3]"><div class="info"><b>Interests:</b> $post[field3]</div></if>

Occupation:

Code:

<vb:if condition="$post[field4]"><div class="info"><b>Occupation:</b> $post[field4]</div></if>

Infractions:

Code:

<vb:if condition="$show['infraction']"><div class="info">$vbphrase[infractions]: $post[warnings]/$post[infractions] ($post[ipoints])</div></if>

Reputation:

Code:

<vb:if condition="$show['infraction']"><div class="info">$vbphrase[infractions]: $post[warnings]/$post[infractions] ($post[ipoints])</div></if>

               <vb:if condition="$show['reputation']"><div class="info"><span id="repdisplay_{vb:raw post.postid}_{vb:raw post.userid}">$post[reputationdisplay]</span></div></if>

               <vb:if condition="$show['reppower']"><div class="info">$vbphrase[reppower]: <span id="reppower_{vb:raw post.postid}_{vb:raw post.userid}">$post[reppower]</span></div></if>

Instant Messengers:

Code:

<vb:if condition="$post[icqicon] or $post[aimicon] or $post[msnicon] or $post[yahooicon] or $post[skypeicon]"><div class="info">$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]</div></if>

Common Hack Postbit Legacy Code Bits
Here's a few code bits that you'll find in some of the more common vBulletin modifications that you might have installed that you'd like to move to the DIV containers.

vBCredits:

Code:

<vb:if condition="$show['credits_post']">

     <div class="info">

      $vbphrase[credits]: <span id="cdt_{vb:raw post.postid}_{vb:raw post.userid}">$post[credits]</span> <vb:if condition="$show['credits_donate']">[<a href="credits.php?$session[sessionurl]do=manage&amp;u={vb:raw post.userid}#donate">$vbphrase[donate]</a>]</if> <vb:if condition="$show['credits_check']">[<a href="credits.php?$session[sessionurl]do=banking&amp;u={vb:raw post.userid}">$vbphrase[check]</a>]</if>

     </div>

    </if>

Countries/Region Flags (Replace 8 and 9 with whatever fields your using):

Code:

 <!-- FLAGS START -->

   <vb:if condition="$post['field8'] OR $post['field9']">

      <div class="info">

      <vb:if condition="$post[field8]">

         <img src="images/flags/$post[field8].gif" alt="$post[field8]" /></if>

 

      <vb:if condition="$post[field9]">

         <img src="images/region/$post[field9].gif" alt="$post[field9]" /></if>

      </div>

   </if>

   <!-- / FLAG END -->

ibProArcade (With some slight additions by me):

Code:

<div class="info">

        <vb:if condition="$crowns">

 $post[crowns]$post[champtext]

   <else />

   $post[username] has not championed any arcade games.   </if>

      </div>

Made Up Postbit Legacy Codes:
And here's at least one I just went ahead and made up for my forum:
Send User a PM/Email/Friend Request:

Code:

<div class="info">

<vb:if condition="$show['pmlink'] OR $show['emaillink'] OR $post['userid'] AND $show['member']">

Send $post[username]:<br /></if>

        <vb:if condition="$show['pmlink']">

  <a href="private.php?$session[sessionurl]do=newpm&amp;u={vb:raw post.userid}" rel="nofollow"><phrase 1="$post[username]">a Private Message</phrase></a><br />

 </if>

 <vb:if condition="$show['emaillink']">

  <a href="sendmessage.php?$session[sessionurl]do=mailmember&amp;u={vb:raw post.userid}" rel="nofollow">an Email</a><br />

 </if>

 <vb:if condition="$post['userid'] AND $show['member']">

 <a href="profile.php?$session[sessionurl]do=addlist&amp;userlist=buddy&amp;u={vb:raw post.userid}">a Friend Request</a>

 </if></div>

If you have more examples that I can post, possible some I overlooked or mods I don't have installed, please feel free to post them and I'll add them to this post.

hey could you help how do i actually put in the code? so it shows

can't get the box type using royalflush completevb style.

Can you please make this work for 4.1.3? None of the variables work anymore... I can't add anything from the first page... :(

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.02275 seconds Memory Usage 2,115KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (26)bbcode_code_printable (2)bbcode_php_printable (20)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (2)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (40)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: