Jump to content

Recommended Posts

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 .

 

 

 

  • 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

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
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?

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
  • 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.