ForumVolt Custom UserInfoPane

Админ Панель-Внешний вид-Ваш стиль-Глобальные-UserInfoPane заменить все на:

<div class='user_details'>    <ul class='basic_info'>    <div id='user_custom_info'>     <if test="authorcfields:|:$author['custom_fields'] != """>        <ul class='custom_fields'>                     <li class='on-of'>                     <if test="$author['_online']">                                <img src='{style_images_url}/fields/online.png' data-tooltip='Online'>                                <else />                                <img src='{style_images_url}/fields/offline.png' data-tooltip='Offline'>                                </if></li>                     <li class='my_content'>                                <a target='blank' href="{parse url="app=core&module=search&do=user_activity&mid={$this->memberData['member_id']}" base="public"}"><img src='{style_images_url}/fields/content.png' data-tooltip='{$this->lang->words['my_content_link']}'></a></li>            <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>    <div>        <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'>                    <img src='{$author['pp_thumb_photo']}' class='ipsUserPhoto ipsUserPhoto_large' />                </a>            </li>        <else />            <li class='avatar'>                <img src='{$author['pp_thumb_photo']}' class='ipsUserPhoto ipsUserPhoto_large' />            </li>        </if>        <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']">                          <div id='user_info'>        <li class='post_count desc lighter'><span><strong>            {parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['posts'] ) )"}</strong></span><br><span class="desc"> {$this->lang->words['m_posts']}</span>        </li>        <li class='member_g'>            <span><strong><span class='ft'>{$this->lang->words['m_group']}</span></strong></span><br>            <span class="desc"><span class='fc'>{$author['_group_formatted']}</span></span>        </li>            <li class='member_j'>                <span><strong><span class='fc'><a href="{parse url="app=core&module=search&do=user_activity&search_app=tutorials&mid={$member_id}" base="public"}" title="{parse format_number="$count"}">{parse format_number="$count"}</a></strong></span><br>                <span class="desc"><span class='fc'>{$this->lang->words['tutorials']}Tutoriales</span></span>            </li>                    </div>        </if>    </ul>            <if test="authorwarn:|:$author['warn_percent'] !== NULL">                <ul>            <li>                <br />                <div class='warn_panel clear rounded ipsType_small'>                        <strong><a href='{parse url="app=core&module=modcp&section=editmember&do=view&mid={$author['member_id']}&_tab=warn" base="public"}' id='warn_link_{$contentid}_{$author['member_id']}' title='{$this->lang->words['warn_view_history']}' class='warn_link'>{$this->lang->words['warn_status']}</a></strong>                    <if test="highwarn:|:$author['warn_percent'] >= 80">                        <p class='progress_bar user_warn limit' title='{$this->lang->words['warn_level']} {$author['warn_percent']}%'>                    <else />                        <p class='progress_bar user_warn' title='{$this->lang->words['warn_level']} {$author['warn_percent']}%'>                    </if>                        <span style='width: {$author['warn_percent']}%'><span>{$this->lang->words['warn_level']} {$author['warn_percent']}%</span></span>                    </p>                </div>            </li>        </ul>    </if></div>

Админ Панель-Внешний вид-Ваш стиль-css-ipb_styles.css добавить у самий ныз:
 

/* CUSTOM PROFILE POSTS */#user_info {}#user_info li{    margin-top:5px;    margin-bottom: 10px;    padding: 0 4px;    float: left;    list-style: none outside none;}#user_info .member_g {    background: #1b1e1c url("{style_images_url}/highlight_reallyfaint.png") repeat-x scroll 0 0;    border-right: 1px solid #282b29;    border-left: 1px solid #161817;    -webkit-transition: all 250ms ease;    -moz-transition: all 250ms ease;    -o-transition: all 250ms ease;    transition: all 250ms ease;}#user_info .member_g:hover{    background: #2c2e2c url("{style_images_url}/highlight_reallyfaint.png") repeat-x scroll 0 0;}#user_info .desc {    color: #515151;    font-size: 10px;}#user_info strong {    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;    color: #ddd;    text-shadow: 0 2px 2px #000;    font-size: 15px;    font-weight: bold;}#user_info .post_count{    background: #1b1e1c url("{style_images_url}/highlight_reallyfaint.png") repeat-x scroll 0 0;    -moz-border-radius: 2px 0 0 2px;    -webkit-border-radius: 2px 0 0 2px;    border-radius: 2px 0 0 2px;    border-right: 1px solid #282b29;    -webkit-transition: all 250ms ease;    -moz-transition: all 250ms ease;    -o-transition: all 250ms ease;    transition: all 250ms ease;}#user_info .post_count:hover {    background: #2c2e2c url("{style_images_url}/highlight_reallyfaint.png") repeat-x scroll 0 0;}#user_info .member_j {    background: #1b1e1c url("{style_images_url}/highlight_reallyfaint.png") repeat-x scroll 0 0;    border-left: 1px solid #161817;    -moz-border-radius: 0 2px 2px 0;    -webkit-border-radius: 0 2px 2px 0;    border-radius: 0 2px 2px 0;    -webkit-transition: all 250ms ease;    -moz-transition: all 250ms ease;    -o-transition: all 250ms ease;    transition: all 250ms ease;}#user_info .member_j:hover {    background: #2c2e2c url("{style_images_url}/highlight_reallyfaint.png") repeat-x scroll 0 0;    color: #fff;}#user_info .member_j a:hover {    color: #fff;}.on-of{    margin-bottom: -7px;}/* CUSTOM PROFILE POSTS END *//************************************************************************//* AUTHOR INFO (& RELATED) STYLES */.column_view{    background: #161616;}.post_wrap{        margin: -6px -6px 1px;}.column_view .post_body{    border-left: 1px solid #2b2b2b;}.author_info {        margin-top: 15px;    width: 165px;    float: left;    font-size: 12px;    text-align: center;    padding: 10px 10px;    line-height: 150%;}        .author_info .group_title {        font-weight: bold;        color: #dddddd;        margin-top: 5px;    }        .author_info .member_title { margin-bottom: 5px; }    .author_info .group_icon { margin-top: 10px; margin-bottom: 7px; }    .custom_fields {        float: left;    color: #bbbbbb;    margin-right: -20px;}.custom_fields img{    margin-bottom: 15px;       -webkit-transition: all 250ms ease;       -moz-transition: all 250ms ease;       -o-transition: all 250ms ease;       transition: all 250ms ease;}.custom_fields img:hover {    opacity: 0.6;}.custom_fields .ft {     color: #aaaaaa;    margin-right: 3px;}.user_controls {    text-align: center;    margin: 6px 0;}    .user_controls li a {        padding: 0 5px;    }/************************************************************************/

Теперь загружаем эти картинки к себе на сервер по пути:

ваш_стиль/fields/если нету такой папки, создайте