Jump to content
Sign in to follow this  
Cristian Leca

Modificare Userinfo

Recommended Posts

Buna seara .

As vrea sa stiu cum pot modifica urmatoarele lucruri :

 

Aceasta este o imagine de pe forumul meu :

YVAvWG6.png

 

 

Iar aceasta de pe alt forum :

mPZD4cY.png

 

 

Vreau sa va intreb : Cum pot face ca member title sa apara in chenar cum este in poza 2 ... adica "Fondator BG"

si grupul sa apara in chenar ca in poza nr2.

 

Daca se poate , va rog sa-mi ziceti mai explicit cum fac .


 

 

 

Share this post


Link to post
Share on other sites

Foloseste functia search si cauta "userinfo", vei gasi sute de topicuri de genu in care a mai fost aceasi intrebare.

 

Daca nu vrei sa cauti prin sutele alea, cauta "userinfo ribbon" si vei gasi sigur.


PHP Developer - Not available for freelancing right now

Daca ai de gand sa postezi la categoria IPB, nu uita sa citesti regulamentul: Link regulament

Share this post


Link to post
Share on other sites

Eu l-am luat din tema mea..

Autorul acestui cod este kennzo pentru ca l-am luat de la el de pe forum..

Incearca in urmatorul fel..

AdminCP > Look & Feel > Tema ta > Global Templates > userInfoPane

Adauga:

<div itemscope itemtype="http://schema.org/Person" class='user_details'>
<span class='hide' itemprop="name">{$author['members_display_name']}</span>
<ul class='basic_info'><br>
  <if test="membertitle:|:$author['member_title']">
  </if><if test='{$author['member_title']}'>
<ul class="ribbon">
                      <li class="ribbon2" style="background: #323232;">
                                        <div class="Rleft" style="background: #323232"></div>
                                        <div class="Rright" style="background: #323232"></div>
                             <span style="color: white;"><b>{$author['member_title']}</b></span>
                                </li>
            
</ul>
</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']}
<br></br>
  <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><img src="http://i.imgur.com/vq1mNQc.png">  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><img src="http://i.imgur.com/jKcnRFT.png">  ID membru:</dt>
   <dd>
   {$author['member_id']}</dd>
  </li>
        </dl>


<dl class="pairsJustified">
  <li class='post_count desc lighter'>
<dt><img src="http://i.imgur.com/GDHK6nH.png">  Înregistrat</dt>
   <dd>
   {parse date="$author['joined']" format="joined"}</dd>
  </li>
        </dl>

<dl class="pairsJustified">
  <li class='post_count desc lighter'>
<dt><img src="http://i.imgur.com/UtLaqBZ.png">  Reputaþie</dt>
   <dd>
   {$author['pp_reputation_points']}</dd>
  </li>
        </dl>
<dl class="pairsJustified">
  <li class='post_count desc lighter'>
<dt><img src="http://i.imgur.com/fkxbYvO.png">  Pucte de Avertizare</dt>
   <dd>
   {$author['warn_level']}</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>
            </li>
        </if>




</div>


</div>
Iar in ipb_styles.css

adaugi:

.ribbon {
    font-weight: bold;
    font-size: 10px;
    margin: -5px -5px -2px;
    text-align: center;
    text-shadow: 0 1px #000;
}

.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: 5px;
}

.ribbon {
font-weight: bold;
font-size: 10px;
margin: -15px -14px -2px;
text-align: center;
}

.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: 5px;
}

.ribbon1 {
color: #efefef;
background-color: #282828;
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid #333;
}

.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: -1px;
}

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

.ribbon1 div {
background-color: #333;
}

.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: -1px;
}

.ribbon2 {
background-color: rgb(50, 50, 50);
margin-top: 10px;
margin-bottom: 5px;
border: 1px solid #3e3e3e;
}

.ribbon2 div {
background-color: #3e3e3e;
}

.extraUserInfo{
  font-size:11px;
  padding:4px 0px;
}

.pairsJustified {
margin: 2px 0 0;
font-size: 9px;
border-bottom: 1px dashed rgba(255, 255, 255, 0.13)!important;
overflow: hidden;
line-height: 1.5;
}

.pairsJustified dt {
padding-right: 5px;
font-size: 11px!important;
float: left;
text-align: left;
max-width: 100%;
margin-right: 5px;
color: rgb(55, 134, 216);
}

.pairsJustified dd {
float: right;
font-size: 10px!important;
text-align: right;
max-width: 100%;
}

Cam atat.. Succes!!

Autor: Kennzo!

  • Downvote 1

Share this post


Link to post
Share on other sites

Eu l-am luat din tema mea..

Autorul acestui cod este kennzo pentru ca l-am luat de la el de pe forum..

Incearca in urmatorul fel..

AdminCP > Look & Feel > Tema ta > Global Templates > userInfoPane

Adauga:

<div itemscope itemtype="http://schema.org/Person" class='user_details'>
<span class='hide' itemprop="name">{$author['members_display_name']}</span>
<ul class='basic_info'><br>
  <if test="membertitle:|:$author['member_title']">
  </if><if test='{$author['member_title']}'>
<ul class="ribbon">
                      <li class="ribbon2" style="background: #323232;">
                                        <div class="Rleft" style="background: #323232"></div>
                                        <div class="Rright" style="background: #323232"></div>
                             <span style="color: white;"><b>{$author['member_title']}</b></span>
                                </li>
            
</ul>
</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']}
<br></br>
  <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><img src="http://i.imgur.com/vq1mNQc.png">  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><img src="http://i.imgur.com/jKcnRFT.png">  ID membru:</dt>
   <dd>
   {$author['member_id']}</dd>
  </li>
        </dl>


<dl class="pairsJustified">
  <li class='post_count desc lighter'>
<dt><img src="http://i.imgur.com/GDHK6nH.png">  Înregistrat</dt>
   <dd>
   {parse date="$author['joined']" format="joined"}</dd>
  </li>
        </dl>

<dl class="pairsJustified">
  <li class='post_count desc lighter'>
<dt><img src="http://i.imgur.com/UtLaqBZ.png">  Reputaþie</dt>
   <dd>
   {$author['pp_reputation_points']}</dd>
  </li>
        </dl>
<dl class="pairsJustified">
  <li class='post_count desc lighter'>
<dt><img src="http://i.imgur.com/fkxbYvO.png">  Pucte de Avertizare</dt>
   <dd>
   {$author['warn_level']}</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>
            </li>
        </if>




</div>


</div>
Iar in ipb_styles.css

adaugi:

.ribbon {
    font-weight: bold;
    font-size: 10px;
    margin: -5px -5px -2px;
    text-align: center;
    text-shadow: 0 1px #000;
}

.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: 5px;
}

.ribbon {
font-weight: bold;
font-size: 10px;
margin: -15px -14px -2px;
text-align: center;
}

.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: 5px;
}

.ribbon1 {
color: #efefef;
background-color: #282828;
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid #333;
}

.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: -1px;
}

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

.ribbon1 div {
background-color: #333;
}

.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: -1px;
}

.ribbon2 {
background-color: rgb(50, 50, 50);
margin-top: 10px;
margin-bottom: 5px;
border: 1px solid #3e3e3e;
}

.ribbon2 div {
background-color: #3e3e3e;
}

.extraUserInfo{
  font-size:11px;
  padding:4px 0px;
}

.pairsJustified {
margin: 2px 0 0;
font-size: 9px;
border-bottom: 1px dashed rgba(255, 255, 255, 0.13)!important;
overflow: hidden;
line-height: 1.5;
}

.pairsJustified dt {
padding-right: 5px;
font-size: 11px!important;
float: left;
text-align: left;
max-width: 100%;
margin-right: 5px;
color: rgb(55, 134, 216);
}

.pairsJustified dd {
float: right;
font-size: 10px!important;
text-align: right;
max-width: 100%;
}

Cam atat.. Succes!!

Autor: Kennzo!

Phaha =)) si de unde ai luat tu codul bunule?

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...