Profile Tables and Allignment

[Former Member]

Hello Guys

Im guessing this would be accomplished by uisng Header & Footer codes ... Tell me if im wrong but ...

Im looking for a way to add tables around the mini profile and for everything to be centered 

Thanks
Dave

[Tumbleweed]

May 22, 2015 9:59:39 GMT -8 Dave B said:

Hello Guys

Im guessing this would be accomplished by uisng Header & Footer codes ... Tell me if im wrong but ...

Im looking for a way to add tables around the mini profile and for everything to be centered 

Thanks
Dave

Hi Dave,

Most changes are done via CSS or in the template itself. May I ask what you are trying to accomplish with a table around the mini-profile? It maybe just simple css or something a bit more complicated.

To center everything, add this to the bottom of your style sheet: (Admin>Themes>Advanced Styles & CSS and tab Style Sheet)

/* center mini profile text */
.mini-profile, .mini-profile .info{text-align:center;
}

[Former Member]

May 22, 2015 15:24:52 GMT -8 Tumbleweed said:

May 22, 2015 9:59:39 GMT -8 Dave B said:

Hello Guys

Im guessing this would be accomplished by uisng Header & Footer codes ... Tell me if im wrong but ...

Im looking for a way to add tables around the mini profile and for everything to be centered 

Thanks
Dave

Hi Dave,

Most changes are done via CSS or in the template itself. May I ask what you are trying to accomplish with a table around the mini-profile? It maybe just simple css or something a bit more complicated.

To center everything, add this to the bottom of your style sheet: (Admin>Themes>Advanced Styles & CSS and tab Style Sheet)

/* center mini profile text */
.mini-profile, .mini-profile .info{text-align:center;
}

   Thanks Tumbleweed

   And basically the same as this did for V4 > support.proboards.com/thread/70534
   
   I just want to have tables around the Username, User Rank / Stars then around the avatar section and around all the info below that.

   Thanks 
   Dave

[Tumbleweed]

May 23, 2015 0:38:58 GMT -8 Dave B said:

May 22, 2015 15:24:52 GMT -8 Tumbleweed said:

Hi Dave,

Most changes are done via CSS or in the template itself. May I ask what you are trying to accomplish with a table around the mini-profile? It maybe just simple css or something a bit more complicated.

To center everything, add this to the bottom of your style sheet: (Admin>Themes>Advanced Styles & CSS and tab Style Sheet)

/* center mini profile text */
.mini-profile, .mini-profile .info{text-align:center;
}

   Thanks Tumbleweed

   And basically the same as this did for V4 > support.proboards.com/thread/70534
   
   I just want to have tables around the Username, User Rank / Stars then around the avatar section and around all the info below that.

   Thanks 
   Dave

I don't remember exactly how it looked but something like this?

If so you can replace your mini-profile code with this: Go to: Admin > Themes> Layout Templates>Mini-Profile (Don't worry, if you change your mind you can always set it back to default)

<div class="$[miniprofile_class]">
<table class="my_mp_border">
    <tr>
            <td class="my_mp_border">
   $[user]<br />
{if $[user.is_guest]}Guest<br />{/if}
{if $[user.is_deleted]}<em>Deleted Member</em><br />{/if}
    </td>
         </tr>
        <tr>
            <td class="my_mp_border">
 
{if $[user.group]}  
   $[user.group.name]
      </td>
        </tr>
        <tr>
          <td class="my_mp_border">
      $[user.group.stars]
    {elseif $[user.rank]}
  $[user.rank.name]<br />
{if $[user.rank.stars]}
$[user.rank.stars]<br />
{/if}
{/if}
 
</td>
      </tr>
      <tr>
           <td class="my_mp_border">
{if $[user.custom_title]}$[user.custom_title]<br />{/if}
$[user.warning.bar]
<br />
  </td>
        </tr>
        <tr>
             <td class="my_mp_border">
{if $[user.avatar]}
<div class="avatar">$[user.avatar]</div>
{/if}
    </td>
      </tr>
        <tr>
          <td class="my_mp_border">
{if $[user.personal_text.message]}
$[user.personal_text]
{/if}

{if $[user.is_member]}
<div class="info">
           <b>Posts:</b> $[user.posts]{if $[user.gender]}<span class="float-right">$[user.gender.image]</span>{/if}
           {foreach $[user.mini_custom_field]}
<br /><span class="$[user.mini_custom_field.content_class]"><span style="font-weight:bold;">$[user.mini_custom_field.name]:</span> $[user.mini_custom_field.value]</span>
{/foreach}
{if $[user.is_online]}<br /><span class="italic">Member is Online</span>{/if}
</div><br />
{/if}
{if $[user.badges_miniprofile]}
<div class="$[user.badges_miniprofile_container_class]">
{foreach $[user.badges_miniprofile]}
$[user.badges_miniprofile.icon]
{/foreach}
</div>
{/if}
</td>
        </tr>
    </table>
</div>


and then add this to the bottom of your style sheet: (Admin> Themes> Advanced Styles & CSS>Style sheet

/* adds a border around mini-profile elements in table */

.my_mp_border{border: 1px solid #000000;padding:2px;
}
 

[Former Member]

Thanks Tumbleweed

That's perfect !!

[Tumbleweed]

Glad to here it and by the way, I'm dabbling with your request here:

support.proboards.com/thread/551092/new-board-layout-request

But I haven't gotten very far as you can see here....

putteraroundiv.proboards.com/

...and not sure when I'll be able to work on it again so keep bumping that above thread every 24 hours.

[Former Member]

Thanks Tumbleweed i will