Jump to content

Modificare Stil Afisare Custom Profile Fields Ipb

Snk Love

By Snk Love
in IP.Board 3.x

 Share

Recommended Posts

Snk Love Collaborator

Snk Love

Posted
Posted

Cum fac ca liniile: Stare, Jucator cs, Joc Preferat si Detinator server sa fie ca cele de la posturi: reputatie etc. ( daca este nevoie ofer datele din userprofilepane):

 

jpOGSxG.png

 

Cum fac ca textele gradelor sa fie o bara groasa? adica ca in poza de mai jos:

 

39u2iBl.png

Kennzo Mentor

Kennzo

Posted
Posted 

AdminCP > Members > Custom Profile Fields

de acolo adaugi .. folosind codurile din userinfopane.. :)

+ pentru acele bari .. e ceva de munca la ele! :)

Snk Love Collaborator

Snk Love

Posted
  • Author
Posted (edited) 

AdminCP > Members > Custom Profile Fields
de acolo adaugi .. folosind codurile din userinfopane.. :)

+ pentru acele bari .. e ceva de munca la ele! :)

 

 frate, sunt adaugate dar de modificat in acp la tema la UserprofilePane ma intereseaza -_-  

 

1. Posteaza ce ai in userInfoPane, intre CODE si SPOILER


<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="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>
<div class="extraUserInfo">


        <dl class="pairsJustified">
  <li class='post_count desc lighter'>
<dt>Mesaje:</dt>
   <dd>
   {parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['posts'] ) )"}</dd>
  </li>
        </dl>


<dl class="pairsJustified">
  <li class='post_count desc lighter'>
<dt>ID membru:</dt>
   <dd>
   {$author['member_id']}</dd>
  </li>
        </dl>




<dl class="pairsJustified">
  <li class='post_count desc lighter'>
<dt>Înregistrat</dt>
   <dd>
   {parse date="$author['joined']" format="joined"}</dd>
  </li>
        </dl>


<dl class="pairsJustified">
  <li class='post_count desc lighter'>
<dt>Reputaţie</dt>
   <dd>
   {$author['pp_reputation_points']}</dd>
  </li>
        </dl>




  <if test="authorcfields:|:$author['custom_fields'] != """><ul>
            <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 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&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>
        </if>








</div>




</div>

 

iar   patratul mare cu reputatie sa fie primul

Edited by gaby
spoiler
  • Moderators
Courage Grand Master

Courage

Posted
  • Moderators
Posted

 

 frate, sunt adaugate dar de modificat in acp la tema la UserprofilePane ma intereseaza -_-  

 

-_- nu din user info pane se adauga dorele.

 

AdminCP > Members > Custom Profile Fields > modifica fiecare field care e afisat in user info pane:

 

La Topic View Format? schimbi cu

<dl class="pairsJustified">
  <li class='post_count desc lighter'>
<dt>{title}:</dt>
   <dd>
   {content}</dd>
  </li>
        </dl>
  • Upvote 1
Snk Love Collaborator

Snk Love

Posted
  • Author
Posted

1. unde gasesc topic view format ala?
2. nu ati inteles nimic  vreau  textele Jucator cs Joc preferat Detinator server sa fie ca  Mesaje  Id membru  Inregistrat si  Reputatie 
mesaje id membru  etc. arata asa de la user profile pane . -_- si vreau ca  textele jucator cs etc. adaugate din 
Custom Profile Field Management
jpOGSxG.png

  • 1 year later...
win4mind.# Contributor

win4mind.#

Posted
Posted (edited)
On 8/27/2014 at 5:22 PM, Snk Love said:

Cum fac ca textele gradelor sa fie o bara groasa? adica ca in poza de mai jos:

 

39u2iBl.png

Adauga in UserInfoPane :

 

Spoiler

 

<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="membertitle:|:$author['member_title']">
  </if>
<ul class="ribbon" style='margin-top:-5px;'>
                                <li class="ribbon2" style="background: #323232;">
                                        <div class="Rleft" style="background: #323232;"></div>
                                        <div class="Rright" style="background: #323232;"></div>
                                    <span style="color:#fff;<if test="$author['member_id']==4">color:red;font-weight:bold;</if><if test="$author['member_id']==37 ">color:#2B8AF1;font-weight:bold;</if>">{$author['member_title']}</span>
                                </li>
</ul>
        <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'>
            <if test="$author['g_id']== 4">
<ul class="ribbon">
                                <li class="ribbon2" style="background: red;">
                                        <div class="Rleft" style="background: red;"></div>
                                        <div class="Rright" style="background: red;"></div>
                                   <span style="color: #D92393;"><span style="color:#fff;">{$author['g_title']}</span></span>
                                </li>
 </ul>
 </if>
<if test="$author['g_id']== 5">
<ul class="ribbon">
                                <li class="ribbon2" style="background: #101010;">
                                        <div class="Rleft" style="background: #101010;"></div>
                                        <div class="Rright" style="background: #101010;"></div>
                                 <span style="color:#fff;">{$author['g_title']}</span>
                                </li>
 </ul>
 </if>
<if test="$author['g_id']== 416">
<ul class="ribbon">
                                <li class="ribbon2" style="background: #2F9D8C;">
                                        <div class="Rleft" style="background: #2F9D8C;"></div>
                                        <div class="Rright" style="background: #2F9D8C;"></div>
                                   <span style="color:#fff;">{$author['g_title']}</span>
                                </li>
 </ul>
 </if>
 <if test="$author['g_id']== 8">
<ul class="ribbon">
                                <li class="ribbon2" style="background: #FF0066;">
                                        <div class="Rleft" style="background: #FF0066;"></div>
                                        <div class="Rright" style="background: #FF0066;"></div>
                                   <span style="color:#fff;">{$author['g_title']}</span>
                                </li>
 </ul>
 </if>
  <if test="$author['g_id']== 413">
<ul class="ribbon">
                                <li class="ribbon2" style="background: #FF82C9;">
                                        <div class="Rleft" style="background: #FF82C9;"></div>
                                        <div class="Rright" style="background: #FF82C9;"></div>
                                   <span style="color:#fff;">{$author['g_title']}</span>
                                </li>
 </ul>
 </if>
   <if test="$author['g_id']== 10">
<ul class="ribbon">
                                <li class="ribbon2" style="background: #3399FF;">
                                        <div class="Rleft" style="background: #3399FF;"></div>
                                        <div class="Rright" style="background: #3399FF;"></div>
                                   <span style="color:#fff;">{$author['g_title']}</span>
                                </li>
 </ul>
 </if>
    <if test="$author['g_id']== 11">
<ul class="ribbon">
                                <li class="ribbon2" style="background: #CCFF00;">
                                        <div class="Rleft" style="background: #CCFF00;"></div>
                                        <div class="Rright" style="background: #CCFF00;"></div>
                                   <span style="color:#fff;">{$author['g_title']}</span>
                                </li>
 </ul>
 </if>    
 <if test="$author['g_id']== 419">
<ul class="ribbon">
                                <li class="ribbon2" style="background: #FF631B;">
                                        <div class="Rleft" style="background: #FF631B;"></div>
                                        <div class="Rright" style="background: #FF631B;"></div>
                                   <span style="color:#fff;">{$author['g_title']}</span>
                                </li>
 </ul>
 </if>
 <if test="$author['g_id']== 415">
<ul class="ribbon">
                                <li class="ribbon2" style="background: #C42E54;">
                                        <div class="Rleft" style="background: #C42E54;"></div>
                                        <div class="Rright" style="background: #C42E54;"></div>
                                   <span style="color:#fff;">{$author['g_title']}</span>
                                </li>
 </ul>
 </if>
 <if test="$author['g_id']== 3">
<ul class="ribbon">
                                <li class="ribbon2" style="background: #808080;">
                                        <div class="Rleft" style="background: #808080;"></div>
                                        <div class="Rright" style="background: #808080;"></div>
                                   <span style="color:#fff;">{$author['g_title']}</span>
                                </li>
 </ul>
 </if>
<if test="$author['g_id']== 6">
<ul class="ribbon">
                                <li class="ribbon2" style="background: #32CD32;">
                                        <div class="Rleft" style="background: #32CD32;"></div>
                                        <div class="Rright" style="background: #32CD32;"></div>
                                   <span style="color:#fff;">{$author['g_title']}</span>
                                </li>
 </ul>
 </if>
<if test="$author['g_id']== 7">
<ul class="ribbon">
                                <li class="ribbon2" style="background: #FF9900;">
                                        <div class="Rleft" style="background: #FF9900;"></div>
                                        <div class="Rright" style="background: #FF9900;"></div>
                                   <span style="color:#fff;">{$author['g_title']}</span>
                                </li>
 </ul>
 </if>
<if test="$author['g_id']== 420">
<ul class="ribbon">
                                <li class="ribbon2" style="background: #20B2AA;">
                                        <div class="Rleft" style="background: #20B2AA;"></div>
                                        <div class="Rright" style="background: #20B2AA;"></div>
                                   <span style="color:#fff;">{$author['g_title']}</span>
                                </li>
 </ul>
 </if>
<if test="$author['g_id']== 2">
<ul class="ribbon">
                                <li class="ribbon2" style="background: #FFFFFF;">
                                        <div class="Rleft" style="background: #FFFFFF;"></div>
                                        <div class="Rright" style="background: #FFFFFF;"></div>
                                   <span style="color:#fff;">{$author['g_title']}</span>
                                </li>
 </ul>
 </if>
 </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']"> <div class="extraUserInfo">
<dl class="pairsJustified">
<li class='post_count desc lighter'>
<dt>Mesaje:</dt>
<dd>{parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['posts'] ) )"}</dd>
  </li>
   </dl>
</div></if>
<php>$topics=ipsRegistry::DB()->buildAndFetch(array('select'=>'count(*) as topics','from'=>'topics','where'=>"starter_id=".$author['member_id']));</php>
                <dl class="pairsJustified">
                         <dt><!-- {$this->lang->words['t_topics']} -->Topicuri:</dt>
                         <dd>{$topics['topics']}</dd>
                         </dl>

<dl class="pairsJustified">
<li class='post_count desc lighter'>
<dt>Reputaţie:</dt>
   <dd>{$author['pp_reputation_points']}</dd>
  </li>
  </dl>

<if test="authorwarn:|:$author['show_warn']">
<div class="extraUserInfo">
<dl class="pairsJustified">
<li class='post_count desc lighter'>
<dt>Puncte de avertizare:</dt>
<dd>{parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['warn_level'] ) )"}</dd>
</dl>
</li>
</div>
</if>
</ul>
</li>
</if>
</ul>
</div>

 

 

Apoi in ipb_style.css jos de tot adauagi :

 

Spoiler

.

.ribbon{
    font-weight:bold;
    font-size:10px;
    margin:-5px -25px 0px -14px;
    text-align:center;
    text-shadow:0 1px #000
        z-index:1000000;
}
.ribbon2 {
    background-color: #323232;
    margin-top: 10px;
    margin-bottom: 10px;
    width:182px;
    border: 0px solid #323232;
}
.ribbon
li{
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -khtml-border-radius:3px;
    border-radius:3px;
    -webkit-border-top-right-radius:0px;
    -moz-border-radius-topright:0px;
    -khtml-border-top-right-radius:0px;
    border-top-right-radius:0px;
    -webkit-border-top-left-radius:0px;
    -moz-border-radius-topleft:0px;
    -khtml-border-top-left-radius:0px;
    border-top-left-radius:0px;
    -webkit-box-shadow:0px 1px 3px rgba(0,0,0, 0.25);
    -moz-box-shadow:0px 1px 3px rgba(0,0,0, 0.25);
    -khtml-box-shadow:0px 1px 3px rgba(0,0,0, 0.25);
    box-shadow:0px 1px 3px rgba(0,0,0,0.25);
    padding:1px;
    position:relative;
    margin-bottom:10px
}

.ribbon li
.Rleft{
    -webkit-border-top-left-radius:3px;
    -moz-border-radius-topleft:3px;
    -khtml-border-top-left-radius:3px;
    border-top-left-radius:3px;
    left:0px;
    background-color:#2e2e2e
}

.ribbon li
.Rright{
    -webkit-border-top-right-radius:3px;
    -moz-border-radius-topright:3px;
    -khtml-border-top-right-radius:3px;
    border-top-right-radius:3px;
    right:0px;
    background-color:#2e2e2e
}

.ribbon li
div{
    position:absolute;
    top:-4px;
    width:4px;
    height:4px;
    background-color:#353535
}

.author_info
.group_icon{
    margin-bottom:-3px
}

.extraUserInfo{
    font-size:11px;
    padding:4px 0px;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    -khtml-border-radius:0px;
    border-radius:0px
}

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

.desc.lighter, .desc.lighter.blend_links
a{
    color:#646464
}

.desc, .desc.blend_links a,p.posted_info{
    font-size:11px;
    color:#898989
}

.pairsJustified
dt{
    font-size:11px!important;
    float:left;
    padding-left:5px;
    text-align:left;
    max-width:100%;
    color:#fff;
    text-shadow:0 1px #000
}

.pairsJustified
dd{
    float:right;
    font-size:10px!important;
    text-align:right;
    max-width:100%;
    padding-right:5px;
    text-shadow:0 1px #000;
    color:#646464

 

 

 

Edited by win4mind.#
  • Upvote 1

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
 Share
Go to topic listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.