About me?

[Tasking Mickey]

On this site, In the "About Me" tab. I see boxes surrounding the profile field.




How can it be created? And if it's a modification. Does anyone know what the modification is called? So I can download it?

Or even if it's a template edit. I need to know what it is.

[Tasking Mickey]

Bumping this.

[Tasking Mickey]

Bumping this. Hopefully someone can help me.

[BirdOPrey5]

Likely done by custom edits to the template and the boxes are probably <legend> tags... you can view source to confirm but here is more info on using <legend>: http://www.htmlcodetutorial.com/forms/_LEGEND.html

[Tasking Mickey]

Would you happen to know what custom edit I should do to arrange them like that?

[Lynne]

As Joe said, go take a look at the page source on that site to see what they did. It's probably a <legend> tag.

[Tasking Mickey]

Well, when I take a look at the page source, anything I really see with the profile legends is

PHP Code:

<fieldset class="fieldset"><legend><strong> 


Then the profile fields begin. But I see nothing that arranges it into 2 boxes like in the picture.

[Lynne]

I have no idea what those boxes contain, but I'm guessing the CSS is written such that each takes up 50% of the width. It is impossible to figure out CSS from an image. You will need to use something like firebug to see what they are doing there.

[BirdOPrey5]

Look for fieldset in the CSS code, that will likely have the code they used to create what they did.

[Tasking Mickey]

OK, so I did view the source, and I did find the "About me Tab" in the CSS and got this.

PHP Code:

* About Me Tab
*/
#aboutme li.profilefield_category {
    font-weight:bold;
    margin-top:6px;
}
#aboutme dl.profilefield_list {
    font-weight:normal;
    margin:6px 16px 0px 16px;
}
#aboutme dl.profilefield_list dd {
    margin-bottom:6px;
    margin-left:0px;
}
#aboutme #signature {
    width:100%;
    overflow:auto;
}
#aboutme #simple_aboutme_link {
    text-align: right;
    display: block;
} 


That being said, how can I edit my css code? For the About Me tab?