Мануал По Замене "userInfoPane"

[Copyright]

Картинка как все Должно Получиться Клац Клац

1 Делам Мы Сохраняем Свой "userInfoPane" Код

2.Установка

Внешний вид > Управление стилями и шаблонами > Управление шаблонами в "Ваш Шаблон" > userInfoPane
Заменяем все на

 <div class='horizontalAvatar left'>

    <if test="avatar:|:$author['member_id']">
            <if test="canSeeProfiles:|:$this->memberData['g_is_supmod'] OR ( $this->memberData['g_mem_info'] && ! IPSMember::isInactive( $author ) )">
            <a 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'>
            </if>
            <if test="hasVariable:|:$this->settings['member_topic_avatar_max']"> 
                <img itemprop="image" src='{$author['pp_main_photo']}' class='ipsUserPhoto ipsUserPhoto_variable' />
            <else />
                <img itemprop="image" src='{$author['pp_thumb_photo']}' class='ipsUserPhoto ipsUserPhoto_large' />
            </if>
            <if test="canSeeProfiles2:|:$this->memberData['g_is_supmod'] OR ( $this->memberData['g_mem_info'] && ! IPSMember::isInactive( $author ) )">
            </a>
            </if>
    <else />
            <img itemprop="image" src='{$author['pp_thumb_photo']}' class='ipsUserPhoto ipsUserPhoto_large' />
    </if>
    
    </div>
    
    <div class='horizontalUserInfo'>

 <div class='horizontalUsername'>
       
        <if test="$author['member_id']">
            <span itemprop="creator name" class="author vcard">{parse template="userHoverCard" group="global" params="$author"}</span>
        <else />
            {$author['members_display_name']}
        </if>
    
    </div>

    <ul class='horizontalInfoList' style='width: 140px;'>
     <li class='group_title'>
   {$author['_group_formatted']}
  </li>
        <if test="postCount:|:$author['member_id']">
  <li class='post_count desc lighter'>
   {parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['posts'] ) )"} {$this->lang->words['m_posts']}
  </li>
  </if>
    </ul>
    
    <ul class='horizontalInfoList' style='width: 140px;'>
  <if test="rankimage:|:$author['member_rank_img']">
   <li class='group_icon'>
   <if test="rankimageimage:|:$author['member_rank_img_i'] == 'img'">
    <img src='{$author['member_rank_img']}' alt='' />
   <else />
    {$author['member_rank_img']}
   </if>
   </li>
  </if>
        <if test="membertitle:|:$author['member_title']">
   <li>{$author['member_title']}</li>
  </if>
  <if test="authorwarn:|:$author['show_warn']">
   <li>
    <if test="hasWarningId:|:$options['wl_id']">
     <img src='{$this->settings['img_url']}/warn.png' class='clickable' onclick='warningPopup( this, {$options['wl_id']} )' title='{$this->lang->words['warnings_issued']}' />
    </if>
    <a 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'] )"}</a>
   </li>
  </if>
 </ul>
 
 <if test="authorcfields:|:$author['custom_fields'] != """>
  <ul class='horizontalInfoList custom_fields'>
   <foreach loop="customFieldsOuter:$author['custom_fields'] as $group => $data">
    <foreach loop="customFields:$author['custom_fields'][ $group ] as $field">
     <if test="$field != ''">
      <li>
       {$field}
      </li>
     </if>
    </foreach>
   </foreach>
  </ul>
 </if>
    
    <ul class='horizontalInfoList' style='float: right; width: 190px;'>
     <li><if test="$author['_online']"><img src="{style_images_url}/post_online.png" alt="" class='post_online' data-tooltip="Online" /><else /><img src="{style_images_url}/post_offline.png" alt="" class='post_online' data-tooltip="Offline" /></if> Last active: {$author['_last_active']}</li>
  <li style='padding-left: 15px;'>Joined: {parse date="$author['joined']" format="DATE"}</li>
    </ul>
    
    </div>

<else />

<span class='hide' itemprop="name">{$author['members_display_name']}</span>

 <ul class='basic_info'>
  <if test="membertitle:|:$author['member_title']">
   <p class='desc member_title'>{$author['member_title']}</p>
  </if>
  <if test="avatar:|:$author['member_id']">
   <li class='avatar'>
    <if test="canSeeProfiles:|:$this->memberData['g_is_supmod'] OR ( $this->memberData['g_mem_info'] && ! IPSMember::isInactive( $author ) )">
    <a 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'>
    </if>
    <if test="hasVariable:|:$this->settings['member_topic_avatar_max']"> 
     <img itemprop="image" src='{$author['pp_main_photo']}' class='ipsUserPhoto ipsUserPhoto_variable' />
    <else />
     <img itemprop="image" src='{$author['pp_thumb_photo']}' class='ipsUserPhoto ipsUserPhoto_large' />
    </if>
    <if test="canSeeProfiles2:|:$this->memberData['g_is_supmod'] OR ( $this->memberData['g_mem_info'] && ! IPSMember::isInactive( $author ) )">
    </a>
    </if>
   </li>
  <else />
   <li class='avatar'>
    <img itemprop="image" src='{$author['pp_thumb_photo']}' class='ipsUserPhoto ipsUserPhoto_large' />
   </li>
  </if>
  <li class='group_title'>
   {$author['_group_formatted']}
  </li>
  <if test="rankimage:|:$author['member_rank_img']">
   <li class='group_icon'>
   <if test="rankimageimage:|:$author['member_rank_img_i'] == 'img'">
    <img src='{$author['member_rank_img']}' alt='' />
   <else />
    {$author['member_rank_img']}
   </if>
   </li>
  </if>
  <if test="postCount:|:$author['member_id']">
  <li class='post_count desc lighter'>
   {parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['posts'] ) )"} {$this->lang->words['m_posts']}
  </li>
  </if>
  <if test="authorwarn:|:$author['show_warn']">
   <li>
    <if test="$options['wl_id']">
     <img src='{$this->settings['img_url']}/warn.png' class='clickable' onclick='warningPopup( this, {$options['wl_id']} )' title='{$this->lang->words['warnings_issued']}' />
    </if>
    <a 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'] )"}</a>
   </li>
  </if>
 </ul>
 
 <if test="authorcfields:|:$author['custom_fields'] != """>
  <ul class='custom_fields'>
   <foreach loop="customFieldsOuter:$author['custom_fields'] as $group => $data">
    <foreach loop="customFields:$author['custom_fields'][ $group ] as $field">
     <if test="$field != ''">
      <li>
       {$field}
      </li>
     </if>
    </foreach>
   </foreach>
  </ul>
 </if>

</if>
 
</div>

2 Этап Установки.
Внешний вид > Управление стилями и шаблонами > Управление шаблонами в "Ваш Шаблон" > CSS Там на надо "ipb_styles.css" нашли.
Теперь Ищем ".custom_fields li" С помочи Клавиш "Сtrl+F" Нашли, Пример

.custom_fields li { 
background #FFFF00;  // фон рамки можете на свой цвет менять 
padding:4px; 
margin-top:2px; 
border:1px solid #5da130; // обводка рамки. 
border-radius: 2px; 
-webkit-border-radius: 4px; 
-moz-border-radius: 3px; 
text-align:center; 
width:100%;

Заменяем на это

.custom_fields li { 
background #FFFF00;  // фон рамки можете на свой цвет менять 
padding:4px; 
margin-top:2px; 
border:1px solid #5da130; // обводка рамки. 
border-radius: 5px; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
text-align:center; 
width:100%; 
}