vb.org Archive - About me?

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

- vB3 General Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=111)

- - About me? (https://vborg.vbsupport.ru/showthread.php?t=253663)

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

http://iaza.com/work/101115C/iaza1305052759500.jpg

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. :)

Bumping this. Hopefully someone can help me.

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

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

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.

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.

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.

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

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?

This is my css of about me and it's basically the same so this isn't the code you need. I suggest again to search for fieldset.

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;



}

OK, so I do search again, yes but the only thing I get is,

PHP Code:


		
			
        <!-- aboutme -->
<div id="aboutme" class="tborder content_block">
    <h4 class="thead block_title">
        <a href="LINK TO PROFILE /></a>
        <a name="aboutme"></a>

        <span class="block_name">About Me</span>
    </h4>
    <div class="block_content" id="collapseobj_aboutme" style=""><div class="alt1 block_row">

    <div id="simple_aboutme_link"><a rel="nofollow" class="smallfont" href="LINK TO PROFILE">View your "About Me" as seen by everyone else</a></div>


<ul class="list_no_decoration">
<!-- REMOVE block_data[fields] -->
<!-- CUSTOM -->

<!-- USER EXTRA PROFILE FIELD INFORMATION MODIFY THIS CODE -->
<table width="100%" border="0" cellspacing="4" cellpadding="4">
  <tr>
    <td>            
    
    
        <fieldset class="fieldset"><legend><strong>

Note, that is in the MEMBERINFO template. But It doesnt look like anything that arranges my "About Me" tab to look like the one in the photo.

I'd imagine it starts with the HTML comment 
and it looks like it might simply be a table now... or a combo of a table and legend tags, the rest of the code would continue after where you cut it off.

Actually, your right. It does start with 

Heres the full code in the MEMBERINFO template.

PHP Code:


		
			
<!-- aboutme -->
<div id="aboutme" class="tborder content_block">
    <h4 class="thead block_title">
        <a href="http://www.toontowncentral.com/forums/members/tate.html#top" class="collapse_gadget" onclick="return toggle_collapse('aboutme')"><img id="collapseimg_aboutme" src="http://www.toontowncentral.com/forums/images/buttons/collapse_generic.gif" alt="" border="0" /></a>
        <a name="aboutme"></a>

        <span class="block_name">About Me</span>
    </h4>
    <div class="block_content" id="collapseobj_aboutme" style=""><div class="alt1 block_row">

    <div id="simple_aboutme_link"><a rel="nofollow" class="smallfont" href="http://www.toontowncentral.com/forums/member.php?u=127856&amp;tab=aboutme&amp;simple=1">View your "About Me" as seen by everyone else</a></div>


<ul class="list_no_decoration">
<!-- REMOVE block_data[fields] -->
<!-- CUSTOM -->

<!-- USER EXTRA PROFILE FIELD INFORMATION MODIFY THIS CODE -->
<table width="100%" border="0" cellspacing="4" cellpadding="4">
  <tr>
    <td>            
    
    
        <fieldset class="fieldset"><legend><strong>Profile Fields start here

Is that what I can put into my MEMBERINFO template?

No you can't copy and paste the code from an HTML source into a template- you would hard code things that need to be variable.

Why do you say this is the full code of MEMBERINFO- you don't have access to MEMBERINFO just the output from some other site, right? A full MEMBERINFO template looks nothing like that, look at your own...

And once again you cut off what is probably the relevant code below:

Code:

<fieldset class="fieldset"><legend><strong>Profile Fields start here

Yeah, I got that from a source, the pages source.

Would you happen to know the "hard code" that I can do that will arrange my "About me" page to look like that?

Here is the full full code.

PHP Code:


		
			
        <!-- aboutme -->
<div id="aboutme" class="tborder content_block">
    <h4 class="thead block_title">
        <a href="http://www.toontowncentral.com/forums/members/tate.html#top" class="collapse_gadget" onclick="return toggle_collapse('aboutme')"><img id="collapseimg_aboutme" src="http://www.toontowncentral.com/forums/images/buttons/collapse_generic.gif" alt="" border="0" /></a>
        <a name="aboutme"></a>

        <span class="block_name">About Me</span>
    </h4>
    <div class="block_content" id="collapseobj_aboutme" style=""><div class="alt1 block_row">

    <div id="simple_aboutme_link"><a rel="nofollow" class="smallfont" href="http://www.toontowncentral.com/forums/member.php?u=127856&amp;tab=aboutme&amp;simple=1">View your "About Me" as seen by everyone else</a></div>


<ul class="list_no_decoration">
<!-- REMOVE block_data[fields] -->
<!-- CUSTOM -->

<!-- USER EXTRA PROFILE FIELD INFORMATION MODIFY THIS CODE -->
<table width="100%" border="0" cellspacing="4" cellpadding="4">
  <tr>
    <td>            
    
    
        <fieldset class="fieldset"><legend><strong>First Toon: <b>Crazy Beaniegrooven</b> (Open)</strong></legend>
              <b>Toon Name:</b> Crazy Beaniegrooven <br />
              <b>Toon Type:</b> Dog <br />

              <b>Toon laff points:</b> 126 <br />
              <b>Working Task Area:</b> Bossbot HQ <br />
              <b>Gag Tracks:</b><br />
              
              
              <!-- Toonup images -->
              
              
              
              
              
              
              
                          

              <!-- Trap images -->

              
              
              
              
              
              
              
              
               <img src="/forums/images/profile/gags/trap7.jpg" width="18" height="18">
              
              <!-- Lure images -->
              
              
              
              
              
              
              
              
               <img src="/forums/images/profile/gags/lure7.jpg" width="18" height="18">

              <!-- Sound images -->
              
              
              
              
              
              
              
              
               <img src="/forums/images/profile/gags/sound7.jpg" width="18" height="18">
              
              <!-- Throw images -->
              
              
              
              
              
              
               <img src="/forums/images/profile/gags/throw7.jpg" width="18" height="18">
              
              <!-- Squirt images -->

              
              
              
              
              
              
               <img src="/forums/images/profile/gags/squirt7.jpg" width="18" height="18">

              <!-- Drop images -->
              
              
              
              
              
              
              
              
               <img src="/forums/images/profile/gags/drop7.jpg" width="18" height="18">

           
              
              <br />
              <b>Sellbot Cog Suit:</b> Mr. Hollywood (Maxed) <br />
              <b>Cashbot Cog Suit:</b> Robber Baron (Maxed) <br />

              <b>Lawbot Cog Suit:</b> Bigwig (Maxed) <br />
              <b>Bossbot Cog Suit:</b> Big Cheese <br />
              <b>Fish Species Caught:</b> 57 <br />
              <b>Current Rod:</b> Gold <br />

              <b>Doodle Name:</b> N/A <br />
              <b>Kart Type:</b> Roadster<br />
              <b>Flower Varieties Collected:</b> 35<br />
              <b>Shovel Type:</b> Gold Shovel<br />

              <b>Watering Can Size:</b> Huge Watering Can<br />
                          <b>Racing Trophies Won:</b> 22<br />
<b>Golf Trophies Won:</b> 13<br />
              </fieldset><br /></td>
    <td>            
    
    <fieldset class="fieldset"><legend><strong>Second Toon: <b>Crazy Beaniegrooven</b> (Test)</strong></legend>

            
              <b>Toon Name:</b> Crazy Beaniegrooven <br />
              <b>Toon Type:</b> Dog <br />
              <b>Toon laff points:</b> 15 <br />
              <b>Working Task Area:</b> Toontown Central <br />

              <b>Gag Tracks:</b><br />
              
              
              <!-- Toonup images -->
               <img src="/forums/images/profile/gags/blank_gag.jpg" width="18" height="18">
              
              
              
              
              
              
              

              <!-- Trap images -->
               <img src="/forums/images/profile/gags/blank_gag.jpg" width="18" height="18">
              
              
              
              
              
              
              
              
              
              <!-- Lure images -->
               <img src="/forums/images/profile/gags/blank_gag.jpg" width="18" height="18">
              
              
              
              
              
              
              
              

              <!-- Sound images -->

               <img src="/forums/images/profile/gags/blank_gag.jpg" width="18" height="18">
              
              
              
              
              
              
              
              
              
              <!-- Throw images -->
               <img src="/forums/images/profile/gags/throw1.jpg" width="18" height="18">
              
              
              
              
              
              
              
              <!-- Squirt images -->
               <img src="/forums/images/profile/gags/squirt1.jpg" width="18" height="18">
              
              
              
              
              
              

              <!-- Drop images -->
               <img src="/forums/images/profile/gags/blank_gag.jpg" width="18" height="18">
              
              
              
              
              
              
              
              
           
              
              <br />
              <b>Sellbot Cog Suit:</b> None <br />

              <b>Cashbot Cog Suit:</b> None <br />
              <b>Lawbot Cog Suit:</b> None <br />
              <b>Bossbot Cog Suit:</b> None <br />
              <b>Fish Species Caught:</b> 0 <br />

              <b>Current Rod:</b> None <br />
              <b>Doodle Name:</b> N/A <br />
              <b>Kart Type:</b> Cruiser<br />
              <b>Flower Varieties Collected:</b> <br />

              <b>Shovel Type:</b> Tin Shovel<br />
              <b>Watering Can Size:</b> Small Watering Can<br />
                          <b>Racing Trophies Won:</b> <br />
<b>Golf Trophies Won:</b> <br />

              </fieldset><br /></td>
  </tr>
</table>
<dt class="shade">Additional Toons:</dt>
<dd></dd>

<dl class="list_no_decoration profilefield_list">
<dt class="shade">Favorite ToonTown Activity:</dt>
<dd>Training my Doodles</dd>
<dt class="shade">Favorite Forum Activity:</dt>
<dd>Being involved with my clan</dd>

<dt class="shade">Location:</dt>
<dd>The Estate</dd>
</dl>
</li>
    
        <li class="profilefield_category">
            Signature
            <dl class="list_no_decoration profilefield_list"><dd id="signature"><div align="center"><img src="http://iaza.com/work/110102C/iaza19844469378000.png" border="0" alt="" /><img src="http://iaza.com/work/110102C/iaza19844417875300.png" border="0" alt="" /></div><div align="center"><u><b><a href="http://www.toontowncentral.com/forums/doodle-improvements-guild/" target="_blank"><font color="Red">Doodle Improvements Guild</font></a>&#9474;</b></u><u><a href="http://www.toontowncentral.com/forums/payments.php" target="_blank"><font color="Blue"><b>Donate to TTC│</b></font></a><a rel="nofollow" href="http://www.toontowncentral.com/forums/private.php?do=newpm" target="_blank"><font color="Blue"><b><font color="Green">PM ME</font></b></font></a><br />
</u></div></dd></dl>
        </li>

    
<!-- /CUSTOM -->
</ul>
</div></div>
</div>
<!-- / aboutme -->

Well, at least when I get it from the source.

OK, I can see this code is in a table, with 2 cells, next to each other... the basic HTML of the table is:

HTML Code:

<table>

  <tr>

     <td>

     CELL 1 STUFF

     </td>

      <td>

     CELL 2 STUFF

      </td>

   </tr>

</table>

And the code they are using for CELL 1 in your example is:

HTML Code:

 <fieldset class="fieldset"><legend><strong>First Toon: <b>Crazy Beaniegrooven</b> (Open)</strong></legend>

              <b>Toon Name:</b> Crazy Beaniegrooven <br />

              <b>Toon Type:</b> Dog <br />



              <b>Toon laff points:</b> 126 <br />

              <b>Working Task Area:</b> Bossbot HQ <br />

              <b>Gag Tracks:</b><br />

                

              <!-- Toonup images -->



              <!-- Trap images -->

              

               <img src="/forums/images/profile/gags/trap7.jpg" width="18" height="18">

              

              <!-- Lure images -->



               <img src="/forums/images/profile/gags/lure7.jpg" width="18" height="18">



              <!-- Sound images -->



               <img src="/forums/images/profile/gags/sound7.jpg" width="18" height="18">

              

              <!-- Throw images -->



               <img src="/forums/images/profile/gags/throw7.jpg" width="18" height="18">

              

              <!-- Squirt images -->



            <img src="/forums/images/profile/gags/squirt7.jpg" width="18" height="18">



              <!-- Drop images -->

              

               <img src="/forums/images/profile/gags/drop7.jpg" width="18" height="18">

             

              <br />

              <b>Sellbot Cog Suit:</b> Mr. Hollywood (Maxed) <br />

              <b>Cashbot Cog Suit:</b> Robber Baron (Maxed) <br />



              <b>Lawbot Cog Suit:</b> Bigwig (Maxed) <br />

              <b>Bossbot Cog Suit:</b> Big Cheese <br />

              <b>Fish Species Caught:</b> 57 <br />

              <b>Current Rod:</b> Gold <br />



              <b>Doodle Name:</b> N/A <br />

              <b>Kart Type:</b> Roadster<br />

              <b>Flower Varieties Collected:</b> 35<br />

              <b>Shovel Type:</b> Gold Shovel<br />



              <b>Watering Can Size:</b> Huge Watering Can<br />

                          <b>Racing Trophies Won:</b> 22<br />

<b>Golf Trophies Won:</b> 13<br />

              </fieldset><br /></td>

    <td>

So basically it looks like they have some special code to add a series of images, if those images are set somewhere for this user.

Under that it looks like pretty basic HTML...

But back to the original question, it looks like you can do this by adding <legend> html tags around your profile fields, maybe use the table to break them into two cells.

And where can I access the profile fields? In the MEMBERINFO template? In the memberinfo_aboutme template? Or in some other template,

So I can add the <legend> tag. Of course, I will be doing this on my TEST site.

The template to edit should be: memberinfo_block_aboutme.

OK, so here is my coding so far in the memberinfo_block_aboutme template.

PHP Code:


		
			
<div class="alt1 block_row">
<if condition="$show['simple_link']">
    <div id="simple_aboutme_link"><a class="smallfont" href="member.php?$session[sessionurl]u=$bbuserinfo[userid]&amp;tab=aboutme&amp;simple=1">$vbphrase[view_your_about_me]</a></div>
</if>
<if condition="$show['edit_link']">
    <div id="simple_aboutme_link"><a class="smallfont" href="member.php?$session[sessionurl]u=$bbuserinfo[userid]&amp;tab=aboutme">$vbphrase[edit_your_about_me]</a></div>
</if>
<ul class="list_no_decoration">
<!-- CUSTOM -->
<!-- USER EXTRA PROFILE FIELD INFORMATION MODIFY THIS CODE -->
<table width="100%" border="0" cellspacing="4" cellpadding="4">
  <tr>
    <td>          
    
        <fieldset class="fieldset"><legend><strong>$block_data[fields]</td>
   </tr>
</table>
    <if condition="$prepared['signature']">
        <li class="profilefield_category">
            $vbphrase[signature]
            <dl class="list_no_decoration profilefield_list"><dd id="signature">$prepared[signature]</dd></dl>
        </li>
    </if>
</ul>
</div>

The most to look at is where it says < -- CUSTOM -->

Do I remove the $block_data[fields]? Here is my screenshot of the AboutMe page on my TEST site.

http://iaza.com/work/110131C/iaza11138261428800.png

If you're not interested in the Bio/Interests/Location/etc... then yes remove $block_data[fields].

It would probably help if you posted an image of what you have now (you posted that above) and what you want it to look like.

I want my "About Me" tab to look like the image I posted on the OP.

@Bird0Prey, I removed the $block_data[fields] and it showed no profile fields. I want one table to show "Toon 1" and all the stuff below that, and another table to show "Toon 2" and all the info under toon 2.

And where do these First Toon and Second Toon items come from? what is your code to spit them out?

That was my question all along, How can I make them split into 2 tables?

That's not what I am asking. Where are you getting the information to *fill* those two tables? What are they? Oh wait, I think I was confused cuz I didn't see Toon 2 in your image, but I'll assume it is under there already.

Yes, it's under there,

Would you happen to kow a code to split toon 1 and toon 2 into tables like the image on the OP?

Are those really 36 separate profile fields though or does the info come from a mod?

36... separate... profile... fields...

Wow that's crazy... I really don't know how exactly you'd do it, my guess would be some plugins are needed on one or more of the member_profileblock_ hooks and template edits as well.

Nevermind. I got it, had alot of coding in the memberinfo_block_aboutme template.

Thanks for the help! :)

This may be closed.

This might be what you are looking for: http://www.vbulletin.com/forum/showt...postbit_legacy

Phrase Groups Available:

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