ProfIle Setup Template Request

[Former Member]

Not specifically you - anyone who comes to this thread.

[MissNK]

I usually use something like this on the user profiles of my themes. It is one of the first codes I wrote and it could really use a rewrite (it is kinda messy and far from flawless). However, it does work and you are free to use it as a set-up / default. It will need some adjustments / updates per theme and you are free to change it to your likings, as long as you leave my credits intact.

User Profile [Summary] - Template
Replace everything on Themes > Layout Templates > User Profile > Summary with this code
I recommend to place everything between the <style>-tags on the bottom of your style sheet (Themes > Advanced Styles & CSS > Style Sheet)

<!-- User Profile Summary [remodel] by MissNK (Proboards Support Forum) -->

<style>
.personal-status { color: #ff0000; font-family: Times New Roman; font-size: 20px; text-align: center; padding-bottom: 10px; }
.summary { height: 260px; overflow-y: auto; }
</style>

$[form.header]
<table>
<tr>
<td id="center-column">
               <div class="content-box center-col">
                   <table>
                       <tr>
                           <td>
                               <!-- Status -->
                               <div class="personal-status">$[user.personal_text]</div>
                               {if $[can.update_status]}
                              <div class="content-box center-col">
                                    <table>
                                       <tr>
                                            <td class="status-input">
                                                $[form.update.input]
                                          </td>
                                            <td class="status-submit">
                                                $[form.submit.button]
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                               {/if}
                           </td>
                       </tr>
                   </table>
               </div>
               
               <table>
                   <tr>
                       <td width="80%" style="padding-right: 10px;">
                           <div class="content-box center-col" style="margin: 5px 0 10px 0;">
                               <div class="summary">
                           <table>
                               
                               <!-- Personal Info -->
                               
                               <tr>
                                   <td width=30%><b>Personal Info</b></td>
                                   <td width=70%> </td>
                               </tr>

                               {if $[user.custom_title]}
                               <tr>
                                   <td class="headings">Given Rank:</td>
                                   <td>$[user.custom_title]</td>
                               </tr>
                               {/if}
                               
                               {if $[user.birthday]}
                               <tr>
                                   <td class="headings">Birthday:</td>
                                   <td>$[user.birthday]</td>
                               </tr>
                               {/if}

                               {if $[user.age]}
                               <tr>
                                   <td class="headings">Age:</td>
                                   <td>$[user.age]</td>
                               </tr>
                               {/if}

                               {if $[user.gender]}
                               <tr>
                                   <td class="headings">Gender:</td>
                                   <td>$[user.gender.text]</td>
                               </tr>
                               {/if}
                               
                               {if $[user.location]}
                               <tr>
                                   <td class="headings">Location:</td>
                                   <td>$[user.location]</td>
                               </tr>
                               {/if}
                               
                               <tr>
                                   <td> </td>
                                   <td> </td>
                               </tr>

                               <!-- Contact Info -->
                               {if $[user.email] || $[user.website] || $[user.social_exists]}
                               <tr>
                                   <td><b>Contact</b></td>
                                   <td> </td>
                               </tr>
                               
                               {if $[user.email]}
                               <tr>
                                   <td class="headings">Email:</td>
                                   <td>$[user.email]</td>
                               </tr>
                               {/if}

                               {if $[user.website]}
                               <tr>
                                   <td class="headings">Website:</td>
                                   <td>$[user.website]</td>
                               </tr>
                               {/if}

                               {if $[user.social_exists]}
                               <tr>
                                   {if $[user.social_network]}
                                   <td style="vertical-align: top;">
                                       Social Networks:</td>
                                   <td>{foreach $[user.social_network]}
                                       $[user.social_network]<br />
                                       {/foreach}
                                   </td>
                                   {/if}
                               </tr>
                               <tr>
                                   {if $[user.instant_messenger]}
                                   <td style="vertical-align: top;">Instant Messengers:</td>
                                   <td>{foreach $[user.instant_messenger]}
                                       $[user.instant_messenger]<br />
                                       {/foreach}
                                   </td>
                                   {/if}
                               </tr>
                               {/if}
                               <tr>
                                   <td> </td>
                                   <td> </td>
                               </tr>
                               {/if}
                               
                               
                               
                               <!-- Forum Info -->
                               
                               <tr>
                                   <td><b>Forum</b></td>
                                   <td> </td>
                               </tr>                  
                               
                               <tr>
                                   <td class="headings">Registration date:</td>
                                   <td>$[user.registered_on]</td>
                               </tr>

                               <tr>
                                   <td class="headings" style="vertical-align: top;">Total posts:</td>
                                   <td>$[user.posts]<br />
                                       $[recent_posts_link]<br />
                                       $[recent_threads_created_link]
                                   </td>
                               </tr>
                               
                               <!-- Custom Fields -->
                               {if $[user.custom_field]}
                               <tr>
                                   <td> </td>
                                   <td> </td>
                               </tr>
                               
                               <tr>
                                   <td><b>Custom Fields</b></td>
                                   <td> </td>
                               </tr>
                               
                               
                               {foreach $[user.custom_field]}
                               <tr class="$[user.custom_field.content_class]">
<td class="headings" style="vertical-align: top">
$[user.custom_field.name]:
</td>
<td>
$[user.custom_field.value]
</td>
</tr>
{/foreach}
                               
                               {/if}
                               
                               <!-- Other -->
                               {if $[user.warning.bar]}
                               
                               <tr>
                                   <td> </td>
                                   <td> </td>
                               </tr>
                               
                               <tr>
                                   <td><b>Other</b></td>
                                   <td> </td>
                               </tr>
                               
                               {if $[user.warning.bar]}
                               <tr>
                                   <td class="warning-table-td">Warning Level: </td>
                                   <td>$[user.warning.level]%</td></tr>
                               {/if}
                               
                               {/if}
                               
                           
                           </table>                            
                           </div>
                           </div>
                       </td>                        
                       <td>
                           <div>
                           $[user.miniprofile]
                           </div>
                       </td>  
                   </tr>
               </table>
               
               {if $[following] || $[follower]}
               <table>
                   <tr>
                       <td>
                           <div id="following" style="margin:0 5px 10px 0;" class="content-box center-col follow">
                               <div class="title-follow">$[view_following_link]</div>
                               {if $[following]}
                               {foreach $[following]}
                                   <div class="mini-user">
                                       <div class="mini-avatar">
                                           $[following.avatar_medium]
                                       </div>
                                   </div>
                                   {/foreach}
                               {else}
                               <span style="font-size: 10px;">this user is following no-one</span>
                               {/if}

                               
                           </div>
                       </td>
                       
                       <td>
                           <div id="followers" style="margin:0 0 10px 5px;" class="content-box center-col follow">
                               <div class="title-follow">$[view_followers_link]</div>

                               {if $[follower]}
                                   {foreach $[follower]}
                                   <div class="mini-user">
                                       <div class="mini-avatar">
                                           $[follower.avatar_medium]
                                       </div>
                                   </div>
                                   {/foreach}
                               {else}
                               <span style="font-size: 10px;">no-one follows this user</span>
                               {/if}
                           
                           </div>
                       </td>
                   </tr>
               </table>
               {/if}        
               
               {if $[user.signature]}
               <div class="content-box center-col" style="text-align: center;">
                   <span class="title-profile">Signature</span><br />
                   <span class="profile-status">$[user.signature]</span>
               </div>
{/if}
                       
</td>
       </tr>
</table>
$[form.footer]

[Former Member]

MissNK Thank you so much!