Jump to content

Recommended Posts

Posted

Salut as dori sa fac pe forum la mine exact cum am incercuit in aceasta imnagine cu rosu adica cum apare acolo group / post / reputation / skype  etc cum as putea modifica, ca la mine pe forum nu apare asa va rog frumos daca ma puteti ajuta multumesc anticipat.

 

Posted

Intri in userinfopane la accea tema copiezi tot de acolo si il pui la tine, si nu uita sa copiezi si css-ul de la tema si sa o pui in a ta. (CSS de la userinfopane, nu tot)

Daca imi dai link de la forumul unde ai vazut acel userionepane iti extrag eu codurile daca nu sti sau nu ai tema.

  • Upvote 1
Posted

Ori poti invata html / css si sa iti faci singur acel userinfopane sau chiar sa iti faci tu unul nou, oricum, sunt multe teme pe internet care detin acel userinfopane.

Posted (edited)
27 minutes ago, SHINELCO said:

Intri in userinfopane la accea tema copiezi tot de acolo si il pui la tine, si nu uita sa copiezi si css-ul de la tema si sa o pui in a ta. (CSS de la userinfopane, nu tot)

Daca imi dai link de la forumul unde ai vazut acel userionepane iti extrag eu codurile daca nu sti sau nu ai tema.

https://webflake.sx/files/file/3924-wingamers-românia/

 

multumesc frumos shinelco mar ajuta mult

 

Edited by Pitbul
Posted

ACP - Look & Feel - Tema ta - Global Tamplates - UserInfoPane - Bagi codul de mai jos.

<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="mbrtitle">{$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>
        <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>
        </ul>
    <div class="extraUserInfo">
            <dl class="pairsJustified">
                    <li class='post_count desc lighter'>
                        <dt><i class="fa fa-users"> </i> Group:</dt>
                        <dd>{$author['_group_formatted']}</dd>
                    </li>
                </dl>
        <if test="postCount:|:$author['member_id']"> 
                <dl class="pairsJustified">
                    <li class='post_count desc lighter'>
                        <dt><i class="fa fa-comments"> </i> Posts:</dt>
                        <dd>{parse expression="$this->registry->getClass('class_localization')->formatNumber(intval($author['posts']))"}</dd>
                    </li>
                </dl>
        </if>
            <dl class="pairsJustified">
                <li class='post_count desc lighter'>
                    <dt><i class="fa fa-user"> </i> Member Number:</dt>
                    <dd>{$author['member_id']}</dd>
                </li>
            </dl>
            <dl class="pairsJustified">
                <li class='post_count desc lighter'>
                    <dt><i class="fa fa-calendar"> </i> {$this->lang->words['m_joined']}</dt>
                    <dd>{parse date="$author['joined']" format="joined"}</dd>
                </li>
            </dl>
        <dl class="pairsJustified">
                <li class='post_count desc lighter'>
                    <dt><i class="fa fa-thumbs-up"> </i> Reputation:</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> </div> </div>
<a href="#" onclick="ipb.textEditor.getEditor( ipb.textEditor.getCurrentEditorId() ).insert( '@{$author['members_display_name']}' ); return false;" title="@{$author['members_display_name']}"><div class="mentionbtn"> <i class="fa fa-bullhorn"></i>  MENTION  </div></a><br/><br/>
<if test="$this->memberData['member_id'] == $author['member_id'] || $this->memberData['is_mod'] OR !empty($this->memberData['access_report_center']) || ($this->memberData['g_access_cp'] AND !$this->settings['security_remove_acp_link'])">
<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']}'><div class="mentionbtn"> <i class="fa fa-exclamation-circle"></i>  WARN  </div></a></a></if> 

 

Iar asta o adauci in style.css jos de tot:

.extraUserInfo{
  font-size:12px;
  padding:4px 0px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.pairsJustified {
  margin:1px 0 0;
  font-size:12px;
  border-bottom:1px dashed #2F2F2F;
  overflow:hidden;
  line-height:2;
  list-style-type: none;
}

.pairsJustified:hover {
  border-bottom: 1px solid #333333;
}

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

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

table.ipb_table ol.subforums1 {margin-top: 3px;float: left;width: 33%;}table.ipb_table ol.subforums1 li{padding: 0 15px 0 15px;margin: 0;float: left;}table.ipb_table .subforums1 li.unread { font-weight: bold;}table.ipb_table ol.subforums2 {width: 33%;overflow: hidden;}table.ipb_table ol.subforums2 li {padding: 0 15px 0 15px;margin: 0;float: left;}table.ipb_table .subforums2 li.unread { font-weight: bold; }table.ipb_table ol.subforums3 {width: 33%;overflow: hidden;}table.ipb_table ol.subforums3 li {padding: 0 15px 0 15px;margin: 0;float: left;}table.ipb_table .subforums3 li.unread { font-weight: bold; }

.nstatsNumber, .nstatsText {display: block;text-align: center;color: #bcbcbc;line-height: 23px;text-transform: uppercase;font-size: 11px;}.nstatsText {color: #acacac;font-size: 9px;}


table.ipb_table ol.subforums1 li:before {
    font-family: 'FontAwesome';
    content: "\f101";
    margin-right: 3px;
    font-size: 10px;
    position: relative;
    top: -1.5px;
    color: #555;
}
.mentionbtn {
      float:left;
      display:inline-block;
      position:relative;
      width: 100%;
      height:35px;
      line-height:34px;
      border-radius:0px;
      font-size:0.9em;
      background-color:#333;
      color:#646464;
      transition:border-bottom 0.5s, box-shadow 0.1s, color 0.2s,box-shadow 0.1s;
      transition:border-bottom 0.5s, box-shadow 0.1s, color 0.2s,box-shadow 0.1s;
      text-decoration:none;-webkit-transition:all 0.2s ease-in;
      transition:all 0.2s ease-in;
      -webkit-user-select:none;
      -moz-user-select:none;
      -ms-user-select:none;
      user-select:none;
      white-space:nowrap;
      background:-webkit-linear-gradient(#333 50%, #333 50%);
      background:linear-gradient(#333 50%, rgb(178, 34, 34) 50%);
      background-repeat:repeat;
      background-size:100% 200%;
}

.mentionbtn:hover {
      color:#96281B;
      cursor:pointer;
      background-position:200% 100%;
      color:#FCFCFC;
      cursor:pointer

}
}
table.ipb_table ol.subforums1 {margin-top: 3px;float: left;width: 33%;}table.ipb_table ol.subforums1 li{background: url('{style_images_url}/subforum_nonew.png') no-repeat 0 50%;padding: 0 15px 0 15px;margin: 0;float: left;}table.ipb_table .subforums1 li.unread { font-weight: bold; background-image: url('{style_images_url}/subforum_new.png'); }table.ipb_table ol.subforums2 {width: 33%;overflow: hidden;}table.ipb_table ol.subforums2 li {background: url('{style_images_url}/subforum_nonew.png') no-repeat 0 50%;padding: 0 15px 0 15px;margin: 0;float: left;}table.ipb_table .subforums2 li.unread { font-weight: bold; background-image: url('{style_images_url}/subforum_new.png'); }table.ipb_table ol.subforums3 {width: 33%;overflow: hidden;}table.ipb_table ol.subforums3 li {background: url('{style_images_url}/subforum_nonew.png') no-repeat 0 50%;padding: 0 15px 0 15px;margin: 0;float: left;}table.ipb_table .subforums3 li.unread { font-weight: bold; background-image: url('{style_images_url}/subforum_new.png'); }
.ipbforumskins{}

.col_c_icon:hover
i{color:#a03b3b;border-color:#a03b3b;-webkit-transform:rotate(15deg) scale(.7);-moz-transform:rotate(15deg) scale(.7);-ms-transform:rotate(15deg) scale(.7);-o-transform:rotate(15deg) scale(.7);transform:rotate(15deg) scale(.7)}.notnew .col_c_icon:hover
i{color:#a03b3b;border-color:#a03b3b;-webkit-transform:rotate(15deg) scale(.7);-moz-transform:rotate(15deg) scale(.7);-ms-transform:rotate(15deg) scale(.7);-o-transform:rotate(15deg) scale(.7);transform:rotate(15deg) scale(.7)}

Posted (edited)
6 minutes ago, SHINELCO said:

ACP - Look & Feel - Tema ta - Global Tamplates - UserInfoPane - Bagi codul de mai jos.

 

  Reveal hidden contents

 

<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="mbrtitle">{$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>
        <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>
        </ul>
    <div class="extraUserInfo">
            <dl class="pairsJustified">
                    <li class='post_count desc lighter'>
                        <dt><i class="fa fa-users"> </i> Group:</dt>
                        <dd>{$author['_group_formatted']}</dd>
                    </li>
                </dl>
        <if test="postCount:|:$author['member_id']"> 
                <dl class="pairsJustified">
                    <li class='post_count desc lighter'>
                        <dt><i class="fa fa-comments"> </i> Posts:</dt>
                        <dd>{parse expression="$this->registry->getClass('class_localization')->formatNumber(intval($author['posts']))"}</dd>
                    </li>
                </dl>
        </if>
            <dl class="pairsJustified">
                <li class='post_count desc lighter'>
                    <dt><i class="fa fa-user"> </i> Member Number:</dt>
                    <dd>{$author['member_id']}</dd>
                </li>
            </dl>
            <dl class="pairsJustified">
                <li class='post_count desc lighter'>
                    <dt><i class="fa fa-calendar"> </i> {$this->lang->words['m_joined']}</dt>
                    <dd>{parse date="$author['joined']" format="joined"}</dd>
                </li>
            </dl>
        <dl class="pairsJustified">
                <li class='post_count desc lighter'>
                    <dt><i class="fa fa-thumbs-up"> </i> Reputation:</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> </div> </div>
<a href="#" onclick="ipb.textEditor.getEditor( ipb.textEditor.getCurrentEditorId() ).insert( '@{$author['members_display_name']}' ); return false;" title="@{$author['members_display_name']}"><div class="mentionbtn"> <i class="fa fa-bullhorn"></i>  MENTION  </div></a><br/><br/>
<if test="$this->memberData['member_id'] == $author['member_id'] || $this->memberData['is_mod'] OR !empty($this->memberData['access_report_center']) || ($this->memberData['g_access_cp'] AND !$this->settings['security_remove_acp_link'])">
<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']}'><div class="mentionbtn"> <i class="fa fa-exclamation-circle"></i>  WARN  </div></a></a></if> 

 

 

Iar asta o adauci in style.css jos de tot:

 

  Reveal hidden contents

 

.extraUserInfo{
  font-size:12px;
  padding:4px 0px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.pairsJustified {
  margin:1px 0 0;
  font-size:12px;
  border-bottom:1px dashed #2F2F2F;
  overflow:hidden;
  line-height:2;
  list-style-type: none;
}

.pairsJustified:hover {
  border-bottom: 1px solid #333333;
}

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

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

table.ipb_table ol.subforums1 {margin-top: 3px;float: left;width: 33%;}table.ipb_table ol.subforums1 li{padding: 0 15px 0 15px;margin: 0;float: left;}table.ipb_table .subforums1 li.unread { font-weight: bold;}table.ipb_table ol.subforums2 {width: 33%;overflow: hidden;}table.ipb_table ol.subforums2 li {padding: 0 15px 0 15px;margin: 0;float: left;}table.ipb_table .subforums2 li.unread { font-weight: bold; }table.ipb_table ol.subforums3 {width: 33%;overflow: hidden;}table.ipb_table ol.subforums3 li {padding: 0 15px 0 15px;margin: 0;float: left;}table.ipb_table .subforums3 li.unread { font-weight: bold; }

.nstatsNumber, .nstatsText {display: block;text-align: center;color: #bcbcbc;line-height: 23px;text-transform: uppercase;font-size: 11px;}.nstatsText {color: #acacac;font-size: 9px;}


table.ipb_table ol.subforums1 li:before {
    font-family: 'FontAwesome';
    content: "\f101";
    margin-right: 3px;
    font-size: 10px;
    position: relative;
    top: -1.5px;
    color: #555;
}
.mentionbtn {
      float:left;
      display:inline-block;
      position:relative;
      width: 100%;
      height:35px;
      line-height:34px;
      border-radius:0px;
      font-size:0.9em;
      background-color:#333;
      color:#646464;
      transition:border-bottom 0.5s, box-shadow 0.1s, color 0.2s,box-shadow 0.1s;
      transition:border-bottom 0.5s, box-shadow 0.1s, color 0.2s,box-shadow 0.1s;
      text-decoration:none;-webkit-transition:all 0.2s ease-in;
      transition:all 0.2s ease-in;
      -webkit-user-select:none;
      -moz-user-select:none;
      -ms-user-select:none;
      user-select:none;
      white-space:nowrap;
      background:-webkit-linear-gradient(#333 50%, #333 50%);
      background:linear-gradient(#333 50%, rgb(178, 34, 34) 50%);
      background-repeat:repeat;
      background-size:100% 200%;
}

.mentionbtn:hover {
      color:#96281B;
      cursor:pointer;
      background-position:200% 100%;
      color:#FCFCFC;
      cursor:pointer

}
}
table.ipb_table ol.subforums1 {margin-top: 3px;float: left;width: 33%;}table.ipb_table ol.subforums1 li{background: url('{style_images_url}/subforum_nonew.png') no-repeat 0 50%;padding: 0 15px 0 15px;margin: 0;float: left;}table.ipb_table .subforums1 li.unread { font-weight: bold; background-image: url('{style_images_url}/subforum_new.png'); }table.ipb_table ol.subforums2 {width: 33%;overflow: hidden;}table.ipb_table ol.subforums2 li {background: url('{style_images_url}/subforum_nonew.png') no-repeat 0 50%;padding: 0 15px 0 15px;margin: 0;float: left;}table.ipb_table .subforums2 li.unread { font-weight: bold; background-image: url('{style_images_url}/subforum_new.png'); }table.ipb_table ol.subforums3 {width: 33%;overflow: hidden;}table.ipb_table ol.subforums3 li {background: url('{style_images_url}/subforum_nonew.png') no-repeat 0 50%;padding: 0 15px 0 15px;margin: 0;float: left;}table.ipb_table .subforums3 li.unread { font-weight: bold; background-image: url('{style_images_url}/subforum_new.png'); }
.ipbforumskins{}

.col_c_icon:hover
i{color:#a03b3b;border-color:#a03b3b;-webkit-transform:rotate(15deg) scale(.7);-moz-transform:rotate(15deg) scale(.7);-ms-transform:rotate(15deg) scale(.7);-o-transform:rotate(15deg) scale(.7);transform:rotate(15deg) scale(.7)}.notnew .col_c_icon:hover
i{color:#a03b3b;border-color:#a03b3b;-webkit-transform:rotate(15deg) scale(.7);-moz-transform:rotate(15deg) scale(.7);-ms-transform:rotate(15deg) scale(.7);-o-transform:rotate(15deg) scale(.7);transform:rotate(15deg) scale(.7)}

 

 

 

mai trebuie adaugat ceva in style.css ?

 

Edited by Pitbul
Posted
2 hours ago, Pitbul said:

Salut as dori sa fac pe forum la mine exact cum am incercuit in aceasta imnagine cu rosu adica cum apare acolo group / post / reputation / skype  etc cum as putea modifica, ca la mine pe forum nu apare asa va rog frumos daca ma puteti ajuta multumesc anticipat.

 

Tine CSS:

Spoiler

.extraUserInfo {

font-size: 12px;

padding: 4px 0px;

font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;

}

.pairsJustified {

margin: 1px 0 0;

font-size: 12px;

border-bottom: 1px dashed #2F2F2F;

overflow: hidden;

line-height: 2;

list-style-type: none;

}

.desc.lighter, .desc.lighter.blend_links a {

color: #646464;

font-size: 11px;

}

.pairsJustified dt {

font-size: 12px !important;

float: left;

padding-left: 5px;

text-align: left;

max-width: 100%;

color: #6e6e6e;

text-shadow: 0 1px #000;

}

.pairsJustified dd {

float: right;

font-size: 11px !important;

text-align: right;

max-width: 100%;

padding-right: 5px;

text-shadow: 0 1px #000;

}

 

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.