Register Members List Search Today's Posts Mark Forums Read

Reply
 
Article Options
How To Place Profile Info In Fieldset Style Boxes In postbit_legacy
peterska2
Join Date: Oct 2003
Posts: 6,504

Manchester, UK
by peterska2 peterska2 is offline 23 Jun 2006

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
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

and replace with
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

There are a number of important details in this replacement code, so now we will look at each of them in turn.

Firstly, we have retained the
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

as this is used to place each piece of information on a new line. If this is omitted, then the layout will be compromised.

Next we have the
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

This tells us that we are creating a fieldset box and everything until this is exited will be included within the box.

This is followed by
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

This creates the title for the box which is emedded into the box border. You can place anything that you wish to use as the title for the box between the legend tags.

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:
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

This tells us that we are creating a content table to fill the width of the fieldset box, with no border, no cellspacing and no cellpadding. We do not need to use cellspacing or cellpadding as the fieldset has padding included automatically. You will also notice that there is no class specified apart from smallfont. This is because we want it to use the same class as that section of the postbit (usually alt2). The smallfont class is used to ensure that the text remains a set style throughout the template. Finally in this section is the alignment for the content (in this case center). If you wish to have the content left aligned, then just remove this part of the code.

The next thing to be added is the actual content for the cell we have created. In this case we are using
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

to display the postcount.

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
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

to the end of your content.

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
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

You will notice that the rest of the code is identical to that used for ths post count, apart from the conditional, the phrase to use in the legend, and the actual content.



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
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

You will notice that this time we have not included a legend and have left the label next to the details to be posted.

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.
Views: 7854
Reply With Quote
Comments
  #2  
Old 23 Jun 2006, 22:49
Mark.B Mark.B is offline
 
Join Date: Feb 2004
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.
__________________
MARK.B (Member of the vB Support Team)
Reply With Quote
  #3  
Old 21 Aug 2006, 02:14
patrickstar patrickstar is offline
 
Join Date: May 2006
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.
Reply With Quote
  #4  
Old 21 Aug 2006, 02:19
peterska2 peterska2 is offline
 
Join Date: Oct 2003
Real name: Kerry-Anne (really!)
Yes, try putting
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

before the fieldset and
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

after
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

__________________
Kerry-Anne
Previously known as peterska2

My Sites: peterska2.co.uk Super Clickers World News Zone English Football League Popular Usenet Groups
Do NOT PM or email me for Support or Modification Requests - No Exceptions!!
I do NOT do custom requests. Do not ask for them. - No Exceptions!!
Reply With Quote
  #5  
Old 21 Aug 2006, 02:30
patrickstar patrickstar is offline
 
Join Date: May 2006
this is what i had:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

and this is what i tried, using the yahoo as an example:
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.


Last edited by peterska2; 21 Aug 2006 at 02:38. Reason: added code tags
Reply With Quote
  #6  
Old 21 Aug 2006, 02:38
peterska2 peterska2 is offline
 
Join Date: Oct 2003
Real name: Kerry-Anne (really!)

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

That should work
__________________
Kerry-Anne
Previously known as peterska2

My Sites: peterska2.co.uk Super Clickers World News Zone English Football League Popular Usenet Groups
Do NOT PM or email me for Support or Modification Requests - No Exceptions!!
I do NOT do custom requests. Do not ask for them. - No Exceptions!!
Reply With Quote
  #7  
Old 21 Aug 2006, 02:40
patrickstar patrickstar is offline
 
Join Date: May 2006
Originally Posted by peterska2
Yes, try putting
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

before the fieldset and
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

after
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.
work great! thanks alot, i might have had it if i kept playing with it, but im sure you saved me a lot of time, thanks!!

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?

Last edited by patrickstar; 21 Aug 2006 at 02:50. Reason: Automerged Doublepost
Reply With Quote
  #8  
Old 21 Aug 2006, 02:55
peterska2 peterska2 is offline
 
Join Date: Oct 2003
Real name: Kerry-Anne (really!)
You might need to change your template postbit_onlinestatus
__________________
Kerry-Anne
Previously known as peterska2

My Sites: peterska2.co.uk Super Clickers World News Zone English Football League Popular Usenet Groups
Do NOT PM or email me for Support or Modification Requests - No Exceptions!!
I do NOT do custom requests. Do not ask for them. - No Exceptions!!
Reply With Quote
  #9  
Old 21 Aug 2006, 18:57
patrickstar patrickstar is offline
 
Join Date: May 2006
yep, just edited out 'status:' in the template postbit_onlinestatus

thanks for all the help.
Reply With Quote
  #10  
Old 04 Sep 2006, 01:47
Ohiosweetheart Ohiosweetheart is offline
 
Join Date: Dec 2005
Real name: Peggy
is there a way to wrap the entire left side of postbit_legacy... enclose everything... in a fieldset (without legend of course)?

Last edited by Ohiosweetheart; 04 Sep 2006 at 01:51.
Reply With Quote
  #11  
Old 07 Sep 2006, 22:17
Ohiosweetheart Ohiosweetheart is offline
 
Join Date: Dec 2005
Real name: Peggy
I'm bumping this, hoping someone will have an answer?
Reply With Quote
  #12  
Old 23 Sep 2006, 15:50
Ohiosweetheart Ohiosweetheart is offline
 
Join Date: Dec 2005
Real name: Peggy
aaaaaand asking again?
Reply With Quote
  #13  
Old 23 Sep 2006, 19:11
Paul M's Avatar
Paul M Paul M is offline
 
Join Date: Sep 2004
Real name: Paul M
FYI, KA is offliine for a few weeks, so she is not likely to answer you.
__________________
Former vBulletin.org Staff Member


Cable Forum
Please do not PM me about custom work - I no longer undertake any.
Note: I will not answer support questions via e-mail or PM - please use the relevant thread or forum.
Reply With Quote
  #14  
Old 29 Sep 2006, 04:42
Ohiosweetheart Ohiosweetheart is offline
 
Join Date: Dec 2005
Real name: Peggy
Thank you Paul
Reply With Quote
  #15  
Old 18 Oct 2006, 23:16
Ohiosweetheart Ohiosweetheart is offline
 
Join Date: Dec 2005
Real name: Peggy
Ok Kerry-Anne, now that you're back............ please can you guide me here??
Reply With Quote
Reply

Similar Article
Article Author Type Replies Last Post
Profile Enhancements Social Networking Fieldset in User Profile & Postbit ChU v2 vBulletin 3.6 Template Modifications 39 07 Aug 2009 01:03
vb 2.3.x Style PM, Profile, Search and Buddy buttons in Postbit_Legacy utw-Mephisto vBulletin 3.5 Template Modifications 5 05 Oct 2006 09:13



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Article Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 16:11.

Layout Options | Width: Wide Color: