Оформление userinfoPane ipbzona

Вариант №1

Оформляем красиво userinfoPane

Для этого пройдите в ACP - Внешний вид - Ваш стиль - CSS - ipb_styles.css

Найдите:

.custom_fields {
color: #818181;
margin-top: 8px;
}

Добавить ниже:
 

.custom_fields li {
background: #FFFFFF;
padding:4px;
margin-top:2px;
border:1px solid #DDDDDD;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-align:center;
width:100%;
}

Сохранить и любуемся )

Вариант №2

ACP - Внешний вид - Ваш стиль - CSS - ipb_style.css

Найти:

.custom_fields {
        color: #818181;
        margin-top: 8px;
}
.custom_fields .ft {
        color: #505050;
        margin-right: 3px;
}
.custom_fields .fc {
        word-wrap: break-word;
}

.user_controls {
        text-align: center;
        margin: 6px 0;
}
        .user_controls li a {
                display: inline-block;
                background: #f6f6f6;
                background: -moz-linear-gradient(top, #f6f6f6 0%, #e5e5e5 100%); /* firefox */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5)); /* webkit */
                border: 1px solid #dbdbdb;
                -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
                border-radius: 3px;
                padding: 5px;
                color: #616161;
        }

Заменить на:

.custom_fields {
        color: #818181;
        margin-top: 8px;
border-top: 1px solid #efefef;
}
.custom_fields .ft {
        color: #505050;
        margin-right: 3px;
}
.custom_fields .fc {
        word-wrap: break-word;
}
.custom_fields li {
background: #FFFFFF;
border-bottom: 1px solid #efefef;
border-top: 1px solid #fff;
padding: 3px 0;
}

.user_controls {
        text-align: center;
        margin: 6px 0;
}
        .user_controls li a {
                display: inline-block;
                background: #f6f6f6;
                background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%); /* firefox */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5)); /* webkit */
                border: 1px solid #dbdbdb;
                -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
                border-radius: 3px;
                padding: 5px;
                color: #616161;
        }

Чтобы организовать userInfoPane в нормальном порядке нужно:
ACP - Внешний вид - Ваш стиль - Шаблоны - userInfoPane
Найти:

<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>

Скопировать и удалить.
Найти:

<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>

И вставить после, то что вы скопировали и удалили. Или вставьте в нужное вам место.

Кому лень, можете сразу вставить в UserInfoPane этот код:

<div class='user_details'>
<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'>
    <a href="{parse url="showuser={$author['member_id']}" template="showuser" seotitle="{$author['members_seo_name']}" base="public"}" title="{$this->lang->words['view_profile']}" class='ipsUserPhotoLink'>
    <if test="hasVariable:|:$this->settings['member_topic_avatar_max']">
	 <img src='{$author['pp_main_photo']}' class='ipsUserPhoto ipsUserPhoto_variable' />
    <else />
	 <img src='{$author['pp_thumb_photo']}' class='ipsUserPhoto ipsUserPhoto_large' />
    </if>
    </a>
   </li>
  <else />
   <li class='avatar'>
    <img 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="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>
<li><span class='ft'>{$this->lang->words['m_posts']}</span>
<span class='fc'>{parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['posts'] ) )"}</span></li>
<if test="authorwarn:|:$author['show_warn']">
<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>
<li class='mp'> <a href='{parse url="app=members&amp;module=profile&amp;section=warnings&amp;member={$author['member_id']}&amp;from_app={$this->request['app']}&amp;from_id1={$contentid}&amp;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></li>
</if>
  </if>
</ul>
  </ul>
</if>

</div>