Jump to content

Modificare Userinfo

Cristian Leca

By Cristian Leca,
in IP.Board 3.x

 Share

Recommended Posts

Cristian Leca Enthusiast

Cristian Leca

Posted
Posted

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 .

 

 

 

Link to comment
Share on other sites

  • Moderators
gadeas Grand Master

gadeas

Posted
  • Moderators
Posted

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

Link to comment
Share on other sites
asdasd Enthusiast

asdasd

Posted
Posted

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!

  • Upvote 1
  • Downvote 1
Link to comment
Share on other sites
RESERVED Newbie

RESERVED

Posted
Posted

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?

Link to comment
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.

×
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • 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.

  I accept