Locked [Tutorial] Modificare UserinfoPane

[Barlap]

Acele detalii se încadrează în userInfoPane, iar ele pot fi modificate atât din Templates, cât și din CSS.

 

 

1. Intrați în Look & Feel > Tema d-voastră > Global Templates > userInfoPane

2. Ștergeți tot ce aveți acolo și introduceți următorul cod:

itemscope itemtype="

This is the hidden content, please

• Sign In
• or
• Sign Up

class='user_details'>
class='hide' itemprop="name">{$author['members_display_name']}

class='basic_info'>
  test="membertitle:|:$author['member_title']">
  

class='desc member_title'>{$author['member_title']}


 
  test="avatar:|:$author['member_id']">
  
• class='avatar'>
      test="canSeeProfiles:|:$this->memberData['g_is_supmod'] OR ( $this->memberData['g_mem_info'] && ! IPSMember::isInactive( $author ) )">
      itemprop="url" href="{parse url="showuser={$author['member_id']}" template="showuser" seotitle="{$author['members_seo_name']}" base="public"}" title="{$this->lang->words['view_profile']}: {$author['members_display_name']}" class='ipsUserPhotoLink'>
     
      test="hasVariable:|:$this->settings['member_topic_avatar_max']">
       itemprop="image" src='{$author['pp_main_photo]}' class='ipsUserPhoto ipsUserPhoto_variable' />
      />
       itemprop="image" src='{$author['pp_thumb_photo]}' class='ipsUserPhoto ipsUserPhoto_large' />
     
      test="canSeeProfiles2:|:$this->memberData['g_is_supmod'] OR ( $this->memberData['g_mem_info'] && ! IPSMember::isInactive( $author ) )">
     
     
    
    />
    
• class='avatar'>
      itemprop="image" src='{$author['pp_thumb_photo]}' class='ipsUserPhoto ipsUserPhoto_large' />
    

 
 
• class='group_title'>
     {$author['_group_formatted']}
   

  test="rankimage:|:$author['member_rank_img']">
  
• class='group_icon'>
     test="rankimageimage:|:$author['member_rank_img_i'] == 'img'">
      src='{$author['member_rank_img]}' alt='' />
     />
      {$author['member_rank_img']}
    
    

 

class="extraUserInfo">
 
       
class="pairsJustified">
 
class='post_count desc lighter'>

Mesaje:
  

   {parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['posts'] ) )"}
 

       



class="pairsJustified">
 
class='post_count desc lighter'>

ID membru:
  

   {$author['member_id']}
 

       




class="pairsJustified">
 
class='post_count desc lighter'>

Înregistrat
  

   {parse date="$author['joined']" format="joined"}
 

       



class="pairsJustified">
 
class='post_count desc lighter'>

Reputaţie
  

   {$author['pp_reputation_points']}
 

       



  test="authorcfields:|:$author['custom_fields'] != """>

            loop="customFieldsOuter:$author['custom_fields'] as $group => $data">
                loop="customFields:$author['custom_fields'][ $group ] as $field">
                    test="$field != ''">
                       

                            {$field}
                       
                   
               
           
   



test="authorwarn:|:$author['show_warn']">
           

                test="$options['wl_id']">
                    src='{$this->settings['img_url']}/warn.png' class='clickable' onclick='warningPopup( this, {$options['wl_id']} )' title='{$this->lang->words['warnings_issued']}' />
               
                class='desc lighter blend_links' href='{parse url="app=members&module=profile&section=warnings&member={$author['member_id]}&from_app={$this->request['app']}&from_id1={$contentid}&from_id2={$options['id2']}" base="public"}' id='warn_link_{$contentid}_{$author['member_id']}' title='{$this->lang->words['warn_view_history']}'>{parse expression="sprintf( $this->lang->words['warn_status'], $author['warn_level'] )"}
           
       



 

3. Intrați în CSS > ipb_styles.css și introduceți la sfârșit următorul cod:

 

.extraUserInfo{
  font-size:11px;
  padding:4px 0px;
}

.pairsJustified {
margin: 2px 0 0;
font-size: 9px;
border-bottom: 1px dashed #000!important;
overflow: hidden;
line-height: 1.5;
}

.pairsJustified dt {
padding-right: 5px;
font-size: 11px!important;
float: left;
text-align: left;
max-width: 100%;
margin-right: 5px;
color: rgb(55, 134, 216);
}

.pairsJustified dd {
float: right;
font-size: 10px!important;
text-align: right;
max-width: 100%;
}

 

4. Ca să vă apară și datele din Custom Profile Fields în userInfoPane, duceți-vă în Members > Custom Profile Fields și în Topic View Format introduceți asta:

 

class="pairsJustified">
 

class='post_count desc lighter'>

{title}
  

{content}