Miscellaneous Hacks - DJ's Dynamic Tab Content for Postbit_Legacy [Archive]

Digital Jedi

07-01-2008, 10:00 PM

**As with most template edits, this modification is not version specific and will work on any vBulletin for vB3. You can find the vB4 version here.**

Ever felt your postbit_legacy template was just too long? Or maybe you'd like to add more content to your postbit_legacy, but you don't like the cluttered look or extended length of the post, especially when most posts are only a handful of sentences? Almost every decent modification here on vB.org has the option to add a link or a display to your postbit templates, and you've likely struggled, as I have, to come up with just the info you want to display, likely excluding things you thought would look real nice, but just couldn't justify the room for.

Now I've seen several good modifications that address this problem, and all of them are pretty nice. I've seen everything from a drop-down menu that displays the content, to a box that can be opened and closed just underneath the avatar. All of them are practical in their own way, and here's one more way that I worked out using a script from Dynamic Drive's website called Tab Content Script (http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm). This cleaned up my postbit_legacy just the way I wanted, and let me add even more content then I would have originally intended. It also allowed me to organize content in whatever manner I wished. I love it and I think you will too.

Screenshots
https://vborg.vbsupport.ru/external/2009/06/158.jpg https://vborg.vbsupport.ru/external/2009/04/23.jpg

Live Demo (http://www.cogonline.net/forums/showthread.php?t=44718)
Click any of the grey dots beneath the user's avatars.

Difficulty: Intermediate
A few things you should know before moving forward. The instructions for this mod are not your standard template modification instructions. It's going to presume that you've edited your postbit_legacy template before and that you're somewhat familiar with its content, with HTML and how to wrap <if condition=""> conditionals. So it's not going to be a "look for this line of code, add this under it" kind of traditional tutorial. What I'm going to do is show you the basic code, how to implement it and then let you do with it what you want. That is, after all, the reason I came up with mod in first place, and I know everyone wont have the same postbit content and/or will want to set theirs up differently.

With that said, knowledge of how to modify your templates and basic HTML coding is something every vBulletin administrator should have. I'm not a coder. I'm a complete hack. But I know enough to take some of the wealth of code snippets available on the web and attempt to use them in new and inventive ways. Administrating a vB forum is that much more satisfying as a result.

Installation
To add this to your forum requires you to upload some files, make one edit to your headinclude template and one to your postbit_legacy template. If you don't know what postbit_legacy does, it's the template that controls the look of your posts when you've chosen to have avatars and user information appear to the left hand side of your posts. If you don't use that look for your forum, but instead use the one where avatars appear above your posts, then that means you use the postbit template, and this modification wasn't designed to look right on that template. (Though we have had a few users give it a try (https://vborg.vbsupport.ru/showthread.php?p=1616258#post1616258).)

Step 1.
First things first. After downloading the 83351 file, extract the contents and upload the postbit_tabs folder in your forum's root directory (Your forum root is the folder you have physically installed vBulletin in, which means that for some folks, this isn't the same thing as your site root.)

Step 2.
Right click and download this JavaScript file from the Dynamic Drive website: tabcontent.js (http://www.dynamicdrive.com/dynamicindex17/tabcontent/tabcontent.js) (You can also download it from this page (http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm).) Upload it to the postbit_tabs folder you just added to your website.

Step 3.
Now to edit your headinclude template. Go to Admin CP >>> Styles & Templates >>> Style Manager >>> <<>> >>> headinclude.

Add the following block of code to the very bottom. Remember to keep the copyright intact for legal use.
<link rel="stylesheet" type="text/css" href="$vboptions[bburl]/postbit_tabs/tabcontent.css" />
<script type="text/javascript" src="$vboptions[bburl]/postbit_tabs/tabcontent.js">
/***********************************************
* Tab Content script v2.2- ? Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>Step 4.
Now to access your postbit_legacy template, go to Admin CP >>> Styles & Templates >>> Style Manager >>> <<>> >>> Postbit Templates >>> postbit_legacy.

From here, your going to add a basic set of code from which you can then customize it. You can pretty much add it anywhere in the template, but most likely your going to want to add it just below the avatar. If that's the case, your avatar code is most likely going to look something like this:

<if condition="$show['avatar']">
<div class="smallfont">
 <br /><a href="member.php?$session[sessionurl]u=$post"><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a>
</div>
</if>Below that add this basic set of code. This block of code will be your physical tab content.


<div id="postbittabs$post[postid]" class="djdot">

<ul>
<li><span title="View Tab 1"><a href="#" rel="tab1$post[postid]" id="selected$post[postid]"> </a></span></li>
<li><span title="View Tab 2"><a href="#" rel="tab2$post[postid]"> </a></span></li>
<li><span title="View Tab 3"><a href="#" rel="tab3$post[postid]"> </a></span></li>
<li><span title="View Tab 4"><a href="#" rel="tab4$post[postid]"> </a></span></li>
<li><span title="View Tab 5"><a href="#" rel="tab5$post[postid]"> </a></span></li>
</ul>

<br style="clear: left" />

</div>

<div class="smallfont">


<div id="tab1$post[postid]" class="tabcontent">

<div class="info">Tab 1 Content:Block A</div>
<div class="info">Tab 1 Content:Block B</div>
<div class="info">Tab 1 Content:Block C</div>

</div>


<div id="tab2$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>


<div id="tab3$post[postid]" class="tabcontent">

<div class="info">Tab 3 Content:Block A</div>
<div class="info">Tab 3 Content:Block B</div>
<div class="info">Tab 3 Content:Block C</div>
<div class="info">Tab 3 Content:Block D</div>
<div class="info">Tab 3 Content:Block E</div>
<div class="info">Tab 3 Content:Block F</div>

</div>


<div id="tab4$post[postid]" class="tabcontent">

<div class="info">Tab 4 Content:Block A</div>
<div class="info">Tab 4 Content:Block B</div>
<div class="info">Tab 4 Content:Block C</div>

</div>


<div id="tab5$post[postid]" class="tabcontent">

<div class="info">Tab 5 Content:Block A</div>
<div class="info">Tab 5 Content:Block B</div>
<div class="info">Tab 5 Content:Block C</div>
<div class="info">Tab 5 Content:Block D</div>
<div class="info">Tab 5 Content:Block E</div>
<div class="info">Tab 5 Content:Block F</div>
<div class="info">Tab 5 Content:Block G</div>
<div class="info">Tab 5 Content:Block H</div>
<div class="info">Tab 5 Content:Block I</div>

</div>

</div>

<script type="text/javascript">
var mytabs=new ddtabcontent("postbittabs$post[postid]")
mytabs.setpersist(false)
mytabs.setselectedClassTarget("link")
mytabs.init()
</script>

Now go to your forum and see if your tabs are displaying properly and your not getting any errors. You should have five dot tabs that display five different sets of information when clicked.

Final Steps
Now comes the hard part. Now you have to decide what you want to put in those places called Tab 1 Content:Block A, etc. This is where knowledge of your postbit_legacy template comes into play. Your now going to move whatever content you want in the respective tabs from their current location into the tabs. This is entirely up to you, but you can use my forum as a starting point. The following posts also have some tips to help you along the way.

Post 2 has a Basic Breakdown of what the tabs do, a tutorial on how to add more tabs, default snippets of code that you can move into the tabs containers as well some snippets from common hacks.

Post 3 has some links to other sites that have implemented this hack to give you an idea of what can be done with it. And it has some additional images to use in place of the default dots.

Post 5 has Frequently Asked Questions for most problems you would encounter.

[U]Known Bugs
There is one minor issue with the tabs that only occurs when using the AJAX quick reply and inline editing. Actually it's two issues, but I've only seen one or the other on my live site vs. my demo board. In one instance, the entire content of all your tabs displays all at once when posting/editing using AJAX. This is not a huge deal, as the only person who sees it do that is the person doing the posting/editing. And it will return to normal anytime he reloads or refreshes the page. The other instance is when after posting/editing through AJAX, no tab content appears, except the dot tabs. This is also not a huge deal as the same thing will happen here too; only the poster sees it and it will look normal anytime he returns or reloads the page. I think it's a minor trade off for the sleek look it gives your forum the rest of the time.

Upgrade Instructions
For those using the 1.00 version of this modification, please see this post for upgrade instructions.

Digital Jedi

07-02-2008, 05:06 AM

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.

<li><span title="View Tab 2"><a href="#" rel="tab2$post[postid]"> </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.


<div id="tab2$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.
<li><span title="View Tab 2"><a href="#" rel="tab2$post[postid]"> </a></span></li>


<div id="tab2$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$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$post[postid]. The next tab and container you add would be tab7$post[postid]. Then the next tab8$post[postid] and so on and so forth. You get the idea.

More Options
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.

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.

<if condition="$variable[variable]"></if>
<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 (http://www.vbulletin.com/forum/showthread.php?t=200894) | vBulletin Template Conditionals List (http://forum.vbulletinsetup.com/f18/vbulletin-template-conditionals-list-2185.html)

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:<div class="info">$post[onlinestatus] </div>

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

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

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

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

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

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

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

Reputation:<if condition="$show['infraction']"><div class="info">$vbphrase[infractions]: $post[warnings]/$post[infractions] ($post[ipoints])</div></if>
<if condition="$show['reputation']"><div class="info"><span id="repdisplay_$post[postid]_$post">$post[reputationdisplay]</span></div></if>
<if condition="$show['reppower']"><div class="info">$vbphrase[reppower]: <span id="reppower_$post[postid]_$post[userid]">$post[reppower]</span></div></if>

Instant Messengers:<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>

[U]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: <if condition="$show['credits_post']">
<div class="info">
$vbphrase[credits]: <span id="cdt_$post[postid]_$post">$post[credits]</span> <if condition="$show['credits_donate']">[<a href="credits.php?$session[sessionurl]do=manage&u=$post[userid]#donate">$vbphrase[donate]</a>]</if> <if condition="$show['credits_check']">[<a href="credits.php?$session[sessionurl]do=banking&u=$post[userid]">$vbphrase[check]</a>]</if>
</div>
</if>

Countries/Region Flags (Replace 8 and 9 with whatever fields your using): 
<if condition="$post['field8'] OR $post['field9']">
<div class="info">
<if condition="$post[field8]">
<img src="images/flags/$post[field8].gif" alt="$post[field8]" /></if>

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


ibProArcade (With some slight additions by me):<div class="info">
<if condition="$crowns">
$post[crowns]$post[champtext]
<else />
$post[username] has not championed any arcade games. </if>
</div>

[U]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:<div class="info">
<if condition="$show['pmlink'] OR $show['emaillink'] OR $post['userid'] AND $show['member']">
Send $post[username]:<br /></if>
<if condition="$show['pmlink']">
<a href="private.php?$session[sessionurl]do=newpm&u=$post[userid]" rel="nofollow"><phrase 1="$post[username]">a Private Message</phrase></a><br />
</if>
<if condition="$show['emaillink']">
<a href="sendmessage.php?$session[sessionurl]do=mailmember&u=$post[userid]" rel="nofollow">an Email</a><br />
</if>
<if condition="$post['userid'] AND $show['member']">
<a href="profile.php?$session[sessionurl]do=addlist&userlist=buddy&u=$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.

Digital Jedi

07-02-2008, 05:07 AM

Additional Live Demos
Here's some additional examples of how people have utilized the script on their forums

http://www.cogonline.net/forums/showthread.php?t=44718
http://www.glamrocktalk.com/showthread.php?p=177#post177
http://jpicforum.info/lots-humor/why-did-chicken-cross-road-6801.html
https://vborg.vbsupport.ru/showpost.php?p=1822398&postcount=300
http://www.phinzmania.com/forums/showthread.php?t=42794
http://www.stickskills.com/forum/showthread.php?t=3392

Additional Dot Images
Here's a few additional Dot Images in different colors for your convience.

85834 85835 85836 85837 85838 85839 85840 85841 85842 85843 https://vborg.vbsupport.ru/external/2010/03/67.jpg https://vborg.vbsupport.ru/external/2010/03/67.jpg

Digital Jedi

07-02-2008, 05:07 AM

For those users who implemented my 1.00 version of this modification, here's what you need to do to upgrade. The upgrade includes changes to address the login issue that some users where experiencing and validates the the code to comply with XHTML standards. (That's geek-speak that means it makes the code compatible across all browser types.)

Upgrade Instructions
Upgrading is not all that hard, you just need to be a little careful. All that needs to be done is move a few of bits of code around, so read closely. Other then that, you shouldn't have too much trouble. Some of you have already taken these steps. Open your postbit_legacy template.

Step 1.
Take the code in red and move it to the bottom of your headinclude template. Delete the opening and closing <head></head> tags.


<head>
<link rel="stylesheet" type="text/css" href="postbit_tabs/tabcontent.css" />
<script type="text/javascript" src="postbit_tabs/tabcontent.js">
/***********************************************
* Tab Content script v2.2- ? Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
</head>

Step 2.
Reverse the order of each instance of $post[postid]tab#, so that it reads tab#$post[postid] instead. Also reverse the order of $post[postid]postbittabs so that postbittabs comes first.

TIP: The find feature and CTRL+V (Paste) come in handy when finding and replacing lines of code.

<div id="$post[postid]postbittabs" class="djdot">
<ul>
<li><span title="View Tab 1"><a href="#" rel="$post[postid]tab1" id="selected"> </a></span></li>
<li><span title="View Tab 2"><a href="#" rel="$post[postid]tab2"> </a></span></li>
<li><span title="View Tab 3"><a href="#" rel="$post[postid]tab3"> </a></span></li>
<li><span title="View Tab 4"><a href="#" rel="$post[postid]tab4"> </a></span></li>
<li><span title="View Tab 5"><a href="#" rel="$post[postid]tab5"> </a></span></li>
</ul>
<br style="clear: left" />
</div>

Step 3.
Do the same for each TAB CONTENT block. Reverse the order of $post[postid]tab#, so that they read tab#$post[postid] instead.


<div id="$post[postid]tab1" class="tabcontent">
<div class="info">Tab 1 Content:Block A</div>
<div class="info">Tab 1 Content:Block B</div>
<div class="info">Tab 1 Content:Block C</div>
</div>

Step 4.
Reverse the order of $post[postid]postbittabs to postbittabs$post[postid]. Change true to false.
<script type="text/javascript">
var mytabs=new ddtabcontent("$post[postid]postbittabs")
mytabs.setpersist(true)
mytabs.setselectedClassTarget("link")
mytabs.init()
</script>

Digital Jedi

07-02-2008, 05:46 AM

FREQUENTLY ASKED QUESTIONS

Some of the content of my postbit_legacy was done automatically by some modifications. How do I move that content into one of the tabs?
Answer: Modifications that add content to your postbit automatically do so using one of your template hooks. Search your posbit_legacy template for a template hook close to the area the content you want to move is displayed and try moving it around to see if that's where it's controlled. The most common hooks to be used by modifications are:

$template_hook[postbit_userinfo_left]
$template_hook[postbit_userinfo_right_after_posts]
$template_hook[postbit_userinfo_right]

I have a lot of content that uses the template hooks, so everything ends up in one place. I can't split it up. How do I move the content where I want it to go?
Answer: What you can try to do is check each of your modifications plugins that use the postbit's template hook. The easiest way to do this is to go through your Plugin Manager and peruse each of your product's plugins. Look for the plugins that use the postbit_display_complete hook. Disable them one at a time, each time checking to see if something disappears from your forum's postbits. You've likely found the right plugin.

Now the next part is trickier. In some cases, the plugin calls a template to display it's information. So in those cases, you can turn the plugin off and look for the template it calls and copy and paste that template information into your postbit_legacy template instead. For instance, DownloadsII postbit information is controlled via the downloads_postbit_display_complete plugin. And all that plugin says is:

global $vbulletin;
if ($vbulletin->options['ecshowmemberinfo'])
{
eval('$template_hook[postbit_userinfo_right_after_posts] .= " ' . fetch_template('downloads_memberinfo_postbit') . '";');
}

Notice the fetch_template part calls a template called downloads_memberinfo_postbit. That's the template you can go into and copy and paste what's in there into your postbit_legacy, in turn turning this plugin off.

In other cases, the plugin might reference a PHP file, in which case you'd have to go to that file and search for the code to duplicate. Another case might have the postibit code worked right into the plugin itself. In all cases though, provided you can find the HTML code used, you can just disable that one plugin and post the HTML code wherever you want (and however you want it to look) in your postbit_legacy template, removing any extraneous code inherent to PHP, like escaped quotations \"
Can I use text or different images for the tabs?
Answer: Absolutely. If you want different images, all you have to do is replace the two images in the postbit_tabs folder. If you want text instead, type what you want to appear in place of the   in between the <li></li> tags. Just remember to remove the references to background images in the CSS file.

Can I use different images for different tabs?
Answer: Yes, but you would need to add the image code for each image to the posbit_legacy template. Replace each of the   in between the <li></li> tags with the images of your choice. You may also need to remove the references to the background images in the CSS file. Note, though, that this has some limitations. For example, all your images would look the same all the time. Though they would be different from each other, they would not change when clicked on or deselected.

I've made the template edits, but the tabs don't show. They just stretch out underneath each other like a list.
Answer: This is because your CSS file can't be found. Are you sure you uploaded the postbit_tabs folder to your forum root? Your forum root is the folder you have physically installed vBulletin. For a lot of us, this is the same as our site root, but for those of us who have installed vBulletin in a subfolder, (such as a folder named forums) then that's where our postbit_tabs folder should be located. Also check to make sure your FTP client didn't drop any files during transfer by re-uploading the files.

I've made the template edits, but when I click the tabs, nothing happens or the forum just jumps to the top of the page.
Answer: This is because your Javascript file can't be found. Are you sure you uploaded the postbit_tabs folder to your forum root? Your forum root is the folder you have physically installed vBulletin. For a lot of us, this is the same as our site root, but for those of us who have installed vBulletin in a subfolder, (such as a folder named forums) then that's where our postbit_tabs folder should be located. Also check to make sure your FTP client didn't drop any files during transfer by re-uploading the files.

My forum doesn't display those little boxes.
Then you probably don't have the CSS code for .info on your forum. It's a commonly used CSS class name in many styles, but not all have it, or have different names. First take a moment to look at your forum and see if you don't have a box style somewhere that's being used and just use it's class (presuming it has one) rather than .info. Alternatively, you can use the following code, but change the color codes to match your forum:
/* Info Boxes CSS */
.info {
font-size:10px;
font-face:Arial;
color: #CCCCCC;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
padding-bottom: 3px;
background-color: #181818;
border-top: 1px solid #000000;
border-right: 2px solid #000000;
border-left: 1px solid #000000;
border-bottom: 2px solid #000000;
margin-bottom: 3px;
}
Remember that this goes in your Additional CSS Definitions way down at the bottom of your Main CSS controls in the Style Manager.

ragtek

07-02-2008, 07:23 AM

there is no javascript file in the zip file;)

Digital Jedi

07-02-2008, 07:28 AM

There's not supposed to be. See Step 2. ;)

OcR Envy

07-02-2008, 10:42 AM

Your css is calling for .gif files when there are none in the zip file attached

Digital Jedi

07-02-2008, 02:55 PM

The CSS might just have a line or two I didn't clear out yet. I thought I'd cleaned it up completely, but you shouldn't have need for the referenced .gif file.

It's possible I didn't add the cleaned up CSS file to the ZIP. Seems I had a few different copies lying around. I'll try to add the cleaned up one for sure, but functionally it shouldn't make any difference to your forum when trying to edit. The only things you'd need to change, practically speaking, would be the images your using. In this case, the two PNGs.

pooffck1

07-02-2008, 03:55 PM

uhhh, a fantistic template, is it possible you can make it for 3 blogs made? pleaseeeeeee! it would be fantistic

Digital Jedi

07-02-2008, 04:03 PM

I don't have the blog installed, so I don't know what that would entail. I imagine, though, that the code would be the same, just in a different template.

-=Sniper=-

07-02-2008, 07:26 PM

very nice idea!

PoetJA-1975

07-02-2008, 08:24 PM

hmmmm - This looks really really good!
Thanx for sharing.

Jacquii.

schlottkej

07-02-2008, 09:44 PM

very cool DJ, thanks!

thunder_sti

07-03-2008, 12:55 AM

A+

Mod of the month, for vb3.7.x

Great Work !!! Keep it up !!!

Thanks

Brandon Sheley

07-03-2008, 12:59 AM

very nice mod

/me bookmarked

Digital Jedi

07-03-2008, 07:41 AM

11 installs in 24 hours. I don't know the average rate, but I'm glad you all are liking it so far.

After I address one of my older threads updates, I hope to add some alternate background images for you to download. Also, I'd like to see your sites if you wouldn't mind posting them so I can add them to the alternate examples post towards the start of the thread.

Oh, feel free to post your testimonials on how difficult you found the install.

giraffesyo

07-03-2008, 10:00 AM

=D Thanks will install later =]

MOTM

ssslippy

07-03-2008, 05:19 PM

Your add a header tag in the middle of a users page. This is a no no.

Also users should be inserting the information in the CSS file directly into the vbulletin extra css fields to maximize load times.

Also please follow the standards of vb, the javascript should be under /clientscript.

Digital Jedi

07-04-2008, 06:43 AM

What I've done is make the instructions as simple as possible for users with less experience to be able to use this as a starting point for other things and can easily edit/remove later. Admins with more coding experience can put the contents where it is more suited, as I have with a number of modifications here on vB.org.

There is no such thing as a "no no" here. It works, and they can fix it as they become more knowledgeable. That is, if they come to even care about such things. Knowledge of validation and the like come later, as you learn more. You don't slam people with it all at once for a perceived sense of etiquette that doesn't exist. People who know better, can adjust it themselves, with little to no effort.

The javascript of a great many mods here on this site are not in the clientscript folder for one very good reason. In case they want to remove it or replace it, they can easily find it. There's no reason I should have to put the javascript anywhere specific, for functionality or validation reasons.

If you wanted to make a suggestion, that's one thing. But the way you've phrased it is more reproving then instructive, with the spirit more inclined to engender confrontation then edification.

choccyclaire

07-04-2008, 11:02 AM

This looks like just what I need! Will give a try later tonight. :)

PoetJA-1975

07-04-2008, 02:22 PM

Marked as INSTALLED - thanx again for the sharing!

Jacquii.

thunder_sti

07-05-2008, 10:47 PM

Marked Installed.

But when I click on a dot to view the info, it refreshes the pages and takes me to the begining of a thread.

Any ideas, on how can I change this just like on your site. click on dot, info is there.

Thanks

Digital Jedi

07-06-2008, 12:20 AM

Would it be possible to see a link to your site where your having the problem?

stickskills

07-06-2008, 11:05 PM

Ah, nevermind this, I found the actual issue with the code. :P

Greaaaaaaat mod!

One question I do have though, how would I go about making the Arcade only show the individual blocks of each game the user is champion of, rather than showing the block & text combo?

TheInsaneManiac

07-07-2008, 12:00 AM

I like this. Is it possible to get a guide for the regular postbit?

stickskills

07-07-2008, 12:34 AM

The issue on hand that I'm experiencing is as follows.

If the link is just something regular like...

http://stickskills.com/v2/showthread.php?t=1

Only one dot shows up, but you can still click the rest if you know where they're at.

If the link is something like...

http://stickskills.com/v2/showthread.php?t=1?

Then all of the dots actually show up.

Is there a fix for this?

Digital Jedi

07-08-2008, 10:43 AM

Ah, nevermind this, I found the actual issue with the code. :P

Greaaaaaaat mod!

One question I do have though, how would I go about making the Arcade only show the individual blocks of each game the user is champion of, rather than showing the block & text combo?

Well, if your running ibProArcade, then that's controlled in the Admin CP for your Arcade.

I like this. Is it possible to get a guide for the regular postbit?

If you want it for posbit, there's no real change in the code. The only difference would be the style choices you decide to make for it, as it will probably look a tad odd on postbit without a little tweaking. But as far as coding goes, there wouldn't be any changes.

The issue on hand that I'm experiencing is as follows.

If the link is just something regular like...

http://stickskills.com/v2/showthread.php?t=1

Only one dot shows up, but you can still click the rest if you know where they're at.

If the link is something like...

http://stickskills.com/v2/showthread.php?t=1?

Then all of the dots actually show up.

Is there a fix for this?

They both seem to show up fine for me, in both IE and FireFox. What browser are you using?

stickskills

07-08-2008, 08:24 PM

I'm using Firefox 3.0. It shows up fine with the question mark attached, but only shows the first dot on the original.

JAuthement

07-09-2008, 03:04 PM

Digital Jedi;

Instead of using dots, I would like to use tabs( eg System Info Personal Info Awards Misc.).
Can this be accomplished? I would greatly appreciate the help!

Boosted Panda

07-10-2008, 01:45 AM

Okay here is an issue I have.

In Firefox 3.0 if you click the dots they disappear, then I load it in Safari when I click the dots it takes me to the top of the page. This works fine on the example page though, and now the dots don't appear on the threads I clicked them on in Firefox.

Boosted Panda

07-10-2008, 02:12 AM

BTW here is my code, its Postbit but I am going to modify it, I tried it with legacy same issue.

$template_hook[postbit_start]
<table class="tborder" id="post$post[postid]" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="thead" $post[scrolltothis]>
<div class="normal" style="float:$stylevar[right]">
 
<if condition="$show['postcount']">#<a href="showpost.php?$session[sessionurl]p=$post[postid]&postcount=$post[postcount]" target="new" rel="nofollow" id="postcount$post[postid]" name="$post[postcount]"><strong>$post[postcount]</strong></a>  </if>
<if condition="$show['reputationlink']">
<span id="reputationmenu_$post[postid]"><a href="reputation.php?$session[sessionurl]p=$post[postid]" rel="nofollow" id="reputation_$post[postid]"><img class="inlineimg" src="$stylevar[imgdir_button]/reputation.gif" alt="<phrase 1="$post[username]">$vbphrase[add_to_xs_reputation]</phrase>" border="0" /></a></span>
<if condition="$show['popups']"><script type="text/javascript"> vbrep_register("$post[postid]")</script></if> 
</if>
<if condition="$show['infractionlink']"><a href="infraction.php?$session[sessionurl]do=report&p=$post[postid]" rel="nofollow"><img class="inlineimg" src="$stylevar[imgdir_button]/infraction.gif" alt="<phrase 1="$post[username]">$vbphrase[add_infraction_for_x]</phrase>" border="0" /></a>  </if>
<if condition="$show['reportlink']"><a href="report.php?$session[sessionurl]p=$post[postid]" rel="nofollow"><img class="inlineimg" src="$stylevar[imgdir_button]/report.gif" alt="$vbphrase[report_bad_post]" border="0" /></a>  </if>
$post[iplogged]
<if condition="$show['inlinemod']">
<input type="checkbox" name="plist[$postid]" id="plist_$postid" style="vertical-align:middle; padding:0px; margin:0px 0px 0px 5px" value="$post[checkbox_value]" />
</if>
</div>

<div class="normal">

<a name="post$post[postid]"><img class="inlineimg" src="$stylevar[imgdir_statusicon]/post_$post[statusicon].gif" alt="$post[statustitle]" border="0" /></a>
<if condition="!$show['announcement']">
$post[postdate]<if condition="!$show['detailedtime']">, $post[posttime]</if>
<else />
<phrase 1="$post[startdate]" 2="$post[enddate]">$vbphrase[x_until_y]</phrase>
</if>
$post[firstnewinsert]

</div>
</td>
</tr>
<tr>
<td class="alt2" style="padding:0px">

<table cellpadding="0" cellspacing="$stylevar[cellpadding]" border="0" width="100%">
<tr>
<if condition="$show['avatar']"><td class="alt2"><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a></td></if>
<td nowrap="nowrap">

<div id="postmenu_$post[postid]">
<if condition="$show['profile']">
<a class="bigusername" href="member.php?$session[sessionurl]u=$post[userid]">$post[musername]</a>
$post[onlinestatus]
<script type="text/javascript"> vbmenu_register("postmenu_$post[postid]", true); </script>
<else />
$post[musername]
</if>
</div>
<if condition="$post['rank']"><div class="smallfont">$post[rank]</div></if>
<if condition="$post['usertitle']"><div class="smallfont">$post[usertitle]</div></if>


<head>
<link rel="stylesheet" type="text/css" href="postbit_tabs/tabcontent.css" />
<script type="text/javascript" src="postbit_tabs/tabcontent.js">
/***********************************************
* Tab Content script v2.2- ? Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
</head>

<div id="$post[postid]postbittabs" class="djdot">
<ul>
<li><span title="View Tab 1"><a href="#" rel="$post[postid]tab1" id="selected"> </a></span></li>
<li><span title="View Tab 2"><a href="#" rel="$post[postid]tab2"> </a></span></li>
<li><span title="View Tab 3"><a href="#" rel="$post[postid]tab3"> </a></span></li>
<li><span title="View Tab 4"><a href="#" rel="$post[postid]tab4"> </a></span></li>
<li><span title="View Tab 5"><a href="#" rel="$post[postid]tab5"> </a></span></li>
</ul>
<br style="clear: left" />
</div>

<div class="smallfont">


<div id="$post[postid]tab1" class="tabcontent">
<div class="info">Tab 1 Content:Block A</div>
<div class="info">Tab 1 Content:Block B</div>
<div class="info">Tab 1 Content:Block C</div>
</div>


<div id="$post[postid]tab2" 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>


<div id="$post[postid]tab3" class="tabcontent">
<div class="info">Tab 3 Content:Block A</div>
<div class="info">Tab 3 Content:Block B</div>
<div class="info">Tab 3 Content:Block C</div>
<div class="info">Tab 3 Content:Block D</div>
<div class="info">Tab 3 Content:Block E</div>
<div class="info">Tab 3 Content:Block F</div>
</div>


<div id="$post[postid]tab4" class="tabcontent">
<div class="info">Tab 4 Content:Block A</div>
<div class="info">Tab 4 Content:Block B</div>
<div class="info">Tab 4 Content:Block C</div>
</div>


<div id="$post[postid]tab5" class="tabcontent">
<div class="info">Tab 5 Content:Block A</div>
<div class="info">Tab 5 Content:Block B</div>
<div class="info">Tab 5 Content:Block C</div>
<div class="info">Tab 5 Content:Block D</div>
<div class="info">Tab 5 Content:Block E</div>
<div class="info">Tab 5 Content:Block F</div>
<div class="info">Tab 5 Content:Block G</div>
<div class="info">Tab 5 Content:Block H</div>
<div class="info">Tab 5 Content:Block I</div>
</div>

</div>

<script type="text/javascript">
var mytabs=new ddtabcontent("$post[postid]postbittabs")
mytabs.setpersist(true)
mytabs.setselectedClassTarget("link")
mytabs.init()
</script>


$template_hook[postbit_userinfo_left]

</td>
<td width="100%"> </td>
<td valign="middle" nowrap="nowrap">

<div class="smallfont">

<if condition="$post['joindate']"><div>$vbphrase[join_date]: $post[joindate]</div></if>
<if condition="$post['field2']"><div>$vbphrase[location_perm]: $post[field2]</div></if>
<if condition="$post['age']"><div>$vbphrase[age]: $post[age]</div></if>
<div>
$vbphrase[posts]: $post[posts]
</div>
$template_hook[postbit_userinfo_right_after_posts]
<if condition="$show['infraction']"><div>$vbphrase[infractions]: $post[warnings]/$post[infractions] ($post[ipoints])</div></if>

$template_hook[postbit_userinfo_right]
<div>$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]</div>
</div>

</td>
</tr>
</table>

</td>
</tr>
<tr>
<if condition="$show['moderated']">
<td class="alt2" id="td_post_$post[postid]">
<else />
<td class="alt1" id="td_post_$post[postid]">
</if>


$template_hook[postbit_messagearea_start]

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

<div class="smallfont">
<if condition="$show['messageicon']"><img class="inlineimg" src="$post[iconpath]" alt="$post[icontitle]" border="0" /></if>
<if condition="$post['title']"><strong>$post[title]</strong></if>
</div>
<hr size="1" style="color:$stylevar[tborder_bgcolor]; background-color:$stylevar[tborder_bgcolor]" />

</if>


<div id="post_message_$post[postid]">$post[message]</div>


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

<div style="padding:$stylevar[cellpadding]px">

<if condition="$show['thumbnailattachment']">
<fieldset class="fieldset">
<legend>$vbphrase[attached_thumbnails]</legend>
<div style="padding:$stylevar[formspacer]px">
$post[thumbnailattachments]
</div>
</fieldset>
</if>

<if condition="$show['imageattachment']">
<fieldset class="fieldset">
<legend>$vbphrase[attached_images]</legend>
<div style="padding:$stylevar[formspacer]px">
$post[imageattachments]
</div>
</fieldset>
</if>

<if condition="$show['imageattachmentlink']">
<fieldset class="fieldset">
<legend>$vbphrase[attached_images]</legend>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
$post[imageattachmentlinks]
</table>
</fieldset>
</if>

<if condition="$show['otherattachment']">
<fieldset class="fieldset">
<legend>$vbphrase[attached_files]</legend>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
$post[otherattachments]
</table>
</fieldset>
</if>

<if condition="$show['moderatedattachment']">
<fieldset class="fieldset">
<legend>$vbphrase[attachments_pending_approval]</legend>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
$post[moderatedattachments]
</table>
</fieldset>
</if>

</div>

</if>

$template_hook[postbit_signature_start]

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

<div>
__________________<br />
$post[signature]
</div>

</if>

$template_hook[postbit_signature_end]

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

<div class="smallfont">
<hr size="1" style="color:$stylevar[tborder_bgcolor]; background-color:$stylevar[tborder_bgcolor]" />
<em>
<if condition="$show['postedithistory']">
<phrase 1="$post[edit_username]" 2="$post[edit_date]" 3="$post[edit_time]" 4="posthistory.php?$session[sessionurl]p=$post[postid]">$vbphrase[last_edited_link_by_x_on_y_at_z_postid]</phrase>.
<else />
<phrase 1="$post[edit_username]" 2="$post[edit_date]" 3="$post[edit_time]">$vbphrase[last_edited_by_x_on_y_at_z]</phrase>.
</if>
<if condition="$post['edit_reason']">
$vbphrase[reason]: $post[edit_reason]
</if>
</em>
</div>

</if>

<div style="margin-top: 10px" align="$stylevar[right]">

<if condition="$post['editlink']">
<img style="display: none" id="progress_$postid" src="$stylevar[imgdir_misc]/progress.gif" alt="$vbphrase[loading_editor_please_wait]" />
<a href="$post[editlink]" name="vB::QuickEdit::$post[postid]"><img src="$stylevar[imgdir_button]/edit.gif" alt="$vbphrase[edit_delete_message]" border="0" /></a>
</if>
<if condition="$post['forwardlink']">
<a href="$post[forwardlink]"><img src="$stylevar[imgdir_button]/forward.gif" alt="$vbphrase[forward_message]" border="0" /></a>
</if>
<if condition="$post['replylink']">
<a href="$post[replylink]" rel="nofollow"><img src="$stylevar[imgdir_button]/<if condition="$post['forwardlink']">reply_small<else />quote</if>.gif" alt="$vbphrase[reply_with_quote]" border="0" /></a>
</if>
<if condition="$show['multiquote_post']">
<a href="$post[replylink]" rel="nofollow" onclick="return false"><img src="$stylevar[imgdir_button]/multiquote_<if condition="$show['multiquote_selected']">on<else />off</if>.gif" alt="$vbphrase[multi_quote_this_message]" border="0" id="mq_$post[postid]" /></a>
</if>
<if condition="$show['quickreply'] AND !$show['threadedmode']">
<a href="$post[replylink]" rel="nofollow" id="qr_$post[postid]" onclick="return false"><img src="$stylevar[imgdir_button]/quickreply.gif" alt="$vbphrase[quick_reply_to_this_message]" border="0" /></a>
</if>
<if condition="$show['moderated']">
<img src="$stylevar[imgdir_misc]/moderated.gif" alt="$vbphrase[moderated_post]" border="0" />
</if>
<if condition="$show['spam']">
<img src="$stylevar[imgdir_misc]/spam_detected.png" alt="$vbphrase[spam_post]" border="0" />
</if>
<if condition="$show['deletedpost']">
<if condition="$show['managepost']">
<a href="postings.php?$session[sessionurl]do=managepost&p=$post[postid]"><img src="$stylevar[imgdir_misc]/trashcan.gif" alt="$vbphrase[manage]" border="0" /></a>
<else />
<img src="$stylevar[imgdir_misc]/trashcan.gif" alt="$vbphrase[deleted_post]" border="0" />
</if>
</if>
<if condition="$show['redcard']">
<a href="infraction.php?$session[sessionurl]do=view&p=$post[postid]"><img src="$stylevar[imgdir_button]/redcard.gif" alt="$vbphrase[received_infraction]" border="0" /></a>
<else />
<if condition="$show['yellowcard']">
<a href="infraction.php?$session[sessionurl]do=view&p=$post[postid]"><img src="$stylevar[imgdir_button]/yellowcard.gif" alt="$vbphrase[received_warning]" border="0" /></a>
</if>
</if>
$template_hook[postbit_controls]

</div>



</td>
</tr>
</table>
$template_hook[postbit_end]


<div class="vbmenu_popup" id="postmenu_$post[postid]_menu" style="display:none;">
<table cellpadding="4" cellspacing="1" border="0">
<tr>
<td class="thead">$post[username]</td>
</tr>
<if condition="$show['profile']">
<tr><td class="vbmenu_option"><a href="member.php?$session[sessionurl]u=$post[userid]">$vbphrase[view_public_profile]</a></td></tr>
</if>
<if condition="$show['pmlink']">
<tr><td class="vbmenu_option"><a href="private.php?$session[sessionurl]do=newpm&u=$post[userid]" rel="nofollow"><phrase 1="$post[username]">$vbphrase[send_private_message_to_x]</phrase></a></td></tr>
</if>
<if condition="$show['emaillink']">
<tr><td class="vbmenu_option"><a href="sendmessage.php?$session[sessionurl]do=mailmember&u=$post[userid]" rel="nofollow"><phrase 1="$post[username]">$vbphrase[send_email_to_x]</phrase></a></td></tr>
</if>
<if condition="$show['homepage']">
<tr><td class="vbmenu_option"><a href="$post[homepage]"><phrase 1="$post[username]">$vbphrase[visit_xs_homepage]</phrase></a></td></tr>
</if>
<if condition="$show['search']">
<tr><td class="vbmenu_option"><a href="search.php?$session[sessionurl]do=finduser&u=$post[userid]" rel="nofollow"><phrase 1="$post[username]">$vbphrase[find_all_posts_by_x]</phrase></a></td></tr>
</if>
<if condition="$post['userid'] AND $show['member']">
<tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=addlist&userlist=buddy&u=$post[userid]"><phrase 1="$post[username]">$vbphrase[add_x_to_contacts]</phrase></a></td></tr>
</if>
$template_hook[postbit_user_popup]
</table>
</div>

Digital Jedi

07-10-2008, 04:52 AM

I'm using Firefox 3.0. It shows up fine with the question mark attached, but only shows the first dot on the original.

Could be a number of things, though I'm not seeing the problem in FireFox 2.0. Could be anything from the odd placed <head> tags to an issue with 3.0. I'm going to post an update for this after I update my XML Definition thread. Let's see if the new version creates the same issue for you, if you don't mind waiting on me.

Digital Jedi;

Instead of using dots, I would like to use tabs( eg System Info Personal Info Awards Misc.).
Can this be accomplished? I would greatly appreciate the help!

Of course, whatever images or lack of images you want. Just replace the images I'm using with the images you want to use instead. You'll notice in the code that I have the <span> tags surrounding non-breaking spaces ( ). Change that to the text you want to use on top of the images. Or just one of the other. Any further style changes you want to make can be done in the CSS file.

Digital Jedi

07-10-2008, 05:02 AM

BTW here is my code, its Postbit but I am going to modify it, I tried it with legacy same issue.

**snip**

Hrm, tested your postbit code on my demo board and I'm not finding that problem either. But again, it could be the same as I mentioned above, being a 3.0 issue, so maybe the problem with be corrected with my update, again, if you don't mind waiting just a bit.

stickskills

07-10-2008, 02:18 PM

Thanks Jedi, I appreciate it. I won't be launching these new boards for probably at least about 2 weeks, so that'll be fine. :)

Boosted Panda

07-10-2008, 03:01 PM

Awww ok Ill try and be patient I wonder if it's another plug in I have maybe.

Boosted Panda

07-10-2008, 03:46 PM

Jedi I think the JS file from Dynamic Drive is F'd up can you post your version?

Boosted Panda

07-10-2008, 03:54 PM

I got it working... the Dynamic Drive link was not working!

JAuthement

07-10-2008, 06:13 PM

Of course, whatever images or lack of images you want. Just replace the images I'm using with the images you want to use instead. You'll notice in the code that I have the <span> tags surrounding non-breaking spaces ( ). Change that to the text you want to use on top of the images. Or just one of the other. Any further style changes you want to make can be done in the CSS file.

Worked like a champ!! .... Thanks Digital Jedi!! :)

FRANKTHETANK 2

07-12-2008, 10:03 PM

<li><span title="View Tab 1"><a href="#" rel="$post[postid]tab1" id="selected"> </a></span></li>

What do i do with this line? I have no clue and you don't say it in the directions you just explain which ones confilict with eachother.

Digital Jedi

07-13-2008, 01:16 AM

I do explain, actually, in great detail at the very beginning of Post 2 of this thread. ;)

You don't do anything with it, unless you want to change the mouseover, or put text over the background images.

FRANKTHETANK 2

07-13-2008, 07:46 AM

I do explain, actually, in great detail at the very beginning of Post 2 of this thread. ;)

You don't do anything with it, unless you want to change the mouseover, or put text over the background images.

ok sorry i was reading it and made it more difficult than what it was but this doesn't work for me. I will play with it some more and if i can't figure it out i will ask some more questions. Thanks

AWJunkies

07-14-2008, 08:18 AM

Nice I will be definitely checking this out.

Boosted Panda

07-16-2008, 06:55 PM

I have it successfully working on my postbit!!!

There are some additional modifications needed:
https://vborg.vbsupport.ru/showthread.php?p=1577089#post1577089

Deepdog009

07-17-2008, 03:52 AM

Great job Digital Jedi

Digital Jedi

07-17-2008, 01:10 PM

I have it successfully working on my postbit!!!

There are some additional modifications needed:
https://vborg.vbsupport.ru/showthread.php?p=1577089#post1577089
That doesn't look bad Panda. I'll be sure to add your link to one of the tutorial posts as soon as I get to next update.

Leo Brazil

07-17-2008, 03:34 PM

That's awsome !!

I'm gonna have to work out a lot to make it work on my site (first train at my test forum) but this is insane.

Any cool tips to create a good view when working with vBExperience (https://vborg.vbsupport.ru/showthread.php?t=171014) ?

Tks

Digital Jedi

07-17-2008, 09:17 PM

I've not used it, but I imagine it would be as simple as moving the postbit variables for the rank bars and badges into a block. It's really up to you and what you want for your postbit. Each style might demand something a little different.

Boosted Panda

07-17-2008, 10:28 PM

Yeah just move the variable over.

Leo Brazil

07-18-2008, 02:39 PM

Thanks guys. I'm gonna try it let's see how it goes.

As vBExperience is getting popular here probably more ideas about it will come up here in the future.

Chadi

07-19-2008, 01:20 AM

Anyone know how to fix the problem with the quick edit / reply where the tab contents all display at once?

Boosted Panda

07-19-2008, 08:28 PM

Anyone know how to fix the problem with the quick edit / reply where the tab contents all display at once?

Can you post a screen shot?

Chadi

07-19-2008, 08:34 PM

Well its a reported bug by the author himself so its not just me

Known Bugs
There is one minor issue with the tabs that I've noticed only occurs when using the AJAX quick reply and inline editing. Actually it's two issues, but I've only seen one or the other on my live site vs. my demo board. In one instance, the entire content of all your tabs displays all at once when posting/editing using AJAX. This is not a huge deal, as the only person who sees it do that is the person doing the posting/editing. And it will return to normal anytime he reloads or refreshes the page. The other instance is when after posting/editing through AJAX, no tab content appears, except the dot tabs. This is also not a huge deal as the same thing will happen here; only the poster sees it and it will look normal anytime he returns or reloads the page. I think it's a minor trade off for the sleek look it gives your forum the rest of the time.Here are screenshots either way :)

Normal

http://img185.imageshack.us/img185/9537/65338870vt7.gif (https://addons.mozilla.org/firefox/1174)

After quickedit via ajax

http://img185.imageshack.us/img185/9008/59882789gd2.gif (https://addons.mozilla.org/firefox/1174)

RobbieZ

07-20-2008, 05:05 PM

Absolutely awesome work.. way too difficult for me to administer.. im new to all this..

Plus i love the actual website/forum skin.. really slick..

Bustah

07-21-2008, 12:17 AM

Does this work on 3.6.8?

Digital Jedi

07-21-2008, 10:58 AM

Yes, it will work on any version because it's just utilizing javascript that would work on any webpage. Your just putting additional HTML in your postbit and moving the content around.

Chadi

07-21-2008, 04:24 PM

Hi DJ,

Curious if your working on the bug problem as you posted in your OP.

Thanks. I even asked around at Dynamic Drive too, not resolution yet.

Digital Jedi

07-21-2008, 04:51 PM

I haven't gone in depth into yet, but it's next on my list of things to do. I kind of was hoping to have that solution as part of the next update, which is why it's taking longer then usual. Plus, I'm a little behind on my AME updates again, so I want to try and work them in together somehow.

Chadi

07-21-2008, 08:04 PM

Thanks for the effort, appreciated.

TimberFloorAu

07-23-2008, 06:12 AM

I have just totally redone our Postbit, and I am thrilled !

Many thanks.

Just one KWIK question...

Is it possible to whack the postbit items into a coloured div container one diff colour per div item in the menu.

Ste

TimberFloorAu

07-23-2008, 10:16 AM

the excitement was short lived :(

Our users keep getting logged off, inc admin.

Checked code, and notice you have <head> tag added?

Is this correct ?

Could it be that we need to change postbit and postbit_legacy ( wouldnat have thought so )

TimberFloorAu

07-23-2008, 10:17 AM

the excitement was short lived :(

Our users keep getting logged off, inc admin.

Checked code, and notice you have <head> tag added?

Is this correct ?

Could it be that we need to change postbit and postbit_legacy ( wouldnat have thought so )

surely

<head>
<link rel="stylesheet" type="text/css" href="postbit_tabs/tabcontent.css" />
<script type="text/javascript" src="postbit_tabs/tabcontent.js">
/***********************************************
* Tab Content script v2.2- ? Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
</head>

should be added to header template not postbit!

TimberFloorAu

07-23-2008, 11:12 PM

Have checked everything:

Wrapped the if round divs etc. Here is our postbit_legacy template.

Members keep getting logged out. Driving them mad, so have reverted to old postbit_legacy ( prior to adding this hack )

$template_hook[postbit_start]
<table id="post$post[postid]" class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center">
<tr>
<if condition="$show['announcement']">
<td class="thead" style="font-weight:normal; border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]" colspan="2">
<img class="inlineimg" src="$stylevar[imgdir_statusicon]/post_$post[statusicon].gif" alt="$post[statustitle]" border="0" />
<phrase 1="$post[startdate]" 2="$post[enddate]">$vbphrase[x_until_y]</phrase>
</td>
<else />
<td class="thead" style="font-weight:normal; border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-$stylevar[right]: 0px" $post[scrolltothis]>

<a name="post$post[postid]"><img class="inlineimg" src="$stylevar[imgdir_statusicon]/post_$post[statusicon].gif" alt="$post[statustitle]" border="0" /></a>
$post[postdate]<if condition="!$show['detailedtime']">, $post[posttime]</if>
$post[firstnewinsert]

</td>
<td class="thead" style="font-weight:normal; border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-$stylevar[left]: 0px" align="$stylevar[right]">
 
<if condition="$show['postcount']">#<a href="showpost.php?$session[sessionurl]p=$post[postid]&postcount=$post[postcount]" target="new" rel="nofollow" id="postcount$post[postid]" name="$post[postcount]"><strong>$post[postcount]</strong></a></if>
<if condition="$show['inlinemod']">
<input type="checkbox" name="plist[$postid]" id="plist_$postid" style="vertical-align:middle; padding:0px; margin:0px 0px 0px 5px" value="$post[checkbox_value]" />
</if>
</td>
</if>
</tr>
<tr valign="top">
<td class="alt2" width="175" $mh_pbc_color_userinfo style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px">

<div id="postmenu_$post[postid]">
<if condition="$show['profile']">
<a class="bigusername" href="member.php?$session[sessionurl]u=$post[userid]">$post[musername]</a>
<script type="text/javascript"> vbmenu_register("postmenu_$post[postid]", true); </script>
<else />
$post[musername]
</if>
</div>

<if condition="$vbulletin->options['vbstatus_active']">

<div class=smallfont>
$post[username]
<em id="vbstatus_$post[postid]">
$post[vbstatus_status]
<if condition="$bbuserinfo['userid']==$post['userid'] OR $vbstatus_isadmin==1">
<if condition="$vbulletin->options['vbstatus_inline']">
<a href="javascript:Att_AjaxDiv('inline=1&userid=$post[userid]&postid=$post[postid]','vbstatus/vbstatus_ajax.php','vbstatus_$post[postid]')">Edit</a>

<else />
<a href="javascript:Att_Ajax('userid=$post[userid]&postid=$post[postid]','vbstatus/vbstatus_ajax.php')">Edit</a>
</if>

</if>
</em>
</div>

</if>

<if condition="$post['usertitle']"><div class="smallfont">$post[usertitle]</div></if>
<if condition="$post['rank']"><div class="smallfont">$post[rank]</div></if>

<if condition="$show['avatar']">
<div class="smallfont">
 <br /><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a>
</div>
</if>

<head>
<link rel="stylesheet" type="text/css" href="postbit_tabs/tabcontent.css" />
<script type="text/javascript" src="postbit_tabs/tabcontent.js">

</script>
</head>

<div id="$post[postid]postbittabs" class="djdot">
<ul>
<li><span title="Info"><a href="#" rel="$post[postid]tab1"> </a></span></li>
<li><span title="My Info"><a href="#" rel="$post[postid]tab2"> </a></span></li>
<li><span title="Stats"><a href="#" rel="$post[postid]tab3"> </a></span></li>
<li><span title="VB Experience"><a href="#" rel="$post[postid]tab4"> </a></span></li>
</ul>
<br style="clear: left" />
</div>

<div class="smallfont">


<div id="$post[postid]tab1" class="tabcontent">
<if condition="$post[userid]"><div class="info">
$vbphrase[bf2_local_time]: $post[localtime]
$vbphrase[bf2_local_date]: $post[localdate]
</div></if>
<if condition="$post['joindate']"><div class="info">$vbphrase[join_date]: $post[joindate]</div></if>
</div>


<div id="$post[postid]tab2" class="tabcontent">
<if condition="$post['field2']"><div class="info">$vbphrase[location_perm]: $post[field2]</div></if>
<if condition="$post[field5]"><div class="info">Visa Type: $post[field5]</div></if>
<div class="info">$post[findme]</div>
<div class="info">$post[crowns]$post[champtext]</div>
<if condition="$post[field11]"><div class="info">$vbphrase[gender]: <img src="$stylevar[imgdir_misc]/$post[field11].gif" alt="$post[field11]" /></div></if>
<if condition="$post['age']"><div class="info">$vbphrase[age]: $post[age]</div></if>
</div>


<div id="$post[postid]tab3" class="tabcontent">
<if condition="$post['userid']"><div class="info">YoBroMoFo Mates: (<b><a href="member.php?u=$post[userid]">$post[friendcount]</a></b>)</div></if>
<div class="info">$vbphrase[posts]: $post[posts]</div>
<if condition="$vboptions['vbookiecashon']"><div class="info">
$vbphrase[vbookie_vcash]: $post[vbookie_cash]
</div></if>
<if condition="$post['threads']"><div class="info">

$vbphrase[threads]: <a href="search.php?$session[sessionurl]do=finduser&u=$post[userid]&starteronly=1" rel="nofollow">$post[threads]</a>

</div></if>
<if condition="$show['credits_post']"><div class="info">

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

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


<div id="$post[postid]tab4" class="tabcontent">
<div class="info">$template_hook[postbit_userinfo_left]</div>
</div>

</div>

<script type="text/javascript">
var mytabs=new ddtabcontent("$post[postid]postbittabs")
mytabs.setpersist(true)
mytabs.setselectedClassTarget("link")
mytabs.init()
</script>


<div class=smallfont>
<if condition="$show['reputation']"><div><if condition="$show['reppower']">$vbphrase[reppower]: <span id="reppower_$post[postid]_$post[userid]">$post[reppower]</span> </if><span id="repdisplay_$post[postid]_$post[userid]">$post[reputationdisplay]</span></div></if>
$template_hook[postbit_userinfo_right]
<div>$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]</div></div>

</td>
<if condition="$show['moderated']">
<td class="alt2" id="td_post_$post[postid]" style="border-$stylevar[right]: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]">
<else />
<td class="alt1" id="td_post_$post[postid]" $mh_pbc_color_message style="border-$stylevar[right]: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]">
</if>
$template_hook[postbit_messagearea_start]
<if condition="$show['messageicon'] OR $post['title']">

<div class="smallfont">
<if condition="$show['messageicon']"><img class="inlineimg" src="$post[iconpath]" alt="$post[icontitle]" border="0" /></if>
<if condition="$post['title']"><strong>$post[title]</strong></if>
</div>
<hr size="1" style="color:$stylevar[tborder_bgcolor]; background-color:$stylevar[tborder_bgcolor]" />

</if>


<div id="post_message_$post[postid]">$post[message]</div>


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

<div style="padding:$stylevar[cellpadding]px">

<if condition="$show['thumbnailattachment']">
<fieldset class="fieldset">
<legend>$vbphrase[attached_thumbnails]</legend>
<div style="padding:$stylevar[formspacer]px">
$post[thumbnailattachments]
</div>
</fieldset>
</if>

<if condition="$show['imageattachment']">
<fieldset class="fieldset">
<legend>$vbphrase[attached_images]</legend>
<div style="padding:$stylevar[formspacer]px">
$post[imageattachments]
</div>
</fieldset>
</if>

<if condition="$show['imageattachmentlink']">
<fieldset class="fieldset">
<legend>$vbphrase[attached_images]</legend>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
$post[imageattachmentlinks]
</table>
</fieldset>
</if>

<if condition="$show['otherattachment']">
<fieldset class="fieldset">
<legend>$vbphrase[attached_files]</legend>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
$post[otherattachments]
</table>
</fieldset>
</if>

<if condition="$show['moderatedattachment']">
<fieldset class="fieldset">
<legend>$vbphrase[attachments_pending_approval]</legend>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
$post[moderatedattachments]
</table>
</fieldset>
</if>

</div>

</if>

$template_hook[postbit_signature_start]

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

<div>
__________________<br />
$post[signature]
</div>

</if>

$template_hook[postbit_signature_end]

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

<div class="smallfont">
<hr size="1" style="color:$stylevar[tborder_bgcolor]; background-color:$stylevar[tborder_bgcolor]" />
<em>
<if condition="$show['postedithistory']">
<phrase 1="$post[edit_username]" 2="$post[edit_date]" 3="$post[edit_time]" 4="posthistory.php?$session[sessionurl]p=$post[postid]">$vbphrase[last_edited_link_by_x_on_y_at_z_postid]</phrase>.
<else />
<phrase 1="$post[edit_username]" 2="$post[edit_date]" 3="$post[edit_time]">$vbphrase[last_edited_by_x_on_y_at_z]</phrase>.
</if>
<if condition="$post['edit_reason']">
$vbphrase[reason]: $post[edit_reason]
</if>
</em>
</div>

</if>

</td>
</tr>
<tr>
<td class="alt2" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px">
<a href="album.php?u=$post[userid]" title="View $post[username]'s Album" rel="nofollow"><img src="images/buttons/add_album.png" alt="View $post[username]'s Photo Album" border="0"/></a>
$post[onlinestatus]
<if condition="$show['reputationlink']">
<span id="reputationmenu_$post[postid]"><a href="reputation.php?$session[sessionurl]p=$post[postid]" rel="nofollow" id="reputation_$post[postid]"><img class="inlineimg" src="$stylevar[imgdir_button]/reputation.gif" alt="<phrase 1="$post[username]">$vbphrase[add_to_xs_reputation]</phrase>" border="0" /></a></span>
<if condition="$show['popups']"><script type="text/javascript"> vbrep_register("$post[postid]")</script></if>
</if>
<if condition="$show['credits_postadd']">
<span id="creditsmenu_$post[postid]"><a href="credits.php?$session[sessionurl]p=$post[postid]" rel="nofollow" id="credits_$post[postid]"><img class="inlineimg" src="$stylevar[imgdir_button]/credits.gif" alt="<phrase 1="$post[username]" 2="$vbphrase[credits]">$vbphrase[credits_threadaward]</phrase>" border="0" /></a></span>
<if condition="$show['popups']"><script type="text/javascript"> vbcdt_register("$post[postid]")</script></if>
</if>
<if condition="$show['infractionlink']"><a href="infraction.php?$session[sessionurl]do=report&p=$post[postid]" rel="nofollow"><img class="inlineimg" src="$stylevar[imgdir_button]/infraction.gif" alt="<phrase 1="$post[username]">$vbphrase[add_infraction_for_x]</phrase>" border="0" /></a></if>
<if condition="$show['reportlink']"><a href="report.php?$session[sessionurl]p=$post[postid]" rel="nofollow"><img class="inlineimg" src="$stylevar[imgdir_button]/report.gif" alt="$vbphrase[report_bad_post]" border="0" /></a></if>
$post[iplogged]
 
</td>
<if condition="$show['moderated']">
<td class="alt2" align="$stylevar[right]" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-$stylevar[left]: 0px; border-top: 0px">
<else />
<td class="alt1" align="$stylevar[right]" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-$stylevar[left]: 0px; border-top: 0px">
</if>

<if condition="$post['editlink']">
<img style="display: none" id="progress_$postid" src="$stylevar[imgdir_misc]/progress.gif" alt="$vbphrase[loading_editor_please_wait]" />
<a href="$post[editlink]" name="vB::QuickEdit::$post[postid]"><img src="$stylevar[imgdir_button]/edit.gif" alt="$vbphrase[edit_delete_message]" border="0" /></a>
</if>
<if condition="$post['forwardlink']">
<a href="$post[forwardlink]"><img src="$stylevar[imgdir_button]/forward.gif" alt="$vbphrase[forward_message]" border="0" /></a>
</if>
<if condition="$post['replylink']">
<a href="$post[replylink]" rel="nofollow"><img src="$stylevar[imgdir_button]/<if condition="$post['forwardlink']">reply_small<else />quote</if>.gif" alt="$vbphrase[reply_with_quote]" border="0" /></a>
</if>
<if condition="$show['multiquote_post']">
<a href="$post[replylink]" rel="nofollow" onclick="return false"><img src="$stylevar[imgdir_button]/multiquote_<if condition="$show['multiquote_selected']">on<else />off</if>.gif" alt="$vbphrase[multi_quote_this_message]" border="0" id="mq_$post[postid]" /></a>
</if>
<if condition="$show['quickreply'] AND !$show['threadedmode']">
<a href="$post[replylink]" rel="nofollow" id="qr_$post[postid]" onclick="return false"><img src="$stylevar[imgdir_button]/quickreply.gif" alt="$vbphrase[quick_reply_to_this_message]" border="0" /></a>
</if>
<if condition="$show['moderated']">
<img src="$stylevar[imgdir_misc]/moderated.gif" alt="$vbphrase[moderated_post]" border="0" />
</if>
<if condition="$show['spam']">
<img src="$stylevar[imgdir_misc]/spam_detected.png" alt="$vbphrase[spam_post]" border="0" />
</if>
<if condition="$show['deletedpost']">
<if condition="$show['managepost']">
<a href="postings.php?$session[sessionurl]do=managepost&p=$post[postid]"><img src="$stylevar[imgdir_misc]/trashcan.gif" alt="$vbphrase[manage]" border="0" /></a>
<else />
<img src="$stylevar[imgdir_misc]/trashcan.gif" alt="$vbphrase[deleted_post]" border="0" />
</if>
</if>
<if condition="$show['redcard']">
<a href="infraction.php?$session[sessionurl]do=view&p=$post[postid]"><img src="$stylevar[imgdir_button]/redcard.gif" alt="$vbphrase[received_infraction]" border="0" /></a>
<else />
<if condition="$show['yellowcard']">
<a href="infraction.php?$session[sessionurl]do=view&p=$post[postid]"><img src="$stylevar[imgdir_button]/yellowcard.gif" alt="$vbphrase[received_warning]" border="0" /></a>
</if>
</if>
$template_hook[postbit_controls]

</td>
</tr>
</table>
$template_hook[postbit_end]


<div class="vbmenu_popup" id="postmenu_$post[postid]_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">
<tr>
<td class="thead">$post[username]</td>
</tr>
<if condition="$show['profile']">
<tr><td class="vbmenu_option"><a href="member.php?$session[sessionurl]u=$post[userid]">$vbphrase[view_public_profile]</a></td></tr>
</if>
<if condition="$show['pmlink']">
<tr><td class="vbmenu_option"><a href="private.php?$session[sessionurl]do=newpm&u=$post[userid]" rel="nofollow"><phrase 1="$post[username]">$vbphrase[send_private_message_to_x]</phrase></a></td></tr>
</if>
<if condition="$show['emaillink']">
<tr><td class="vbmenu_option"><a href="sendmessage.php?$session[sessionurl]do=mailmember&u=$post[userid]" rel="nofollow"><phrase 1="$post[username]">$vbphrase[send_email_to_x]</phrase></a></td></tr>
</if>
<if condition="$show['smscontact']">
<tr><td class="vbmenu_option"><a href="sendmessage.php?$session[sessionurl]do=mailmember&type=sms&u=$post[userid]" rel="nofollow"><phrase 1="$post[username]">$vbphrase[send_sms_to_x]</phrase></a></td></tr>
</if>
<if condition="$show['homepage']">
<tr><td class="vbmenu_option"><a href="$post[homepage]"><phrase 1="$post[username]">$vbphrase[visit_xs_homepage]</phrase></a></td></tr>
</if>
<if condition="$show['search']">
<tr><td class="vbmenu_option"><a href="search.php?$session[sessionurl]do=finduser&u=$post[userid]" rel="nofollow"><phrase 1="$post[username]">$vbphrase[find_more_posts_by_x]</phrase></a></td></tr>
</if>
<if condition="$post['userid'] AND $show['member']">
<tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=addlist&userlist=buddy&u=$post[userid]"><phrase 1="$post[username]">$vbphrase[add_x_to_contacts]</phrase></a></td></tr>
</if>
$template_hook[postbit_user_popup]
</table>
</div>

<div id="award$post[postid]" style="padding:$stylevar[cellpadding]px 0px 0px 0px;">
$awardbox
</div>

If you can see any errors please let me know

Digital Jedi

07-24-2008, 05:02 AM

This modification wouldn't have any effect on login, nor would the extra <head> tag. You can move the <head> content to your headinclude template to conform to XHTML standards, but for the sake of expediency and ease of install, I've left it the way it is, as it still functions on the three browsers I've tested it in. But none of that would have an affect on login. That's likely another modifications or a server issue that just happen to coincide with the template edit.

One thing I should mention, if you do use this modification, your required to keep the copyright info intact for legal use.

Also note, that if a good number of your users are using FireFox to browser your forums, I've noticed that FireFox is having some problems keeping you logged in.

TimberFloorAu

07-24-2008, 07:01 AM

Cheers Jedi.

The code I posted was minus the copyright info, as I had added the head stuff to header include ( along with dynamic drives link back )

Inadvertantly leaving it in header include.

The Code works great but alas, keeps logging everyone out, on both Int Exp and FF

My only possible concern is that its a javascript collision somewhere.. not sure where, so for now, its been removed .

Bloody shame cos it looked great and everyone loved it.

Thanks Anyway

TimberFloorAu

07-24-2008, 07:04 AM

Im just wondering if its the VB STATUS mod we run?

If we  re enabling your script in our postbit legacy... that should effectively rule that out huh

TimberFloorAu

07-24-2008, 07:35 AM

Your Code for contacts.

<div class="info">
<if condition="$show['pmlink'] OR $show['emaillink'] OR $post['userid'] AND $show['member']">
Send $post[username]:<br /></if>
<if condition="$show['pmlink']">
<a href="private.php?$session[sessionurl]do=newpm&u=$post[userid]" rel="nofollow"><phrase 1="$post[username]">a Private Message</a><br />
</if>
<if condition="$show['emaillink']">
<a href="sendmessage.php?$session[sessionurl]do=mailmember&u=$post[userid]" rel="nofollow">an Email</a><br />
</if>
<if condition="$post['userid'] AND $show['member']">
<a href="profile.php?$session[sessionurl]do=addlist&userlist=buddy&u=$post[userid]">a Friend Request</a>
</if></div>

Shouldnt the <if statements be before the <div tags?

If so can you repost exact code.

Ste

Digital Jedi

07-24-2008, 01:42 PM

Im just wondering if its the VB STATUS mod we run?

If we  re enabling your script in our postbit legacy... that should effectively rule that out huh

That's a possibility. Also check your code real closely, as I ran into some parsing errors when I first designed it from a simple improperly nested tag. Little things like that can be easily overlooked when shuffling content around.

Your Code for contacts.

<div class="info">
<if condition="$show['pmlink'] OR $show['emaillink'] OR $post['userid'] AND $show['member']">
Send $post[username]:<br /></if>
<if condition="$show['pmlink']">
<a href="private.php?$session[sessionurl]do=newpm&u=$post[userid]" rel="nofollow"><phrase 1="$post[username]">a Private Message</a><br />
</if>
<if condition="$show['emaillink']">
<a href="sendmessage.php?$session[sessionurl]do=mailmember&u=$post[userid]" rel="nofollow">an Email</a><br />
</if>
<if condition="$post['userid'] AND $show['member']">
<a href="profile.php?$session[sessionurl]do=addlist&userlist=buddy&u=$post[userid]">a Friend Request</a>
</if></div>

Shouldnt the <if statements be before the <div tags?

If so can you repost exact code.

Ste

In this case, it doesn't need to be, because everyone on your forum is going to have at least one method of contact. Unless you have PMs disabled or optional somehow, a user could always be contacted by PM and anyone can add a person to their Buddy List. So the info box doesn't need to be in an IF conditional, because it will always be there.

Boosted Panda

07-24-2008, 04:08 PM

Yeah I am having problems with members logging out randomly :(

TimberFloorAu

07-24-2008, 09:51 PM

Yeah I am having problems with members logging out randomly :(

Could you share what other mods you are running?

Perhaps we can fine tune it

Ljusya

07-25-2008, 01:52 AM

I have problems with members logging out too
I solved it!!!
in postbit disable function mytabs.setpersist set is mytabs.setpersist(false)

TimberFloorAu

07-25-2008, 05:10 AM

I have problems with members logging out too
I solved it!!!
in postbit disable function mytabs.setpersist set is mytabs.setpersist(false)

Gonna try that now thanks
Will let you know how it goes

PoetJA-1975

07-25-2008, 03:59 PM

I have problems with members logging out too
I solved it!!!
in postbit disable function mytabs.setpersist set is mytabs.setpersist(false)

I've had issues with Members staying logged in as well
I hope this solves it - thanx ;)

Jacquii.

Boosted Panda

07-25-2008, 07:28 PM

Let me know if this solves the trick!

TimberFloorAu

07-25-2008, 08:39 PM

Ljusya I have problems with members logging out too
I solved it!!!
in postbit disable function mytabs.setpersist set is mytabs.setpersist(false)

Gotta say its working for us !!!!

No complaints yet !!!

We even whacked a tutorial on for our users.

http://www.yobromofo.com/forum/tutorials/new_postbit/new_postbit.html

PoetJA-1975

07-25-2008, 08:47 PM

Nice tutorial - reminds me I need to do a few for my updated site design...

Anyway - I have to say I've been browsing all afternoon and have not had one issue with being logged out since I made this edit... Hopefully the issue has been resolved!

Thanx,

Jacquii.

g0dfather1984

07-25-2008, 09:29 PM

Is there one for a mood changer?

TimberFloorAu

07-25-2008, 09:47 PM

Nice tutorial - reminds me I need to do a few for my updated site design...

Anyway - I have to say I've been browsing all afternoon and have not had one issue with being logged out since I made this edit... Hopefully the issue has been resolved!

Thanx,

Jacquii.

Thanks.

It seems to have done the trick !

Somehow, switching to false, stops the js failing cache or something, not sure what or how, but seems to work

Boosted Panda

07-25-2008, 10:26 PM

I would like more information on making sure this works :p I was having the logout problems and just want every nook and cranny covered!

TimberFloorAu

07-25-2008, 10:30 PM

I would like more information on making sure this works :p I was having the logout problems and just want every nook and cranny covered!

We are only a small forum, but :

On average 10,000 page views to forum home per day.
always about 40 members online.

10% were having issues.

Since the change not one reported incident.

Ljusya

07-25-2008, 11:21 PM

I would like more information on making sure this works I was having the logout problems and just want every nook and cranny covered!

It`s really solve your problem. Where function mytabs.setpersist was set as true - script enabled function setCookie and GetCookie, who made problems with loggin out.

But i don`t understand - why - some users of this mod have problems but some haven`t

Digital Jedi

07-26-2008, 03:02 AM

We are only a small forum, but :

On average 10,000 page views to forum home per day.
always about 40 members online.

10% were having issues.

Since the change not one reported incident.
If you get the opportunity, find out if the users having the problem where FireFox users. I noticed no problems in IE myself.

PoetJA-1975

07-26-2008, 03:36 AM

IE, Firefox & Opera users have reported no issues at all this day since I've made the edit recommended by Ljusya.

Thanx,

Jacquii.

TimberFloorAu

07-26-2008, 03:41 AM

If you get the opportunity, find out if the users having the problem where FireFox users. I noticed no problems in IE myself.

Gday mate.

Our users currently browse with:

IE
IE7
FF
FF2
FF2
Safari

No issues whatsoever realised as yet.

Thanks
Please feel free to judge for yourselves. I also wanted to cross polinate this hack with Hassans, profile css field hack ( for putting each profile field in span div tag )
This one : https://vborg.vbsupport.ru/showthread.php?t=174268

Any suggestions greatly appreciated.

Ste

Boosted Panda

07-27-2008, 12:01 AM

ill give it a shot

PoetJA-1975

07-27-2008, 04:26 AM

Gday mate.

Our users currently browse with:

IE
IE7
FF
FF2
FF2
Safari

No issues whatsoever realised as yet.

Thanks
Please feel free to judge for yourselves. I also wanted to cross polinate this hack with Hassans, profile css field hack ( for putting each profile field in span div tag )
This one : https://vborg.vbsupport.ru/showthread.php?t=174268

Any suggestions greatly appreciated.

Ste

Actually - most custom styles have some sort of css styling of the postbit legacy info sections. My postbit includes a simple background gradient and is styled in the Main CSS as

.pbl-info, .info {
background:#6e5457 url(gradients/gradient_thead.gif) repeat-x top left;
font: 11px verdana;
padding-left: 3px;
padding-right: 2px;
padding-top: 4px;
padding-bottom: 4px;
border: 1px solid #4e3c42;
margin-bottom: 2px;
}

So - I'd simply use the div class to wrap the postbit contents in. So one example would be:

<div class="info"><strong>$vbphrase[join_date]:</strong> $post[joindate]</div>

See how it looks at http://jpicforum.info/miscellaneous/tag-poem-1-jazz-singer-girl-4391-new-post.html ;)

Jacquii.

Spank

07-27-2008, 04:47 AM

Looks fantastic, have tagged for future install and nominated for mod of the month.

TimberFloorAu

07-27-2008, 06:18 AM

Actually - most custom styles have some sort of css styling of the postbit legacy info sections. My postbit includes a simple background gradient and is styled in the Main CSS as

So - I'd simply use the div class to wrap the postbit contents in. So one example would be:

<div class="info"><strong>$vbphrase[join_date]:</strong> $post[joindate]</div>

See how it looks at http://jpicforum.info/miscellaneous/tag-poem-1-jazz-singer-girl-4391-new-post.html ;)

Jacquii.

Thats exzactly what I was after. Man your hover link attributes are a tad JAZZIFIED huh !!!

Will give that a go thanks jacquii ( Thanks )

Ste

ADDED:

Used your code Jacquii.

Top work, thanks, amended the style, just so we have a box, and thrilled. Thankyou.

PoetJA-1975

07-27-2008, 08:20 AM

LOL - had to have the purple :P
You're welcome - glad to help! And LOL @ the Wanker of the Week Award https://vborg.vbsupport.ru/ --- I think that's a bit genius tehehehee!

Jacquii.

TimberFloorAu

07-27-2008, 09:24 PM

LOL - had to have the purple :P
You're welcome - glad to help! And LOL @ the Wanker of the Week Award https://vborg.vbsupport.ru/ --- I think that's a bit genius tehehehee!

Jacquii.

Its quite fun actually, and is a mash of a old hack on here.

Took a while for ppl to realise it wasnt a punishment but a reward :lol:

PoetJA-1975

07-27-2008, 11:48 PM

ha! I don't know what the hell I'd think if I got the Wanker of the Week award LOL
It's nice actually and makes for a better Community experience I'm sure
I've thought about installing the Topic of the Week/Month modification on JPiC actually - And seeing how well a similar thing has worked on your Forum has definitely impressed me ;)

Jacquii.

TimberFloorAu

07-28-2008, 12:18 AM

ha! I don't know what the hell I'd think if I got the Wanker of the Week award LOL
It's nice actually and makes for a better Community experience I'm sure
I've thought about installing the Topic of the Week/Month modification on JPiC actually - And seeing how well a similar thing has worked on your Forum has definitely impressed me ;)

Jacquii.

Appreciate your feedback, thanks :)

The TOTW mod is great, albeit there are still some buggy issues, but nothing to get concerned over.

The coder is a dream to work with, and a more helpful guy you couldnt wish for.

Its certainly very popular amongst our members.

My take is to get people involved with the community spirit, everything else should then hopefully slot into place.

Ste

Chadi

07-29-2008, 01:24 AM

I have problems with members logging out too
I solved it!!!
in postbit disable function mytabs.setpersist set is mytabs.setpersist(false)

So, are you saying you changed it to false or to *set* it to false? I can't tell if the original OP's post was edited to show this change.

Digital Jedi

07-29-2008, 02:45 AM

Gday mate.

Our users currently browse with:

IE
IE7
FF
FF2
FF2
Safari
Are these the users that were specifically having the login problem.

So, are you saying you changed it to false or to *set* it to false? I can't tell if the original OP's post was edited to show this change.

I haven't yet changed it. It's currently set to true, which is intended to remember the last tab clicked on during the same browser session. It's not an all important function and I'm sure most can do without it. I'm don't see why that would have any affect on login, but I'm testing it on my forum to see if anyone reports any differences before making any edits.

RedTrinity

07-29-2008, 11:47 AM

So, are you saying you changed it to false or to *set* it to false? I can't tell if the original OP's post was edited to show this change.

I didn't understand these instructions either. It would be great if they could be provided more clearly, as I know our forum is having the logging out issue as well whilst this script is implemented.

Cheers :)

K4GAP

07-29-2008, 12:55 PM

I'm not going to bother making excuses for my inability to fill in all the last parts. Is there a filled out example with most of the commonly used links that I can just copy? Everything else is installed and the dots are showing they just don't have anything linked to them.

Digital Jedi

07-29-2008, 02:05 PM

I didn't understand these instructions either. It would be great if they could be provided more clearly, as I know our forum is having the logging out issue as well whilst this script is implemented.

Cheers :)
Just look for this line:

mytabs.setpersist(true)

Change true to false and then see if your users stop having their login issues.

I'm not going to bother making excuses for my inability to fill in all the last parts. Is there a filled out example with most of the commonly used links that I can just copy? Everything else is installed and the dots are showing they just don't have anything linked to them.

It's really going to depend on what modifications your forum uses. Not everyone uses the same hacks, and everyone's Custom Profile Fields will have different ID numbers, so even a "common" example might have lines of code that you'd have to remove, which would basically mean you'd have to learn the same requirements, only backwards.

It's not really that bad once you wrap your head around it, and I'd recommend taking a look at the default examples I gave in Post 2 and try a couple of sets on your own. I've commented each section in the postbit code so you could find each tab easily, and after that it's just a matter of pasting the examples in the tabs you want them in.

OcR Envy

07-29-2008, 03:49 PM

Upon doing some xhtml validating today your code came back errored. The issue is with the ids on divs. You can not have an id or class starting with a number. A simple change to place the post number at the end and a javascript edit and it was valid.

id="$post[postid]postbittabs
changes too
id="postbittabs$post[postid]

and

var mytabs=new ddtabcontent("$post[postid]postbittabs")
to
var mytabs=new ddtabcontent("postbittabs$post[postid]")

Digital Jedi

07-29-2008, 07:20 PM

Thank you OcR. I always planned to include instructions on how to make the code XHTML valid for those interested on the next update. The first launch was just to simplify it to most users.

K4GAP

07-29-2008, 08:24 PM

Would it be out of place for me to ask if someone could fill in the final link section of this mod for me. I have it installed and the dots are showing, I just don't have them linked. I would be willing to pay for the service. Or, give credit with a link back. I am just sooo lost when it comes to code and as simple as it appears to be, I'm totally lost. All I want is for the links to point to on site regular stuff, nothing elaborate.

Admin: Forgive me if this type post is forbidden, if so let me know.

My site: Public Warriors (http://www.publicwarriors.com/)

RedTrinity

07-30-2008, 09:24 AM

Just look for this line:

mytabs.setpersist(true)

Change true to false and then see if your users stop having their login issues.

Thank you!!!

And by the way this is just what we have been looking for, as the awards and virtual pet hacks have been taking up quite a bit of postbit space with members lately.

For this reason I have nominated for MOTM :) Can't wait to see how it develops further!

Cheers :D

g0dfather1984

07-31-2008, 01:26 AM

Great feature. How would I go about changing the colors of the dots? Some of my members say they can't see them due to the background color of the board.

Digital Jedi

07-31-2008, 01:51 AM

Replace the two images to the images of your choosing.

PoetJA-1975

07-31-2008, 03:42 AM

I nominated MOTM too - Great addition = Thanx for sharing!

Jacquii.

TimberFloorAu

07-31-2008, 11:48 PM

I nominated MOTM too - Great addition = Thanx for sharing!

Jacquii.

DITTO !

Digital Jedi

08-01-2008, 12:45 AM

Thanks a lot gang. Much appreciated.

loonytune15

08-03-2008, 01:21 PM

Great Hack. I have been looking for something like this for ages. Any chance of creating something similiar for the whats going on box?

The D

08-03-2008, 07:19 PM

Very nice. I wish I could use it on 3.6.8, but it doesn't work on my forum. Everytime I click one of the buttons, it takes me to the forum index. I didn't think that'd be a version thing, but I couldn't ever get it to work.

Nevertheless, just wanted to tell you that it's very cool, keep up the good work.

Digital Jedi

08-04-2008, 04:59 AM

Very nice. I wish I could use it on 3.6.8, but it doesn't work on my forum. Everytime I click one of the buttons, it takes me to the forum index. I didn't think that'd be a version thing, but I couldn't ever get it to work.

Nevertheless, just wanted to tell you that it's very cool, keep up the good work.

Version wouldn't matter at all, as the code was designed for use in general web design. Would you mind posting me your postbit_legacy template and I can tell you what's going wrong?

Great Hack. I have been looking for something like this for ages. Any chance of creating something similiar for the whats going on box?

Not for What's Going On, but I do have a couple of other ideas in mind for later release.

OcR Envy

08-20-2008, 09:59 AM

What update was made? Can we get a change log, what what? ;)

Digital Jedi

08-20-2008, 02:34 PM

I forgot about the auto-notification thing. I was trying to be surreptitious.

I was going to post some upgrade instructions last night, but I got into some other idea that ended up not working, trying to simplify it for users. I'll try to post what changes I made a little later, after the brain cells start connecting or the caffeine kicks in.

TimberFloorAu

08-20-2008, 11:57 PM

Could you explain how we can get the djdots to center in the postbit.

They are over to the left.

Thanks.

Ozzy

PoetJA-1975

08-21-2008, 02:19 AM

Could you explain how we can get the djdots to center in the postbit.

They are over to the left.

Thanks.

Ozzy

You need to edit the tabcontent.css file
Whereever there's float: left ---> float: center

.djdot ul{
margin: 0;
padding: 0;
float: center;

TimberFloorAu

08-21-2008, 02:47 AM

You need to edit the tabcontent.css file
Whereever there's float: left ---> float: center

Had seen that, and decided.. hmmm wonder why mine has center center ...

Thought it was new css code.

.djdot ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
background: url(djdotbg.png) center center;
background-repeat: no-repeat
}

Will change now, thanks :)

Any ideas why we have center center;

Not seen that before

TimberFloorAu

08-21-2008, 02:58 AM

Nope doesnt make any difference ... Weird huh

Digital Jedi

08-21-2008, 02:58 AM

center center sets the horizontal and vertical orientation of the background image of the <li>, which is what the dot images are. I think it's X and then Y, (but I always end up double checking). float controls the orientation of the <li> itself.

Digital Jedi

08-21-2008, 03:02 AM

center center sets the horizontal and vertical orientation of the background image of the DIV, which is what the dot images are. I think it's X and then Y, (but I always end up double checking). float controls orientation of the DIV itself.
You probably want to change the float on the <ul>

.djdot ul{
margin: 0;
padding: 0;
float: left;

TimberFloorAu

08-21-2008, 03:06 AM

The css is now:

.djdot{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.djdot ul{
margin: 0;
padding: 0;
float: center;
/* width: 80%; width of menu*/
}

.djdot ul li{
display: inline;
background: url(djdotbg.gif) center center;
background-repeat: no-repeat
}

.djdot ul li a{
float: center;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
background: url(djdotbg.png) center center;
background-repeat: no-repeat
}

.djdot ul li a:visited{
color: white;
background: url(djdotbg.gif) center center;
background-repeat: no-repeat
}

.djdot ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: url(djdotbg2.png) center center;
background-repeat: no-repeat
}

.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

/* removing the active/focus dotted border */
#djdot_c {
list-style-type:none;
padding:0;
width:36em;
height:5em;
margin:0 auto;
}
#djdot_c li {
display:block;
width:7em;
height:2em;
float:center;
margin-right:0.2em;
}
#djdot_c a {
display:block;
width:7em;
height:2em;
position:relative;
text-decoration:none;
}
#djdot_c a em {
font-style:normal;
color:#000;
display:block;
width:7em;
height:1.5em;
border-bottom:0.5em solid #000;
position:absolute;
top:0;
left:0;
cursor:pointer;
}
#djdot_c a:hover {
color:#c00;
}
#djdot_c a:hover em {
border-bottom:0.5em solid #c00;
}

#djdot_c a:active, #djdot_c a:focus {
/* reduce the link size to zero when the link is in the
active/focus state.
This literally removes the dotted border which is ONLY applied
to the link itself and not any containing elements WHEN THOSE
ELEMENTS HAVE A POSITION ABSOLUTE! */
width:0; height:0;
outline:0; /* for browsers that understand */
}

/* adding the active/focus state */
#djdot_d {
list-style-type:none;
padding:0;
width:36em;
height:5em;
margin:0 auto;
}
#djdot_d li {
display:block;
width:7em;
height:2em;
float:center;
margin-right:0.2em;
}
#djdot_d a {
display:block;
width:7em;
height:2em;
position:relative;
text-decoration:none;
}
#djdot_d a em {
display:block;
font-style:normal;
width:7em;
height:1.5em;
color:#000;
border-bottom:0.5em solid #000;
position:absolute;
top:0;
left:0;
cursor:pointer;
}
#djdot_d a:hover {
color:#c00;
}
#djdot_d a:hover em {
border-bottom:0.5em solid #c00;
}
#djdot_d a:active, #djdot_d a:focus {
width:0;
height:0;
outline:0; /* for browsers that understand */
}

#djdot_d a:active em, #djdot_d a:focus em {

/* change the em bottom border and text to blue on
active/focus thus giving a suitable alternative to
the dotted border */
border-bottom:0.5em solid #00c;
color:#00c;
outline:0; /* for browsers that understand */
}

@media print {
.tabcontent {
display:block !important;
}
}

Still makes no difference... weird huh?

Digital Jedi

08-21-2008, 03:10 AM

Can I take a look at your forum?

EDIT: Oh, I see the link now.

TimberFloorAu

08-21-2008, 03:22 AM

Any Joy?

Ste

PoetJA-1975

08-21-2008, 03:36 AM

hmmm - you may wanna make sure your tabs code is not within any <div> or <table> tags - If it is - you may consider adding align="center" --- Other than that - the initial tab code calls for the .djdot class - which in my tabcontent.css is set as:

.djdot{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.djdot ul{
margin: 0;
padding: 0;
float: center;
/* width: 80%; width of menu*/
}

.djdot ul li{
display: inline;
background: url(djdotbg.gif) center center;
background-repeat: no-repeat
}

.djdot ul li a{
float: center;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
background: url(djdotbg.png) center center;
background-repeat: no-repeat
}

.djdot ul li a:visited{
color: white;
background: url(djdotbg.gif) center center;
background-repeat: no-repeat
}

.djdot ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
background: url(djdotbg2.png) center center;
background-repeat: no-repeat
}

BTW - Thanx again JEDI for the wonderful modification.
I love it! Adds a web2.0 style with simplicity and class ;)

TimberFloorAu

08-21-2008, 03:47 AM

Its weird ..

Not sure I understand you, the entire Tabs code is within Tabs and divs.

Thats how it works.

The js and css are outside of this, by default. As per DJ's original code.

( incidentally DJ , was on your site, reading about your friend ( my condolences )

Digital Jedi

08-21-2008, 04:16 AM

The problem is there's no center for the float attribute. Generally, I'd be able to get it to center, but I'm overlooking something. Probably been awake too long today.

Timber, looks like your missing some closing tags in your template.

TimberFloorAu

08-21-2008, 04:17 AM

The problem is there's no center for the float attribute. Generally, I'd be able to get it to center, but I'm overlooking something. Probably been awake too long today.

Timber, looks like your missing some closing tags in your template.

Which One, could you point me in the right direction, please.

Ste

Digital Jedi

08-21-2008, 04:17 AM

Its weird ..

Not sure I understand you, the entire Tabs code is within Tabs and divs.

Thats how it works.

The js and css are outside of this, by default. As per DJ's original code.

( incidentally DJ , was on your site, reading about your friend ( my condolences )
Thank you, Timber. Hasn't been the same without him around.

Digital Jedi

08-21-2008, 04:58 AM

Gang, I posted upgrade instructions for my 1.00 users in Post 4.

Which One, could you point me in the right direction, please.

Ste

Try looking at the Source Code here: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.yobromofo.com%2Fforum%2 Fpolls%2F3946-avatar-position.html&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.591

Start with the top error and work your way down. Sometimes one bad line can trigger hundreds of errors. I don't have access to your templates, so I wouldn't be able to troubleshoot without going though those errors.

PoetJA-1975

08-21-2008, 05:12 AM

The problem is there's no center for the float attribute.
Touche! There sure isn't - so I'm not exactly sure how the hell I've gotten my tabs to center... All I did particularly was change the float attribute to "center" --- Perhaps float: center is a "hidden attribute" that for some odd reason my web browsers are parsing: http://jpicforum.info/lots-humor/why-did-chicken-cross-road-6801.html - you can see that the tabs are centered right? Hmmm... Weird.

Maybe you could try:

margin-left: auto;
margin-right: auto;

Jacquii.

Digital Jedi

08-21-2008, 05:16 AM

Touche! There sure isn't - so I'm not exactly sure how the hell I've gotten my tabs to center... All I did particularly was change the float attribute to "center" --- Perhaps float: center is a "hidden attribute" that for some odd reason my web browsers are parsing: http://jpicforum.info/lots-humor/why-did-chicken-cross-road-6801.html - you can see that the tabs are centered right? Hmmm... Weird.

Maybe you could try:

margin-left: auto;
margin-right: auto;

Jacquii.
I tried that on mine, and it made no difference. Seems I'm just overlooking something. It'll probably hit me tomorrow morning like a Mack Truck.

Did you adjust your padding at all?

Digital Jedi

08-21-2008, 05:55 AM

I added a few DJ Dots to Post 3 for anyone interested:

https://vborg.vbsupport.ru/attachment.php?attachmentid=85834&d=1219301058 https://vborg.vbsupport.ru/attachment.php?attachmentid=85835&d=1219301058 https://vborg.vbsupport.ru/attachment.php?attachmentid=85836&d=1219301058 https://vborg.vbsupport.ru/attachment.php?attachmentid=85837&d=1219301058 https://vborg.vbsupport.ru/attachment.php?attachmentid=85838&d=1219301058 https://vborg.vbsupport.ru/attachment.php?attachmentid=85839&d=1219301080 https://vborg.vbsupport.ru/attachment.php?attachmentid=85840&d=1219301080 https://vborg.vbsupport.ru/attachment.php?attachmentid=85841&d=1219301080 https://vborg.vbsupport.ru/attachment.php?attachmentid=85842&d=1219301080 https://vborg.vbsupport.ru/attachment.php?attachmentid=85843&d=1219301080 85844 85845

vidan

08-21-2008, 09:29 PM

any chance for ajax version?

RedTrinity

08-22-2008, 07:19 AM

Gotta say its working for us !!!!

No complaints yet !!!

We even whacked a tutorial on for our users.

http://www.yobromofo.com/forum/tutorials/new_postbit/new_postbit.html

Hi Ste,

I noticed in your tutorial video that you have got VBExperience to work on one of your profile tabs. Would you mind sharing the code with me? :)

I can't seem to get it compatible with this modification with any of the code from its templates.

Many thanks in advance :)

Digital Jedi

08-22-2008, 09:59 AM

any chance for ajax version?
Possibly. It's just a matter of if I can find the time to work on one. But I would like to look into it.

Hi Ste,

I noticed in your tutorial video that you have got VBExperience to work on one of your profile tabs. Would you mind sharing the code with me? :)

I can't seem to get it compatible with this modification with any of the code from its templates.

Many thanks in advance :)
What do the posbit edits for vBExperience look like?

RedTrinity

08-22-2008, 10:43 AM

What do the posbit edits for vBExperience look like?

There isn't any DJ, there are added automatically :S And can't seem to find manual edits listed anywhere in the plugin support thread.

These are the only type of plugins I am having issues with atm, the ones which auto-add edits based on the hook line placement in the default postbit templates. But then of course if you copy the hook line over, it means you can't place plugins where you want them on different profile tabs.

Some of them are very difficult to locate the code required in their own templates, especially fit they aren't labeled accordingly. I have tried trial and error with some, this has proved successful sometimes but other times its a no-go.

Would appreciate any help - at least with VBExperience :)

Digital Jedi

08-22-2008, 10:51 AM

Have you tried just moving the template hooks around and encasing them in DIV? Likely vBExperience is using the $template_hook[postbit_userinfo_right] and/or $template_hook[postbit_userinfo_right_after_posts]. I have one encased in a DIV with the info class attributed to it (not really sure if it's using anything right now) and the other I moved to bottom to get vBTripleTriad out of the way. I preferred it below the tabs rather then in them.

TimberFloorAu

08-22-2008, 11:35 PM

Gday Gamerzzz.. sorry had a late night at the Broncos Titans game lol..

Heres my Postbit DJ code:


<head>
<link rel="stylesheet" type="text/css" href="postbit_tabs/tabcontent.css" />
<script type="text/javascript" src="postbit_tabs/tabcontent.js">

</script>
</head>

<div id="$post[postid]postbittabs" class="djdot">
<ul>
<li><span title="Info"><a href="#" rel="$post[postid]tab1"> </a></span></li>
<li><span title="My Info"><a href="#" rel="$post[postid]tab2"> </a></span></li>
<li><span title="Stats"><a href="#" rel="$post[postid]tab3"> </a></span></li>
<li><span title="VB Experience"><a href="#" rel="$post[postid]tab4"> </a></span></li>
</ul>
<br style="clear: left" />
</div>

<div class="smallfont">


<div id="$post[postid]tab1" class="tabcontent">
<if condition="$post[userid]"><div class="info">
$vbphrase[bf2_local_time]: $post[localtime]<br>
$vbphrase[bf2_local_date]: $post[localdate]
</div></if>
<if condition="$post[field12]"><div class="info"><center><img src="http://yobromofo.com/forum/styles/webpoint/images/flags/$post[field12].GIF"></center></div></if>
<if condition="$post['joindate']"><div class="info">$vbphrase[join_date]: $post[joindate]</div></if>

<if condition="$post['field14']"><div class="info">Who Quoted Me: (<b><a href="search.php?do=process&query=$post[username]&searchdate=lastvisit&showposts=1" rel="nofollow">$post[field14]</a></b>)

</div></if>


<if condition="$post[field13]"><div class="info"><center>
<a href="http://www.yobromofo.com/fantasy/index.php?cmd=userpreds&user=$post[field13]" title="View $post[username]'s Fantasy Predictions" rel="nofollow" target="_blank"><img src="http://yobromofo.com/forum/styles/webpoint/images/buttons/soccer_ball.gif" alt="View $post[username]'s Fantasy Predictions" border="0"/></a></center></div></if>

</div>


<div id="$post[postid]tab2" class="tabcontent">
<if condition="$post['field2']"><div class="info">$vbphrase[location_perm]: $post[field2]</div></if>
<if condition="$post[field5]"><div class="info">Visa Type: $post[field5]</div></if>
<div class="info">$post[findme]</div>
<div class="info">$post[crowns]$post[champtext]</div>
<if condition="$post[field11]"><div class="info">$vbphrase[gender]: <img src="$stylevar[imgdir_misc]/$post[field11].gif" alt="$post[field11]" /></div></if>
<if condition="$post['age']"><div class="info">$vbphrase[age]: $post[age]</div></if>
</div>


<div id="$post[postid]tab3" class="tabcontent">
<if condition="$post['userid']"><div class="info">YoBroMoFo Mates: (<b><a href="member.php?u=$post[userid]">$post[friendcount]</a></b>)</div></if>
<div class="info">$vbphrase[posts]: $post[posts]</div>
<if condition="$vboptions['vbookiecashon']"><div class="info">
$vbphrase[vbookie_vcash]: $post[vbookie_cash]
</div></if>
<if condition="$post['threads']"><div class="info">

$vbphrase[threads]: <a href="search.php?$session[sessionurl]do=finduser&u=$post[userid]&starteronly=1" rel="nofollow">$post[threads]</a>
</div></if>

<if condition="$show['credits_post']"><div class="info">

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

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


<div id="$post[postid]tab4" class="tabcontent">
<div class="info">$template_hook[postbit_userinfo_left]</div>
</div>

</div>

<script type="text/javascript">
var mytabs=new ddtabcontent("$post[postid]postbittabs")
mytabs.setpersist(false)
mytabs.setselectedClassTarget("link")
mytabs.init()
</script>


<div class=smallfont>

Obviosuly theres a couple of added bits that others dont use , but our tab for VBExp is in tab4 i think :)

Added: Still cant get my bloody dots central lol

Digital Jedi

08-23-2008, 02:42 AM

Yeah, that's what I thought. It's using one of the template hooks. Try utilizing it that way GamerGirl.


<div id="$post[postid]tab4" class="tabcontent">
<div class="info">$template_hook[postbit_userinfo_left]</div>
</div>

Last resort here, Timber, but try adding a style to the opening DIV tag:

<div id="$post[postid]postbittabs" class="djdot" style="text-align:center;">

You might want to upgrade too.

TimberFloorAu

08-23-2008, 03:28 AM

Yeah, that's what I thought. It's using one of the template hooks. Try utilizing it that way GamerGirl.


<div id="$post[postid]tab4" class="tabcontent">
<div class="info">$template_hook[postbit_userinfo_left]</div>
</div>

Last resort here, Timber, but try adding a style to the opening DIV tag:

<div id="$post[postid]postbittabs" class="djdot" style="text-align:center;">

You might want to upgrade too.

HAve you upgraded lol?

Bugger missed that :)

will apply that fix now see if it works, and look at upgrading, cheers mate.

We have also added a butchered code ( i made ) of a who quoted me hack, it works actually very well. But when i added it as an extra profile field, i gave users choice of yes or no.. and it isnt right lol.
Could i either hijack this thread and post it, or i would prefer to send you the code and edits i did, and you are free to release it as a mod

Ste

TimberFloorAu

08-23-2008, 03:30 AM

That FIX worked a BLOODY treat !!

Thanks mate !!!!

Rogue_SSEi

09-01-2008, 10:53 PM

I have it successfully working on my postbit!!!

There are some additional modifications needed:
https://vborg.vbsupport.ru/showthread.php?p=1577089#post1577089

I looked at this fix however no matter what width I chose something was always off in the template. I finally decided on just setting a fixed width on the right table data where the information is displayed. This kept all the spacing correct in the post header and set a fixed width for any information displayed in the tabs. Just be sure to make sure the width of the table data element is large enough to encompass your largest data element.

In postbit look for:

$template_hook[postbit_userinfo_left]

</td>
<td width="100%"> </td>
<td valign="top" nowrap="nowrap">

And change the last line to:

</td>
<td width="100%"> </td>
<td width="200px" valign="top" nowrap="nowrap">

I set my table data width to 200 pixles but set yours to what works with your data elements.

You can see a live setup at http://www.3800pro.com

OcR Envy

09-03-2008, 04:44 PM

Nevermind, after reading found it's a known bug.

Still really like a fix for that quick reply, quick edit!

Digital Jedi

09-03-2008, 06:41 PM

At some point I'll add that postbit example to one of the first posts. I just haven't got around to testing it yet. I sort of had another idea for postbit, but I'm not sure it's going to work as well as I thought.

Nevermind, after reading found it's a known bug.

Still really like a fix for that quick reply, quick edit!
Has something to do with the header not being loaded using AJAX features. Not sure if I can figure a work around just yet.

RobbieZ

09-06-2008, 06:48 PM

Can this be integrated into Postbit ?

I dont use postbit_legacy.. :(

Boosted Panda

09-07-2008, 12:34 AM

I have it successfully in my postbit just install the code as is and use my table adjustment.

RobbieZ

09-07-2008, 09:49 AM

I have it successfully in my postbit just install the code as is and use my table adjustment.

Cool.. Where is your table adjustment located? And any possibility of a screenie of yours ? :D

*Edit* found your table adjustment and left a question there.

FreshFroot

09-09-2008, 03:40 AM

EDIT: Make sure you download the JS off their site. Right clicking will give you an error JS file...

Also, has anyone got the timer working. It seems to be skipping 1 circle each time?

Digital Jedi

09-10-2008, 02:10 AM

You mean Left Clicking will give you the error (unless your on a left handed mouse). You can still right click and download the file.

Make sure your tabs are numbered in the correct order.

FreshFroot

09-11-2008, 01:25 AM

You mean Left Clicking will give you the error (unless your on a left handed mouse). You can still right click and download the file.

Make sure your tabs are numbered in the correct order.
The time seems to be working on the tabs now, not sure what was causing the issue.

As for the file, NO! Right clicking it and saving as.. gave me an error, it creates you a error msg in the java file. I had no idea, untill I opened it and saw it has no code, but an error msg.

You need to left click and then copy/paste from the page, then save it as a file. I think it doesn't allow you to hotlink.

Digital Jedi

09-13-2008, 11:57 PM

I just right clicked and saved it a couple of times, and I got the file intact with no problems. Left clicking however takes me to an error page.

EGF_Mafia

09-18-2008, 02:08 AM

I feel like a complete idiot but I cannot figure out what to do after inserting the code to postbit_legacy. How do i link stuff up to each tab? Can someone please post an example of how their coding looks so i can get a general idea. Thanks

Digital Jedi

09-18-2008, 02:45 AM

Did the explanations in the second and third posts help at all?

Come2Daddy

09-23-2008, 07:39 PM

Great Work, thanks

installed & nominated

Ohiosweetheart

09-28-2008, 09:49 AM

This mod is awesome DJ. I haven't had a chance to try it yet, but I will in the near future. In the meantime, I've nominated it for MOTM :)

Digital Jedi

09-28-2008, 09:28 PM

Thanks. I hopy you enjoy it.

Maddogz420

10-10-2008, 12:28 AM

Would just like to state that the tabcontent.js file that is linked to in the instructions gave me the wrong file. It came up as a 3k javascript file which causes the mod to not work (IE, when you click a dot, it shoots you to the top of the screen)

Downloading the one on the website you linked near that download link worked properly (9k file)

RobbieZ

10-15-2008, 08:55 PM

the ibProArcade condition didnt work for me :(

<div class="info">
<if condition="$crowns">
$post[crowns]$post[champtext]
<else />
$post[username] has not championed any arcade games. </if>
</div>

Can u print the code for ibPro so it shows the game cards like it does in your demo please.

a marked man 70

10-17-2008, 03:42 AM

First of all, can i say an excellent mod :up:

Secondly, my question is the same as RobbieZ

The gaming arcade code does work for me, but it is on a single line which is scrolling from left to right.

How do you get it so that it shows up all of the arcade symbols at once, as in the demo link.

Many thanks

PixelFx

10-17-2008, 03:54 PM

nice mod, may have to use this on my gaming site :D

Digital Jedi

10-22-2008, 03:44 AM

the ibProArcade condition didnt work for me :(

<div class="info">
<if condition="$crowns">
$post[crowns]$post[champtext]
<else />
$post[username] has not championed any arcade games. </if>
</div>

Can u print the code for ibPro so it shows the game cards like it does in your demo please.
It should work. Make sure you have the option enabled in your Arcade Settings, as the box has to be checked for the thumbnails to appear.

First of all, can i say an excellent mod :up:

Secondly, my question is the same as RobbieZ

The gaming arcade code does work for me, but it is on a single line which is scrolling from left to right.

How do you get it so that it shows up all of the arcade symbols at once, as in the demo link.

Many thanks
In your Arcade's Settings, there is a drop-down menu that lets you pick the display style of your arcade thumbs. You may also have to edit the ibProArcade: Crowns in Postbit plugin. I have this line set to 6 to accommodate the number of thumbnails that appear per row:

if ($counter == 6)

nice mod, may have to use this on my gaming site :D
Heh, no greater compliment. Thanks. :D

Digital Jedi

10-22-2008, 03:45 AM

Would just like to state that the tabcontent.js file that is linked to in the instructions gave me the wrong file. It came up as a 3k javascript file which causes the mod to not work (IE, when you click a dot, it shoots you to the top of the screen)

Downloading the one on the website you linked near that download link worked properly (9k file)
Wierd, I can't seem to duplicate this or the other download problems. Maybe a browser or OS issue.

a marked man 70

10-22-2008, 03:50 PM

cheers Digital Jedi,

that worked a treat. the only question i have now, is that it would be awesome to get the dots in the middle as apposed to being aligned to the left. Any ideas?

Digital Jedi

10-22-2008, 06:27 PM

For just the dots, I'm not entirely sure it will work, but you can try adding a style="text-align:center" element to the containing DIV tag:

<div id="postbittabs$post[postid]" class="djdot">

RobbieZ

10-22-2008, 09:44 PM

Now that i have it all set up like your demo.

my posts/reps and (little green light)Im on Line) is still showing

I just delete them right ?

And

Do you know of a viable code to do for YAAS 4 . so it shows the awards up ?

Thank you DJ (excellent Thread)

Digital Jedi

10-22-2008, 10:51 PM

Now that i have it all set up like your demo.

my posts/reps and (little green light)Im on Line) is still showing

I just delete them right ?

And

Do you know of a viable code to do for YAAS 4 . so it shows the awards up ?

Thank you DJ (excellent Thread)
Yes, you can just delete or  the parts your not using.

I don't know what YAAS 4 is, but if it's some kind of awards system then you can probably get them to show up by putting the template_hook that it's using inside the tabs. Look for a template hook right around where your awards are showing up and move it around to see if that's what's controlling it.

RobbieZ

10-22-2008, 11:53 PM

Yes, you can just delete or  the parts your not using.

I don't know what YAAS 4 is, but if it's some kind of awards system then you can probably get them to show up by putting the template_hook that it's using inside the tabs. Look for a template hook right around where your awards are showing up and move it around to see if that's what's controlling it.

I did not realise this. so i put  at the begining and the end of what i do not want to show ?

sorry my bad YAAS 4 is this: https://vborg.vbsupport.ru/showthread.php?t=187600&highlight=YAAS

I will look this hook up.

Thanks again DJ

Digital Jedi

10-23-2008, 12:25 AM

To comment out something, you'd put  at the end of it. It turns everything inbetween into a comment, rather then functional code.

a marked man 70

10-24-2008, 09:07 AM

For just the dots, I'm not entirely sure it will work, but you can try adding a style="text-align:center" element to the containing DIV tag:

<div id="postbittabs$post[postid]" class="djdot">

nope, that did not do anything:confused:

Digital Jedi

10-24-2008, 06:28 PM

Hrm, I'm not sure where my head was that night. You can center the DIV by editing the CSS class for djdot.

gorentals

11-18-2008, 02:49 PM

cool hack

GlamRockTalk

11-21-2008, 07:55 PM

Hrm, I'm not sure where my head was that night. You can center the DIV by editing the CSS class for djdot.

So, I'm assuming that I edit the tabcontent.css file. But, where do I edit it and what do I place in there to center the tabs?

And, if someone does not fill in one of the fields that you have in the tabs, it kinda collapses the little space but still shows. Any suggestions as to what to do so that either it doesn't show the little collapsed box or to have some sort of default term in there?

By the way DJ...another mod that ROCKS! :D

GlamRockTalk

11-21-2008, 09:44 PM

Additional Examples:
Here's some additional examples of how to utilize the script on your forum.

http://www.cogonline.net/forums/showthread.php?t=44718
http://www.talkjesus.com/blog/22376-major-updates.html
http://www.publicwarriors.com/forums/showthread.php?t=397
http://jpicforum.info/lots-humor/why-did-chicken-cross-road-6801.html

DJ,

FYI, I was looking for examples and I noticed the two middle ones were not showing with the script being utilized. Might want to double check, but it didn't look like it.

Digital Jedi

11-21-2008, 10:04 PM

So, I'm assuming that I edit the tabcontent.css file. But, where do I edit it and what do I place in there to center the tabs?

And, if someone does not fill in one of the fields that you have in the tabs, it kinda collapses the little space but still shows. Any suggestions as to what to do so that either it doesn't show the little collapsed box or to have some sort of default term in there?

By the way DJ...another mod that ROCKS! :D
When you setup a block that may or may not be used by a user, you would put that block in an if conditional, like in the example I have for the flags. <if condition="$post[fieldXX]"> where XX is the ID number of the field that will be filled in. See vBulletin Conditionals (http://www.vbulletin.com/forum/showthread.php?t=200894) for more information.

DJ,

FYI, I was looking for examples and I noticed the two middle ones were not showing with the script being utilized. Might want to double check, but it didn't look like it.
A couple of sites are no longer using the script. I just haven't had a chance to update the list.

TheLastSuperman

11-21-2008, 10:05 PM

Very nice.... going to DL and modify for different use - THANKS :D

Nice to see a DD script being used again for implementation w/ VB and Thanks for not violating their terms of use like others i.e. you used their DL link not hosting the DL yourself which is against it ;)

GlamRockTalk

11-21-2008, 10:11 PM

When you setup a block that may or may not be used by a user, you would put that block in an if conditional, like in the example I have for the flags. <if condition="$post[fieldXX]"> where XX is the ID number of the field that will be filled in. See vBulletin Conditionals (http://www.vbulletin.com/forum/showthread.php?t=200894) for more information.

Thanks DJ. But, this is what I have right now. Is there something wrong with it?

<div class="pbit"><if condition="$post[field2]"><strong>Location:</strong> $post[field2]</if></div>

Also, we didn't get to this one about the centering of the tabs....

So, I'm assuming that I edit the tabcontent.css file. But, where do I edit it and what do I place in there to center the tabs?

GlamRockTalk

11-21-2008, 10:24 PM

Just found another issue with the 'post thanks' hack showing in both boxes. I used the following code.....

$template_hook[postbit_userinfo_right_after_posts]

....and it shows this.....

89663

....when I try and add this....

<div class="pbit">$template_hook[postbit_userinfo_right_after_posts]</div>

....it then shows this.....

89664

.....what should I do to fix this? Any suggestions?

Digital Jedi

11-22-2008, 01:11 AM

Thanks DJ. But, this is what I have right now. Is there something wrong with it?

<div class="pbit"><if condition="$post[field2]"><strong>Location:</strong> $post[field2]</if></div>
Move your if condition outside the DIV if you want the DIV to be hidden when there's no Location content. Right now you have the if condition around the Location only, so only the location text is going to be hidden when that field is not filled in by the user.

Also, we didn't get to this one about the centering of the tabs....
You should be able to get it to center by adding a style tag to the main container:

<div id="$post[postid]postbittabs" class="djdot" style="text-align:center;">

Just found another issue with the 'post thanks' hack showing in both boxes. I used the following code.....

$template_hook[postbit_userinfo_right_after_posts]

....and it shows this.....

89663

....when I try and add this....

<div class="pbit">$template_hook[postbit_userinfo_right_after_posts]</div>

....it then shows this.....

89664

.....what should I do to fix this? Any suggestions?
The template hook probably already displays the upper portion in a div of that class, so encasing it in another pbit class DIV just encases the whole thing. Try looking for any plugins the Post Thanks Hacks uses in relation to the postbit and look inside the code for a DIV containing the literal HTML for that particular code. You should be able to edit it from there.

GlamRockTalk

11-22-2008, 06:43 PM

Thanks for taking the time to answer DJ.

Well, here are the results...

1. The 'centering' of the tabs did not work. Any other suggestions? I remember you mentioning about something within the CSS being changed, is that another option?

2. The conditions on the 'outside' piece of the advice worked. Thanks! :D

3. And the final piece .... I've gotta go fishin' around the code for the 'post thanks' hack to see if it'll work. I'll see if I can do that tonight.

GlamRockTalk

11-25-2008, 01:54 PM

Has anyone figured out how to do the 'centering' of the tabs yet?

Someone had mentioned about changing something within the CSS file. Any help on this would be appreciated. Thanks! :D

Digital Jedi

11-26-2008, 10:51 AM

You can try adding the text-align:center to the djdot class, and see if that does the trick.

GlamRockTalk

11-26-2008, 01:19 PM

Sorry to have to ask this...but, which one is the "djdot class"?

I see many, many lines with djdot in them and I want to make sure that I'm editing the correct one within the tabcontent.css file.

Thanks DJ!

Digital Jedi

11-27-2008, 03:26 AM

Sorry to have to ask this...but, which one is the "djdot class"?

I see many, many lines with djdot in them and I want to make sure that I'm editing the correct one within the tabcontent.css file.

Thanks DJ!
In your tabcontent.css file, try adding a text-align:center into the first class:

.djdot{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
text-align:center;
}

GlamRockTalk

11-27-2008, 03:35 AM

DJ, it didn't work. :(

Any other suggestions?

Digital Jedi

11-27-2008, 03:42 AM

Try adding that same style attribute to the main DIV or TD containing that area of the postbit. In this case, it will probably be TD containing the avatar and username, etc. (in the case of a TD, I believe you can still use align="center" instead of the style tag.)

GlamRockTalk

11-27-2008, 04:09 AM

Man oh man...nothing seems to work. :(

Digital Jedi

11-27-2008, 04:26 AM

Alright, let's take a look at your postbit_legacy code.

GlamRockTalk

11-27-2008, 04:29 AM

DJ, sent PM with info

Thanks for the help! :D

stickskills

11-27-2008, 03:49 PM

The centering issue has been something I've tried to figure out for awhile, but to no avail just yet.

GlamRockTalk

11-27-2008, 06:29 PM

I wonder if we should ask the DynamicDrive folks about the possibilities of centering the tabs.

stickskills

11-28-2008, 06:06 PM

Yes! I have figured it out! Here's what you'll need to do:

Open up your tabcontent.css

Change from
.djdot{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

To
.djdot{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
margin-left:20px;
}

The 20PX is just a random number I threw in there, and really depends on your width of your personal forum. Enjoy!

GlamRockTalk

11-28-2008, 07:26 PM

stickskills, you are THE man! That is, unless you are a woman...in that case, you are THE woman! :D

Didn't even think to 'push' it to the center in that way. Very cool idea. Maybe someday we'll actually have it done correctly. Since I only had three tabs, I had to move it over more. Mine was about 47px. But, it's good now! :)

Thanks!

stickskills

11-28-2008, 10:20 PM

Ha, yeah.. I was so fixed on how to "center" it, that I never thought about just pushing the margin. Though it's not a true way of centering, it does work.

Btw, definitely a man haha.

GlamRockTalk

11-29-2008, 02:00 PM

LOL...Okay, so you are THE man! :D

You finally started thinking 'outside the postbit box' , right? ;)

stickskills

11-29-2008, 10:44 PM

Haha, exaaaaaactly. ;)

Now I just have to redo the entire postbit because of the new skin I'm doing, apparently I missed a div somewhere, so I'd rather just reconstruct the entire thing. :P

ScienceOfMuscle

11-30-2008, 02:09 AM

I am still a bit confused on what codes to put in the div holders. For instance if I wanted to add this: <if condition="$show['infraction']"><div class="info">$vbphrase[infractions]: $post[warnings]/$post[infractions] ($post[ipoints])</div></if>

to tab 1. Where would I put it? Do I completely replace the placeholder under Tab 1 or do I add it inside of it somehwere? Also do I need to change the <li> coding at all once I add one thing or more? Sorry I am a bit new to vBulletin but I am not computarded or anything. Haven't coded in quite some time.

Digital Jedi

11-30-2008, 03:48 PM

I am still a bit confused on what codes to put in the div holders. For instance if I wanted to add this: <if condition="$show['infraction']"><div class="info">$vbphrase[infractions]: $post[warnings]/$post[infractions] ($post[ipoints])</div></if>

to tab 1. Where would I put it? Do I completely replace the placeholder under Tab 1 or do I add it inside of it somehwere? Also do I need to change the <li> coding at all once I add one thing or more? Sorry I am a bit new to vBulletin but I am not computarded or anything. Haven't coded in quite some time.

The code is red is your container, which you need to keep to make is work. Everything on the inside is replaceable code:


<div id="tab1$post[postid]" class="tabcontent">

<div class="info">Tab 1 Content:Block A</div>
<div class="info">Tab 1 Content:Block B</div>
<div class="info">Tab 1 Content:Block C</div>

</div>

For the LI, just change the TITLE to whatever you want the mouseover tool tip to say:

<li><span title="View Tab 1"><a href="#" rel="tab1$post[postid]" id="selected$post[postid]"> </a></span></li>

Frank Sinatra

12-01-2008, 09:28 AM

thanksss, working perfect here :p

ScienceOfMuscle

12-01-2008, 11:42 AM

The code is red is your container, which you need to keep to make is work. Everything on the inside is replaceable code:


<div id="tab1$post[postid]" class="tabcontent">

<div class="info">Tab 1 Content:Block A</div>
<div class="info">Tab 1 Content:Block B</div>
<div class="info">Tab 1 Content:Block C</div>

</div>

For the LI, just change the TITLE to whatever you want the mouseover tool tip to say:

<li><span title="View Tab 1"><a href="#" rel="tab1$post[postid]" id="selected$post[postid]"> </a></span></li>

Ok that makes sense. It is doing the same thing as before though, when I click one of the tabs it just brings me back to the top of the page instead of just showing that tab. I only modified tab 3 to test this out but here it is:


<div id="postbittabs$post[postid]" class="djdot">

<ul>
<li><span title="View Tab 1"><a href="#" rel="tab1$post[postid]" id="selected$post[postid]"> </a></span></li>
<li><span title="View Tab 2"><a href="#" rel="tab2$post[postid]"> </a></span></li>
<li><span title="View Tab 3"><a href="#" rel="tab3$post[postid]"> </a></span></li>
<li><span title="View Tab 4"><a href="#" rel="tab4$post[postid]"> </a></span></li>
<li><span title="View Tab 5"><a href="#" rel="tab5$post[postid]"> </a></span></li>
</ul>

<br style="clear: left" />

</div>

<div class="smallfont">


<div id="tab1$post[postid]" class="tabcontent">

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

</div>


<div id="tab2$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>


<div id="tab3$post[postid]" class="tabcontent">

<div class="info">$vbphrase[posts]: $post[posts]</div>
<if condition="$post['joindate']"><div class="info">$vbphrase[join_date]: $post[joindate]</div></if>
<div class="info">Tab 3 Content:Block C</div>
<div class="info">Tab 3 Content:Block D</div>
<div class="info">Tab 3 Content:Block E</div>
<div class="info">Tab 3 Content:Block F</div>

</div>

father guido

12-01-2008, 03:08 PM

Ok that makes sense. It is doing the same thing as before though, when I click one of the tabs it just brings me back to the top of the page instead of just showing that tab. I only modified tab 3 to test this out but here it is:

I had the same issue until I changed the "persistance" back to false - then it worked fine. THAT was the issue for me.mytabs.setpersist(false)

GlamRockTalk

12-01-2008, 03:47 PM

Strange....I just had a new member make their first post (we're still testing things out at the site, it's not 100% open yet) and it doesn't show anything other than the three tabs. Then, when you click on a tab, it goes up to the top of the page like the others mentioned.

Any thoughts on what I should do?

Here's the example: It's the member named hms1016 and the thread is http://www.glamrocktalk.com/showthread.php?p=265#post265

EDITED: I always had the 'persistence' as false. So, that's not a solution for me.

ScienceOfMuscle

12-01-2008, 09:35 PM

I had the same issue until I changed the "persistance" back to false - then it worked fine. THAT was the issue for me.mytabs.setpersist(false)

Isn't it false by default?

father guido

12-01-2008, 11:34 PM

Isn't it false by default?

Yes but in the initial instructions it was suggested to change it to "true" - I did before upload but had the "jump to the top" issues until I changed it back to false.

GlamRockTalk

12-01-2008, 11:59 PM

So, any fix for those of us with "false", yet still getting redirected to the top of the page?

Digital Jedi

12-02-2008, 08:06 AM

Ok that makes sense. It is doing the same thing as before though, when I click one of the tabs it just brings me back to the top of the page instead of just showing that tab. I only modified tab 3 to test this out but here it is:


<div id="postbittabs$post[postid]" class="djdot">

<ul>
<li><span title="View Tab 1"><a href="#" rel="tab1$post[postid]" id="selected$post[postid]"> </a></span></li>
<li><span title="View Tab 2"><a href="#" rel="tab2$post[postid]"> </a></span></li>
<li><span title="View Tab 3"><a href="#" rel="tab3$post[postid]"> </a></span></li>
<li><span title="View Tab 4"><a href="#" rel="tab4$post[postid]"> </a></span></li>
<li><span title="View Tab 5"><a href="#" rel="tab5$post[postid]"> </a></span></li>
</ul>

<br style="clear: left" />

</div>

<div class="smallfont">


<div id="tab1$post[postid]" class="tabcontent">

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

</div>


<div id="tab2$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>


<div id="tab3$post[postid]" class="tabcontent">

<div class="info">$vbphrase[posts]: $post[posts]</div>
<if condition="$post['joindate']"><div class="info">$vbphrase[join_date]: $post[joindate]</div></if>
<div class="info">Tab 3 Content:Block C</div>
<div class="info">Tab 3 Content:Block D</div>
<div class="info">Tab 3 Content:Block E</div>
<div class="info">Tab 3 Content:Block F</div>

</div>

This part seems okay, but it's only a part of it. Do you have the rest of the code in there:

</div>

<script type="text/javascript">
var mytabs=new ddtabcontent("postbittabs$post[postid]")
mytabs.setpersist(false)
mytabs.setselectedClassTarget("link")
mytabs.init()
</script>



Strange....I just had a new member make their first post (we're still testing things out at the site, it's not 100% open yet) and it doesn't show anything other than the three tabs. Then, when you click on a tab, it goes up to the top of the page like the others mentioned.

Any thoughts on what I should do?

Here's the example: It's the member named hms1016 and the thread is http://www.glamrocktalk.com/showthread.php?p=265#post265

EDITED: I always had the 'persistence' as false. So, that's not a solution for me.
You have a number of problems with the code you've moved into the tabs. For instance, Tab 2 has incomplete and improperly nested DIV and Table elements. I recommend avoiding using any table elements when possible and just stick to putting your raw code into DIV containers. And make sure the DIVs are closed properly.

Also, part of your problem may be where you've commented out Tabs 4 and 5. Make sure you open and close the comment on each line that you want removed. Not at the start of one line and at the end of another.

Not:


But instead:

gsmciler

12-02-2008, 09:43 AM

Digital Jedi @ please attach your postbit legacy full info

GlamRockTalk

12-02-2008, 01:25 PM

DJ, thanks for the help! :D

I've adjusted the commenting out issue. Unfortunately, I'm not a coder (I'm learning little by little) so I'm unfamiliar with the terminology. Here's the code for my TAB 2 and I'd like to see where I can fix and adjust it....


<div id="tab2$post[postid]" class="tabcontent" align="center">

<if condition="$post[field4]"><div class="pbit"><strong>Real/Nickname:</strong> $post[field4]</div></if>
<if condition="$post[field2]"><div class="pbit"><strong>Location:</strong> $post[field2]</div></if>
<div class="pbit">
<if condition="$post[field9]"><img src="images/flags/$post[field9].gif"></if>
<if condition="$post[field10]"><img src="images/region/$post[field10].gif"></if>
</div>
<div class="pbit"><if condition="$show['homepage']">
<a href="$post[homepage]" rel="nofollow"><phrase 1="$post[username]"><strong>View My Homepage</strong></phrase></a></div>

</div>

....I'd appreciate any help. Thanks folks! :D

It's strange though because it was working for my existing members and their postbit_legacy and not for my new one. Oh well, let's see if this adjustment can fix it. :D

Come2Daddy

12-03-2008, 05:41 PM

Hello digital Jedi,

could you please help me to do Blog Entries Counter in one of those divs containers??
when I read the postbit code I don't find any thing about it, same is with the vbExperiounce mod

waiting your help if you can, and thanx in advanced :)

GlamRockTalk

12-03-2008, 05:55 PM

Any help on my previous post?

Help with the code, please :D

Digital Jedi

12-04-2008, 09:43 AM

Digital Jedi @ please attach your postbit legacy full info
Hmm? I'm not sure what you mean.

DJ, thanks for the help! :D

I've adjusted the commenting out issue. Unfortunately, I'm not a coder (I'm learning little by little) so I'm unfamiliar with the terminology. Here's the code for my TAB 2 and I'd like to see where I can fix and adjust it....


<div id="tab2$post[postid]" class="tabcontent" align="center">

<if condition="$post[field4]"><div class="pbit"><strong>Real/Nickname:</strong> $post[field4]</div></if>
<if condition="$post[field2]"><div class="pbit"><strong>Location:</strong> $post[field2]</div></if>
<div class="pbit">
<if condition="$post[field9]"><img src="images/flags/$post[field9].gif"></if>
<if condition="$post[field10]"><img src="images/region/$post[field10].gif"></if>
</div>
<div class="pbit"><if condition="$show['homepage']">
<a href="$post[homepage]" rel="nofollow"><phrase 1="$post[username]"><strong>View My Homepage</strong></phrase></a></div>

</div>

....I'd appreciate any help. Thanks folks! :D

It's strange though because it was working for my existing members and their postbit_legacy and not for my new one. Oh well, let's see if this adjustment can fix it. :D
This part appears to be constructed right, and both of Arny's posts are displaying correctly. Let's post your whole postbit_legacy template now. We're running into a problem right around Tab 2's container and hms1016's post. His message area suddenly starts running into Tab 2. It may be some code related the Post Thanks Hack is not being inserted correctly.

Hello digital Jedi,

could you please help me to do Blog Entries Counter in one of those divs containers??
when I read the postbit code I don't find any thing about it, same is with the vbExperiounce mod

waiting your help if you can, and thanx in advanced :)
It depends on how your displaying the blog entries in your postbit. Both vBExperience and the Blog Entry modifications I've seen use template hooks. So depending on how they display, you'd put the template hook into one of tab containers. One blog modification I know of uses $template_hook[postbit_userinfo_right_after_posts]. Just look around the area where your blog entries show in your postbit code and see if there's a template hook in general vicinity. That's what you'd need to move.

GlamRockTalk

12-04-2008, 11:06 AM

Hmm? I'm not sure what you mean.

This part appears to be constructed right, and both of Arny's posts are displaying correctly. Let's post your whole postbit_legacy template now. We're running into a problem right around Tab 2's container and hms1016's post. His message area suddenly starts running into Tab 2. It may be some code related the Post Thanks Hack is not being inserted correctly.

Here's my full postbit_legacy (I think I PMed it to you as well, but can't remember)....

$template_hook[postbit_start]
<table id="post$post[postid]" class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center">
<tr>
<if condition="$show['announcement']">
<td class="thead" style="font-weight:normal; border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]" colspan="2">
<img class="inlineimg" src="$stylevar[imgdir_statusicon]/post_$post[statusicon].gif" alt="$post[statustitle]" border="0" />
<phrase 1="$post[startdate]" 2="$post[enddate]">$vbphrase[x_until_y]</phrase>
</td>
<else />
<td class="thead" style="font-weight:normal; border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-$stylevar[right]: 0px" $post[scrolltothis]>

<a name="post$post[postid]"><img class="inlineimg" src="$stylevar[imgdir_statusicon]/post_$post[statusicon].gif" alt="$post[statustitle]" border="0" /></a>
$post[postdate]<if condition="!$show['detailedtime']">, $post[posttime]</if>
$post[firstnewinsert]

</td>
<td class="thead" style="font-weight:normal; border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-$stylevar[left]: 0px" align="$stylevar[right]">
 
<if condition="$show['postcount']">#<a href="showpost.php?$session[sessionurl]p=$post[postid]&postcount=$post[postcount]" target="new" rel="nofollow" id="postcount$post[postid]" name="$post[postcount]"><strong>$post[postcount]</strong></a></if>
<if condition="$show['inlinemod']">
<input type="checkbox" name="plist[$postid]" id="plist_$postid" style="vertical-align:middle; padding:0px; margin:0px 0px 0px 5px" value="$post[checkbox_value]" />
</if>
</td>
</if>
</tr>
<tr valign="top">
<td class="alt2" width="175" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px">

<div id="postmenu_$post[postid]">
<if condition="$show['profile']">
<a class="bigusername" href="member.php?$session[sessionurl]u=$post[userid]"><center>$post[musername]</center></a>
<script type="text/javascript"> vbmenu_register("postmenu_$post[postid]", true); </script>
<else />
$post[musername]
</if>
</div>

<if condition="$post['usertitle']"><div class="smallfont"><center>$post[usertitle]</center></div></if>
<center><if condition="$post['rank']"><div class="smallfont">$post[rank]</div></if></center>
$template_hook[postbit_userinfo_left]

<center><if condition="$show['avatar']">
<div class="smallfont">
 <br /><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a></center>
</div>
</if>

<div id="postbittabs$post[postid]" class="djdot" style="text-align:center;">

<ul>
<li><span title="View Tab 1"><a href="#" rel="tab1$post[postid]" id="selected$post[postid]"> </a></span></li>
<li><span title="View Tab 2"><a href="#" rel="tab2$post[postid]"> </a></span></li>
<li><span title="View Tab 3"><a href="#" rel="tab3$post[postid]"> </a></span></li>


</ul>

<br style="clear: left" />

</div>

<div class="smallfont">


<div id="tab1$post[postid]" class="tabcontent" align="center">

<div class="pbit"><if condition="$post['joindate']">$vbphrase[join_date]: $post[joindate]</if></div>
<div class="pbit">$vbphrase[posts]: $post[posts]</div>
$template_hook[postbit_userinfo_right_after_posts]

</div>


<div id="tab2$post[postid]" class="tabcontent" align="center">

<if condition="$post[field4]"><div class="pbit"><strong>Real/Nickname:</strong> $post[field4]</div></if>
<if condition="$post[field2]"><div class="pbit"><strong>Location:</strong> $post[field2]</div></if>
<div class="pbit">
<if condition="$post[field9]"><img src="images/flags/$post[field9].gif"></if>
<if condition="$post[field10]"><img src="images/region/$post[field10].gif"></if>
</div>
<div class="pbit"><if condition="$show['homepage']">
<a href="$post[homepage]" rel="nofollow"><phrase 1="$post[username]"><strong>View My Homepage</strong></phrase></a></div>

</div>


<div id="tab3$post[postid]" class="tabcontent" align="center">

<if condition="$post[field3]"><div class="pbit"><strong>Fav Bands:</strong> $post[field3]</div></if>
<if condition="$post[field7]"><div class="pbit"><strong>Profile Vid:</strong> $post[field7]</div></if>
<div class="pbit"><if condition="$post[icqicon] or $post[aimicon] or $post[msnicon] or $post[yahooicon] or $post[skypeicon]">$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]</if></div>

</div>


<div id="tab4$post[postid]" class="tabcontent" align="center">

<div class="pbit">Tab 4 Content:Block A</div>
<div class="pbit">Tab 4 Content:Block B</div>
<div class="pbit">Tab 4 Content:Block C</div>

</div>


<div id="tab5$post[postid]" class="tabcontent" align="center">

<div class="pbit">Tab 5 Content:Block A</div>
<div class="pbit">Tab 5 Content:Block B</div>
<div class="pbit">Tab 5 Content:Block C</div>
<div class="pbit">Tab 5 Content:Block D</div>
<div class="pbit">Tab 5 Content:Block E</div>
<div class="pbit">Tab 5 Content:Block F</div>
<div class="pbit">Tab 5 Content:Block G</div>
<div class="pbit">Tab 5 Content:Block H</div>
<div class="pbit">Tab 5 Content:Block I</div>

</div>

</div>

<script type="text/javascript">
var mytabs=new ddtabcontent("postbittabs$post[postid]")
mytabs.setpersist(false)
mytabs.setselectedClassTarget("link")
mytabs.init()
</script>


<div class="smallfont">
 <br />

<if condition="$show['infraction']"><div class="pbit" align="center">$vbphrase[infractions]: $post[warnings]/$post[infractions] ($post[ipoints])</div></if>
<if condition="$show['reputation']"><div class="pbit" align="center"><if condition="$show['reppower']">$vbphrase[reppower]: <span id="reppower_$post[postid]_$post[userid]">$post[reppower]</span> </if><span id="repdisplay_$post[postid]_$post[userid]">$post[reputationdisplay]</span></div></if>
$template_hook[postbit_userinfo_right]

<if condition="$show['album']"><div class="pbit" align="center">
<a href="album.php?u=$post[userid]" title="View $userinfo[username]'s Album" rel="nofollow"><strong>Member's Gallery</strong></a></div></if>
</if>
</div>

</td>
<if condition="$show['moderated']">
<td class="alt2" id="td_post_$post[postid]" style="border-$stylevar[right]: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]">
<else />
<td class="alt1" id="td_post_$post[postid]" style="border-$stylevar[right]: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]">
</if>
$template_hook[postbit_messagearea_start]
<if condition="$show['messageicon'] OR $post['title']">

<div class="smallfont">
<if condition="$show['messageicon']"><img class="inlineimg" src="$post[iconpath]" alt="$post[icontitle]" border="0" /></if>
<if condition="$post['title']"><strong>$post[title]</strong></if>
</div>
<hr size="1" style="color:$stylevar[tborder_bgcolor]" />

</if>



<div id="post_message_$post[postid]">$post[message]</div>


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

<div style="padding:$stylevar[cellpadding]px">

<if condition="$show['thumbnailattachment']">
<fieldset class="fieldset">
<legend>$vbphrase[attached_thumbnails]</legend>
<div style="padding:$stylevar[formspacer]px">
$post[thumbnailattachments]
</div>
</fieldset>
</if>

<if condition="$show['imageattachment']">
<fieldset class="fieldset">
<legend>$vbphrase[attached_images]</legend>
<div style="padding:$stylevar[formspacer]px">
$post[imageattachments]
</div>
</fieldset>
</if>

<if condition="$show['imageattachmentlink']">
<fieldset class="fieldset">
<legend>$vbphrase[attached_images]</legend>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
$post[imageattachmentlinks]
</table>
</fieldset>
</if>

<if condition="$show['otherattachment']">
<fieldset class="fieldset">
<legend>$vbphrase[attached_files]</legend>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
$post[otherattachments]
</table>
</fieldset>
</if>

<if condition="$show['moderatedattachment']">
<fieldset class="fieldset">
<legend>$vbphrase[attachments_pending_approval]</legend>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
$post[moderatedattachments]
</table>
</fieldset>
</if>

</div>

</if>

$template_hook[postbit_signature_start]

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

<div>
__________________<br />
$post[signature]
</div>

</if>

$template_hook[postbit_signature_end]

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

<div class="smallfont">
<hr size="1" style="color:$stylevar[tborder_bgcolor]" />
<em>
<if condition="$post['editlink'] AND $show['postedithistory']">
<phrase 1="$post[edit_username]" 2="$post[edit_date]" 3="$post[edit_time]" 4="posthistory.php?$session[sessionurl]p=$post[postid]">$vbphrase[last_edited_link_by_x_on_y_at_z_postid]</phrase>.
<else />
<phrase 1="$post[edit_username]" 2="$post[edit_date]" 3="$post[edit_time]">$vbphrase[last_edited_by_x_on_y_at_z]</phrase>.
</if>
<if condition="$post['edit_reason']">
$vbphrase[reason]: $post[edit_reason]
</if>
</em>
</div>

</if>

</td>
</tr>
<tr>
<td class="alt2" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px">
$post[onlinestatus]
<if condition="$show['reputationlink']">
<span id="reputationmenu_$post[postid]"><a href="reputation.php?$session[sessionurl]p=$post[postid]" rel="nofollow" id="reputation_$post[postid]"><img class="inlineimg" src="$stylevar[imgdir_button]/reputation.gif" alt="<phrase 1="$post[username]">$vbphrase[add_to_xs_reputation]</phrase>" border="0" /></a></span>
<if condition="$show['popups']"><script type="text/javascript"> vbrep_register("$post[postid]")</script></if>
</if>
<if condition="$show['infractionlink']"><a href="infraction.php?$session[sessionurl]do=report&p=$post[postid]" rel="nofollow"><img class="inlineimg" src="$stylevar[imgdir_button]/infraction.gif" alt="<phrase 1="$post[username]">$vbphrase[add_infraction_for_x]</phrase>" border="0" /></a></if>
<if condition="$show['reportlink']"><a href="report.php?$session[sessionurl]p=$post[postid]" rel="nofollow"><img class="inlineimg" src="$stylevar[imgdir_button]/report.gif" alt="$vbphrase[report_bad_post]" border="0" /></a></if>
$post[iplogged]
 
</td>
<if condition="$show['moderated']">
<td class="alt2" align="$stylevar[right]" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-$stylevar[left]: 0px; border-top: 0px">
<else />
<td class="alt1" align="$stylevar[right]" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-$stylevar[left]: 0px; border-top: 0px">
</if>

<if condition="$post['editlink']">
<img style="display: none" id="progress_$postid" src="$stylevar[imgdir_misc]/progress.gif" alt="$vbphrase[loading_editor_please_wait]" />
<a href="$post[editlink]" name="vB::QuickEdit::$post[postid]"><img src="$stylevar[imgdir_button]/edit.gif" alt="$vbphrase[edit_delete_message]" border="0" /></a>
</if>
<if condition="$post['forwardlink']">
<a href="$post[forwardlink]"><img src="$stylevar[imgdir_button]/forward.gif" alt="$vbphrase[forward_message]" border="0" /></a>
</if>
<if condition="$post['replylink']">
<a href="$post[replylink]" rel="nofollow"><img src="$stylevar[imgdir_button]/<if condition="$post['forwardlink']">reply_small<else />quote</if>.gif" alt="$vbphrase[reply_with_quote]" border="0" /></a>
</if>
<if condition="$show['multiquote_post']">
<a href="$post[replylink]" rel="nofollow" onclick="return false"><img src="$stylevar[imgdir_button]/multiquote_<if condition="$show['multiquote_selected']">on<else />off</if>.gif" alt="$vbphrase[multi_quote_this_message]" border="0" id="mq_$post[postid]" /></a>
</if>
<if condition="$show['quickreply'] AND !$show['threadedmode']">
<a href="$post[replylink]" rel="nofollow" id="qr_$post[postid]" onclick="return false"><img src="$stylevar[imgdir_button]/quickreply.gif" alt="$vbphrase[quick_reply_to_this_message]" border="0" /></a>
</if>
<if condition="$show['moderated']">
<img src="$stylevar[imgdir_misc]/moderated.gif" alt="$vbphrase[moderated_post]" border="0" />
</if>
<if condition="$show['spam']">
<img src="$stylevar[imgdir_misc]/spam_detected.png" alt="$vbphrase[spam_post]" border="0" />
</if>
<if condition="$show['deletedpost']">
<img src="$stylevar[imgdir_misc]/trashcan.gif" alt="$vbphrase[deleted_post]" border="0" />
</if>
<if condition="$show['redcard']">
<a href="infraction.php?$session[sessionurl]do=view&p=$post[postid]"><img src="$stylevar[imgdir_button]/redcard.gif" alt="$vbphrase[received_infraction]" border="0" /></a>
<else />
<if condition="$show['yellowcard']">
<a href="infraction.php?$session[sessionurl]do=view&p=$post[postid]"><img src="$stylevar[imgdir_button]/yellowcard.gif" alt="$vbphrase[received_warning]" border="0" /></a>
</if>
</if>
$template_hook[postbit_controls]

</td>
</tr>
</table>
$template_hook[postbit_end]


<div class="vbmenu_popup" id="postmenu_$post[postid]_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">
<tr>
<td class="thead">$post[username]</td>
</tr>
<if condition="$show['profile']">
<tr><td class="vbmenu_option"><a href="member.php?$session[sessionurl]u=$post[userid]">$vbphrase[view_public_profile]</a></td></tr>
</if>
<if condition="$show['pmlink']">
<tr><td class="vbmenu_option"><a href="private.php?$session[sessionurl]do=newpm&u=$post[userid]" rel="nofollow"><phrase 1="$post[username]">$vbphrase[send_private_message_to_x]</phrase></a></td></tr>
</if>
<if condition="$show['emaillink']">
<tr><td class="vbmenu_option"><a href="sendmessage.php?$session[sessionurl]do=mailmember&u=$post[userid]" rel="nofollow"><phrase 1="$post[username]">$vbphrase[send_email_to_x]</phrase></a></td></tr>
</if>
<if condition="$show['homepage']">
<tr><td class="vbmenu_option"><a href="$post[homepage]"><phrase 1="$post[username]">$vbphrase[visit_xs_homepage]</phrase></a></td></tr>
</if>
<if condition="$show['search']">
<tr><td class="vbmenu_option"><a href="search.php?$session[sessionurl]do=finduser&u=$post[userid]" rel="nofollow"><phrase 1="$post[username]">$vbphrase[find_more_posts_by_x]</phrase></a></td></tr>
</if>
<if condition="$post['userid'] AND $show['member']">
<tr><td class="vbmenu_option"><a href="profile.php?$session[sessionurl]do=addlist&userlist=buddy&u=$post[userid]"><phrase 1="$post[username]">$vbphrase[add_x_to_contacts]</phrase></a></td></tr>
</if>
$template_hook[postbit_user_popup]
</table>
</div>


Thank you for your help! (or anyone else that wants to suggest some help! :D

DJ, I clicked on the "thanks" for hms' post to see if that would do something, but it didn't.

KevinL

12-04-2008, 11:19 AM

I installed this and got the same results as 'glamrocktalk'. It was a fresh install and I just got to the

Now go to your forum and see if your tabs are displaying properly and your not getting any errors. You should have five dot tabs that display five different sets of information when clicked.

Before I got the 'return to the top upon click error'

GlamRockTalk

12-06-2008, 02:06 PM

DJ (or anyone else)....any suggestions yet on how I can fix this?

Come2Daddy

12-06-2008, 03:09 PM

It depends on how your displaying the blog entries in your postbit. Both vBExperience and the Blog Entry modifications I've seen use template hooks. So depending on how they display, you'd put the template hook into one of tab containers. One blog modification I know of uses $template_hook[postbit_userinfo_right_after_posts]. Just look around the area where your blog entries show in your postbit code and see if there's a template hook in general vicinity. That's what you'd need to move.

Thanx Digital Jedi

Actually I involved in some busness these days so I couldn't check your suggestion, but it gaves me a huge hint, I belive I can costumize my postbit as I wish after I read your replay, any I'll test it as soon as I have a chance, & if I didn't ask again that means I achieved my purposes

thank u very much :)

Digital Jedi

12-06-2008, 04:10 PM

No problem.

Glam, if I probably need to take a look at your Admin CP is you don't mind granting me temp access for a little while.

GlamRockTalk

12-06-2008, 06:21 PM

DJ, you already had it from before ;)

But, I'll PM you with the new password. Thanks!

Digital Jedi

12-07-2008, 03:49 AM

DJ, you already had it from before ;)

But, I'll PM you with the new password. Thanks!
Hrm, I thought that was the demo board from before...

Well, it took some digging, and I corrected a couple of unrelated errors along the way trying to see if that was the problem. What it turned out to be was somewhere along the way the template was saved with an incomplete IF conditional end tag. A warning message asking you if you want to go back or continue should have come up when that happened, but it looks like it was saved anyway. Broken conditionals can cause all kinds of layout problems.

It's working now, and all you need to do now is account for tabs that are empty when a user doesn't have that info filled out. But you can do what with the conditionals as well. Just be sure to heed the warning message if it turns up again and make sure to tell your other admins the same.

GlamRockTalk

12-07-2008, 09:03 PM

Thanks for your help DJ! As always, it's appreciated that you put in this much effort to help others and this community! :D

King Fly

12-11-2008, 09:46 PM

wow...i actualy read l these post...i wil efinatly be installing this and nomnating for moth

hopefully i dont get too many errors...i not a m00b to this but im by far an expert

Digital Jedi

12-11-2008, 10:12 PM

I didn't realize this was already at 99 installs. I kind of thought most folks had forgotten about it.

troppodel

12-18-2008, 08:46 AM

Hi Jedi my apologies maybe some my mistakes but don't work in my forum and i have followed all your instructions can you help me?
see my forum

www.bobmarleymagazine.com/forum_bmwm

thanks
Ivan

Digital Jedi

12-18-2008, 12:53 PM

Hi Jedi my apologies maybe some my mistakes but don't work in my forum and i have followed all your instructions can you help me?
see my forum

www.bobmarleymagazine.com/forum_bmwm (http://www.bobmarleymagazine.com/forum_bmwm)

thanks
Ivan
Do you have some kind of anti viral program running on your server? You have a number of errors in IE when I visit the page, and I believe your problem with this mod is something is rewriting the closing </script> tag in the postbit_legacy template to <\/scr' + 'ipt>.

troppodel

12-18-2008, 01:32 PM

hi jedi thanks for your kindness
here the error that i see with IE:

Errori script pagina Web

Agente utente: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1) ; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.04506.30; .NET CLR 3.0.04506.648; .NET CLR 3.5.21022; MS-RTC LM 8)
Timestamp: Thu, 18 Dec 2008 15:31:29 UTC

Messaggio: Errore di sintassi
Linea: 1
Carattere: 1
Codice: 0
URI: http://www.bobmarleymagazine.com/forum_bmwm/postbit_tabs/tabcontent.js

mmm let me check but i see all my code ok

troppodel

12-18-2008, 01:34 PM

if i delete the code in headinclude i don't see the erro in IE anymore

Digital Jedi

12-18-2008, 01:44 PM

if i delete the code in headinclude i don't see the erro in IE anymore
Yes, but without that line you'll get no dynamic content. You need both those lines for the mod to work. What you need to do is track down the source of the actual error.

You have a number of errors on the page which are likely causing a cascade effect of errors. http://validator.w3.org/check?uri=http%3A%2F%2Fwww.bobmarleymagazine.com%2 Fforum_bmwm%2Fshowthread.php%3Fp%3D31590%23post315 90&charset=%28detect+automatically%29&doctype=Inline&group=0&ss=1 Try correcting each one of these starting from the top and see if you start noticing better behavior from the tabs. Also go to vBulletin Options >>> General Settings >>> Add Template Name in HTML Comments and turn that on so you can see what templates contain the malformed code.

Chunky Monkey

12-19-2008, 08:09 PM

Hi Digital Jedi,

I'm about to install. This should work 100% in 3.7.4, right? Also, can the number of tabbed "windows" be configured? I only need 2 - the one that displays by default, and one additional one.

Thank you for contributing this mod!

Chunky Monkey

12-19-2008, 08:31 PM

Oh, I just realized the code for each tab is right there in the template. Is there any way to have a tab load code dynamically so that additional database calls aren't required to display certain information unless/until it is displayed by a member clicking on the tab?

Digital Jedi

12-20-2008, 01:48 AM

Not really. This is more of a space saving effort then a query saving effort. I've been looking into an AJAX version of this, but I haven't had time to do a real in depth study yet. AJAX would likely be more effort putting together.

rolandogomez

12-21-2008, 12:38 AM

Works great, though I'm having problems making the flags mod work in there, otherwise, perfect on 3.8, thanks, rg.

GlamRockTalk

12-21-2008, 02:29 AM

Se?or Gomez,

Here's what I used....

<div class="pbit">
<if condition="$post['field9']"><img src="images/flags/$post[field9].gif" alt="" /></if>
<if condition="$post['field10']"><img src="images/region/$post[field10].gif" alt="" /></if>
</div>

....hope it helps.

I'm not a coder, but I got it working and just showing what I did in case it helps you. :D

Good luck!

rolandogomez

12-21-2008, 01:17 PM

Oops, figure it out, had the wrong fields, works now, here's an example...

http://www.phototherapy.org/forums/off-topic/14-grown-men-can-cry.html#post42

Thanks, rg sends!

rolandogomez

12-21-2008, 01:25 PM

Cool, made the change below and incorporated it into my member's profile page, see here: http://www.phototherapy.org/forums/members/rolandogomez.html

Here's the code, hope it's ok to post it in this thread:

<fieldset>
<if condition="$userinfo[fieldXX]"><img src="images/flags/$userinfo[fieldXX].gif"></if>
<if condition="$userinfo[fieldXX]"><img src="images/region/$userinfo[fieldXX].gif"></if>
<b>City:</b> $userinfo[fieldXX]<br>
<b>State:</b> $userinfo[fieldXX]<br>
<b>Country:</b> $userinfo[fieldXX]<br>

Replace the "XX"'s with your field ID's...

All the best, love this! rg sends!

GlamRockTalk

12-21-2008, 07:35 PM

Cool Rolando! Thanks for sharing the member's profile page modification you made. Nice touch :D

jeefo

12-21-2008, 09:04 PM

what agreat modification ,,
thank you my dear ,, Installed

just add
direction:rtl;
in css file .. arabic forums :)

and it works fine..

Digital Jedi

12-21-2008, 10:58 PM

what agreat modification ,,
thank you my dear ,, Installed

just add
direction:rtl;
in css file .. arabic forums :)

and it works fine..
Good to know. I'll have to add that in the second post.

stickskills

01-07-2009, 02:23 AM

I feel like a goofball for posting this, but I'm not familiar with all of the variables.. if anyone could help, I could appreciate it.

I'm trying to post certain usergroups, basically staff, in this postbit_legacy. Could anyone help me set up an if condition (I guess that's what it would be), to do so? What I mean is, if a user is a moderator, admin, or part of a special group, their group displays in their postbit_legacy along with the other information I already have in there. Thanks!

Digital Jedi

01-07-2009, 04:11 AM

I feel like a goofball for posting this, but I'm not familiar with all of the variables.. if anyone could help, I could appreciate it.

I'm trying to post certain usergroups, basically staff, in this postbit_legacy. Could anyone help me set up an if condition (I guess that's what it would be), to do so? What I mean is, if a user is a moderator, admin, or part of a special group, their group displays in their postbit_legacy along with the other information I already have in there. Thanks!
If you haven't already, assign your Usergroups ranks in the User Rank Manager in the Admin CP. Then you'd look for this line of code and move it to where you ever want it to appear in the tabs. By default, it shows just below the avatar.

<if condition="$post['rank']"><div class="smallfont">$post[rank]</div></if>

Head Roller

01-07-2009, 01:25 PM

Hello.... First of all.. thanks for the fantastic mod. If I get it all sorted out it is going to be a HUGE help to me and my members.

I am not a coder, I am 100% hack... I try to add to my coding knowledge as I run into issues hacking..... I need a little bit of general information that should allow me to get this sorted out... if anyone is willing...

I have NUMEROUS additions and modifications to my board, so my postbit is huge, which is why I need this hack. The issue I am having, however, is that a large number of the mods use the template hook[postbit_userinfo_right_after_posts], so even if I move the entire hook to a tab, it is too much. That is not what I want to do though. I want to figure out where the code is in each mod that is picked up by the hook so that I can "release" it from the hook and manually configure it into my postbit. Of course, I am only assuming that this is even possible.

Is there any article already written, source or easy response to help me? I am willing to buy a book, research, read or whatever it takes... I just need pointed in the right direction.

Thanks to anyone who can point the general direction to the needle in my haystack.
:)

Digital Jedi

01-07-2009, 03:42 PM

Hello.... First of all.. thanks for the fantastic mod. If I get it all sorted out it is going to be a HUGE help to me and my members.

I am not a coder, I am 100% hack... I try to add to my coding knowledge as I run into issues hacking..... I need a little bit of general information that should allow me to get this sorted out... if anyone is willing...

I have NUMEROUS additions and modifications to my board, so my postbit is huge, which is why I need this hack. The issue I am having, however, is that a large number of the mods use the template hook[postbit_userinfo_right_after_posts], so even if I move the entire hook to a tab, it is too much. That is not what I want to do though. I want to figure out where the code is in each mod that is picked up by the hook so that I can "release" it from the hook and manually configure it into my postbit. Of course, I am only assuming that this is even possible.

Is there any article already written, source or easy response to help me? I am willing to buy a book, research, read or whatever it takes... I just need pointed in the right direction.

Thanks to anyone who can point the general direction to the needle in my haystack.
:)
What you can try to do is check each of your modifications plugins that use the postbit's template hook. The easiest way to do this is to go through your Plugin Manager and peruse each of your product's plugins. Look for the plugins that use the postbit_display_complete hook. Disable them one at a time, each time checking to see if something disappears from your forum's postbits. You've likely found the right plugin.

Now the next part is trickier. In some cases, the plugin calls a template to display it's information. So in those cases, you can turn the plugin off and look for the template it calls and copy and paste that template information into your postbit_legacy template instead. For instance, DownloadsII postbit information is controlled via the downloads_postbit_display_complete plugin. And all that plugin says is:

global $vbulletin;
if ($vbulletin->options['ecshowmemberinfo'])
{
eval('$template_hook[postbit_userinfo_right_after_posts] .= " ' . fetch_template('downloads_memberinfo_postbit') . '";');
}

Notice the fetch_template part calls a template called downloads_memberinfo_postbit. That's the template you can go into and copy and paste what's in there into your postbit_legacy, in turn turning this plugin off.

In other cases, the plugin might reference a PHP file, in which case you'd have to go to that file and search for the code to duplicate. Another case might have the postibit code worked right into the plugin itself. In all cases though, provided you can find the HTML code used, you can just disable that one plugin and post the HTML code wherever you want (and however you want it to look) in your postbit_legacy template, removing any extraneous code inherent to PHP, like escaped quotations \"

Head Roller

01-07-2009, 04:03 PM

Wow.. thank you so much... that actually makes sense to me. Now I just have to find a quiet place and a few hours to make it happen.. hehe..

THANK YOU!!

Digital Jedi

01-07-2009, 06:31 PM

No problem. And I meant to say escaped quotations towards the end there. \"

Head Roller

01-08-2009, 01:36 AM

I DID IT!! I was able to release everything from the hooks and now I am just struggling with what to put in each tab. Thank you so much for your help. I ran into at least one of EACH example you provided, plus and additional scenario. When I get my post bit all perfect, I will post the codes for some additional hacks.

:)

Digital Jedi

01-08-2009, 02:16 AM

I should probably put together an FAQ like I did for my AME XML threads. Be right back.

Digital Jedi

01-08-2009, 06:30 AM

I've changed Basic Breakdown to something much easier to understand for those who've been having trouble installing this, as well as added a tutorial on how to add new tabs. I've also added an FAQ for some of the most common questions and problems encountered while trying to get this to work and some links to some sites that are using this successfully. All of this can be found in the first five posts of this thread.

And please folks, if you're using this please click Mark as Installed in the first post so you'll get any notifications of updates or tweaks automatically and so I'll know how many are really using this.

kfiasche81

01-08-2009, 10:00 AM

good work...

Sup101

02-02-2009, 09:50 PM

I cannot get the DOTS to center. Any reason why ?

GlamRockTalk

02-02-2009, 11:29 PM

Sup101,

Here's what we used..... https://vborg.vbsupport.ru/showpost.php?p=1674675&postcount=188

Sup101

02-03-2009, 12:12 AM

Thanks alot GlamRock

GlamRockTalk

02-03-2009, 12:27 AM

No problem, rock on! :up:

Sup101

02-05-2009, 01:30 AM

Anyway i could get someone to code thank you hack info for one of the tabs... to show how many someone has been thanked and so on.. check out ... https://vborg.vbsupport.ru/showthread.php?t=165673

wAnBoA

02-17-2009, 03:52 PM

Thanks.
Installed :D

trulylowcarb

02-19-2009, 11:25 PM

This is FANTASTIC! My only issue is that the skin I am testing this with loads very very slowly, and the tabs are not changing unless/until you click one...

I did put a number inside the mytabs.init() code,and then also tried with it left blank as well - how to get the slideshow mode? Am I wanting to use the js version 2.0 or 2.1 or 2.2? I downloaded 2.0 through the link, maybe that's it?

MOTM nomination for sure if I can figure out why it is loading so slow, so I can implement it and click installed. :D

trulylowcarb

02-19-2009, 11:30 PM

I see the copyright reads 2.2 - DOH - answered my own ? again..... will replace the js and see....

Darn, I did have the right one already, it reads
//** Tab Content script v2.0- ? Dynamic Drive DHTML code library (http://www.dynamicdrive.com) at the top but then down a few lines it says
//** Updated April 8th, 08 to version 2.2:

... so that's not it....

So hoping someone can help, I really want it to cycle beween the tabs.