Userinfopane 3.3x.

[Only registered and activated users can see links. Click Here To Register...]

1° Vamos começar pelo userInfoPane, não vou explicar passo a passo como deixar pois as alterações foram mínimas,

A ) ACP >> Look & Feel >> Manage Skin Sets & Templates >> baisik >>userInfoPane

B ) Procure por:

Código HTML:

---

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

---

Acima disso apague tudo e substitua por:

Código HTML:

---

<div itemscope itemtype="http://schema.org/Person" class='user_details'>
        <span class='hide' itemprop="name">{$author['members_display_name']}</span>
        <ul class='basic_info'>
                <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>
                <if test="membertitle:|:$author['member_title']">
                        <p class='desc member_title'>{$author['member_title']}</p>
                </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>
                <li class='group_title'>
                        {$author['_group_formatted']}
                </li>
                <if test="postCount:|:$author['member_id']">
                <li class='post_count desc lighter'>
                        <b>Posts:</b> {parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['posts'] ) )"}
                </li>
                </if>

---

2° Agora vamos ao CSS:

A ) ACP >> Look & Feel >> Manage SKin Sets & Templates >> baisik >> CSS >> ipb_styles.css

B ) Procure por:

Código HTML:

---

.author_info {

---

Apague até uma linha antes de:

Código HTML:

---

.custom_fields .ft {

---

E substitua por:

Código HTML:

---

.author_info {
        width: 175px;
        float: left;
        font-size: 12px;
        text-align: center;
        padding: 10px 0px;
        line-height: 150%;
}
       
        .author_info .group_title {
                color: #5a5a5a;
                margin-top: 5px;
                border-bottom: 1px solid rgb(233, 233, 233);
                border-top: 1px solid rgb(233, 233, 233);
        }
       
        .author_info .member_title { margin-bottom: 5px; word-wrap: break-word; }
        .author_info .group_icon { margin-bottom: 3px; }
        .user_details {width:175px;}

.custom_fields {
        color: #818181;
        margin-top: 8px;
        border-bottom: 1px solid rgb(233, 233, 233);       
}

---

3° Pronto! Se você seguiu corretamente o tutorial seu perfil deverá aparecer assim:

[Only registered and activated users can see links. Click Here To Register...]

Obs.: É de extrema importância que faça backup antes de modificar seus arquivos.

Versão compatível: 3.3x.

Fonte: GGames Créditos: Matthy.™