The Arcive of Official vBulletin Modifications Site.It is not a VB3 engine, just a parsed copy! |
|
How To Place Profile Info In Fieldset Style Boxes In postbit_legacy
This tutorial explains how to box profile information into individual fieldsets using two different methods in postbit_legacy. I recommend using either one or the other of these effects as using them together will have a negative impact on the resulting postbit_legacy layout. While this tutorial deals soley with the posts and join date part of the template, it gives easy to follow steps to use this on all your postbit information. Fieldsets With Legends (no conditionals) In your postbit_legacy template find Code:
<div> $vbphrase[posts]: $post[posts] </div> Code:
<div> <fieldset> <legend>$vbphrase[posts]</legend> <table border="0" cellspacing="0" cellpadding="0" width="100%"> <tr> <td class="smallfont" align="center">$post[posts]</td> </tr> </table> </fieldset> </div> Firstly, we have retained the Code:
<div> Next we have the Code:
<fieldset> This is followed by Code:
<legend>$vbphrase[posts]</legend> Now we move onto the content. In order to populate the box, we must first create a table to place the contents in. To do this we use the following code: Code:
<table border="0" cellspacing="0" cellpadding="0" width="100%"> <tr> <td class="smallfont" align="center"> The next thing to be added is the actual content for the cell we have created. In this case we are using Code:
$post[posts] Finally, we need to close everything that we have opened, otherwise the rest of the page will attempt to nest itself within the first fieldset of the first post on the page. To do this, add Code:
</td> </tr> </table> </fieldset> </div> You will now have a box in your postbit that looks like this: Fieldsets With Legends (using conditionals) These are done in exactly the same manner, but the conditional must remain around the outside of the code. An example of this is the join date information included in the above image. The code used to generate this is Code:
<if condition="$post['joindate']"> <div> <fieldset> <legend>$vbphrase[join_date]</legend> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td align="center" class="smallfont"> $post[joindate] </td> </tr> </table> </fieldset> </div> </if> Fieldsets Without Legends If you like this effect, but don't want the labels to be separated from the information, then you can use the exact same methods used in the above examples apart from a couple of changes. This then provides a solid border around the information. Looking at the post count code again, the replacement code would be Code:
<div> <fieldset> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td align="center" class="smallfont"> $vbphrase[posts]: $post[posts] </td> </tr> </table> </fieldset> </div> Again, using the items that have conditionals simply involves placing this code within the if code. The resulting effect using this method is: I hope that you find this technique useful. If you use it and would like to be added as a live demo for this effect please post the URL to a page on your site where this is in action. |
#2
|
|||
|
|||
Fieldset boxes are the spawn of satan.....
I think inset/outset boxes look ok, or just proper boxes that match the style colours. I don't know why I hate fieldsets but I just do. Nice tutorial though...I know most people like fieldsets. |
#3
|
|||
|
|||
hello peterska2, ive added fieldsets to my postbit and now i wanna add a fieldset for the skyp, aim, yahoo, and msn info.
but the problem i have is if the user does not have that info filled out then that user still has the fieldset but its blank and doesnt look good. is that what you mean by using the conditional method? thanks. |
#4
|
|||
|
|||
Yes, try putting
Code:
<if condition="$post[skypeicon] || $post[msnicon] || $post[icqicon] || $post[aimicon] || $post[yahooicon]"> Code:
</if> Code:
</fieldset> |
#5
|
|||
|
|||
this is what i had:
Code:
<div>$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]</div> </div></td> Code:
<if condition="$show['yahooicon']"><div> <fieldset class="fieldset"><legend><b>Contact:</b></legend> <div>$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]</div> </div></td> </fieldset></div> </if> |
#6
|
|||
|
|||
Code:
<if condition="$post[skypeicon] || $post[msnicon] || $post[icqicon] || $post[aimicon] || $post[yahooicon]"><div> <fieldset class="fieldset"><legend><b>Contact:</b></legend> <div>$post[icqicon] $post[aimicon] $post[msnicon] $post[yahooicon] $post[skypeicon]</div> </div></td> </fieldset></div> </if> |
#7
|
|||
|
|||
Quote:
and one more question, i added a fieldset for the 'status', and what happens is it puts the word status twice. <fieldset class="fieldset"><legend><b>Status:</b></legend> $post[onlinestatus] </fieldset> im thinking this might be a phrase change fix?? or can i edit this? |
#8
|
|||
|
|||
You might need to change your template postbit_onlinestatus
|
#9
|
|||
|
|||
yep, just edited out 'status:' in the template postbit_onlinestatus
thanks for all the help. |
#10
|
|||
|
|||
is there a way to wrap the entire left side of postbit_legacy... enclose everything... in a fieldset (without legend of course)?
|
|
|
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
More Information | |
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|