Jump to content

UserInfoPanel


Recommended Posts

59 минут назад, INWOXER сказал:

В css div такой же задайте.

Можно поподробнее. Я не сильно разбираюсь в этом.

Link to comment
Share on other sites

Я дал наводку. Поподробнее люди будут рыться в коде только за деньги) Или у кого есть свободное время.  В стилях ищите, где выводятся сообщения форума. И такой же div задайте, как и другим элементам под профилем.. Если не знаете языков, то нечего форум делать :)

Link to comment
Share on other sites

В 26.01.2016 в 20:24, jack007 сказал:

скидывайте сюда ваш UserInfoPanel в спойлер только 

Спойлер

CSS:
 

/********************************************************/
/* UserInfoPanel как на xenforo */
/********************************************************/
.user_details {
background: rgb(222, 229, 237) url('{style_images_url}/xenmorf.png') repeat-x bottom;
border: 1px solid rgb(199, 216, 233);
border-top-color: rgb(208, 217, 226);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 -1px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0 -1px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.1);
-khtml-box-shadow: inset 0 -1px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.1);
box-shadow: inset 0 -1px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.1);
background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0.35), rgba(255,255,255,0) 40px);
background-image: -moz-linear-gradient(bottom, rgba(255,255,255,0.35), rgba(255,255,255,0) 40px);
background-image: -ms-linear-gradient(bottom, rgba(255,255,255,0.35), rgba(255,255,255,0) 40px);
background-image: -o-linear-gradient(bottom, rgba(255,255,255,0.35), rgba(255,255,255,0) 40px);
background-image: linear-gradient(to top, rgba(255,255,255,0.35), rgba(255,255,255,0) 40px);
position: relative;
}
.avatar {
background-color: rgb(238, 243, 248);
padding: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px rgba(255,255,255,0.75), 0 1px rgba(0,0,0,0.075);
-moz-box-shadow: inset 0 1px rgba(255,255,255,0.75), 0 1px rgba(0,0,0,0.075);
-khtml-box-shadow: inset 0 1px rgba(255,255,255,0.75), 0 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px rgba(255,255,255,0.75), 0 1px rgba(0,0,0,0.075);
background-image: -webkit-linear-gradient(rgba(255,255,255,0.35), rgba(255,255,255,0));
background-image: -moz-linear-gradient(rgba(255,255,255,0.35), rgba(255,255,255,0));
background-image: -ms-linear-gradient(rgba(255,255,255,0.35), rgba(255,255,255,0));
background-image: -o-linear-gradient(rgba(255,255,255,0.35), rgba(255,255,255,0));
background-image: linear-gradient(rgba(255,255,255,0.35), rgba(255,255,255,0));
}
.arrow {
position: absolute;
top: 10px;
right: -10px;
display: block;
width: 0px;
height: 0px;
line-height: 0px;
border: 10px solid transparent;
border-left-color: rgb(199, 216, 233);
-moz-border-left-colors: rgb(199, 216, 233);
border-right: none;
_display: none;
}
.arrow span {
position: absolute;
top: -10px;
left: -11px;
display: block;
width: 0px;
height: 0px;
line-height: 0px;
border: 10px solid transparent;
border-left-color: rgb(238, 243, 248);
-moz-border-left-colors: rgb(238, 243, 248);
border-right: none;
}

.ribbon {
font-weight: bold;
font-size: 10px;
margin: -5px -4px -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;
}

.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;
}
.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;
}
.ribbon1 {
color: #ffffff;
background-color: #000000;
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid #333333;
}
.ribbon1 div {
background-color: #333333;
}
.ribbon2 {
background-color: rgb(238, 243, 248);
margin-top: 10px;
margin-bottom: 5px;
border: 1px solid #C4C7C7;
}
.ribbon2 div {
background-color: #C4C7C7;
}

.extraUserInfo {
font-size: 11px;
background-color: rgb(222, 229, 237);
padding: 0px 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}
.pairsJustified {
margin: 2px 0 0;
font-size: 9px;
border-bottom: 1px dashed #222!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%;
}

Спойлер

Шаблон:

<div itemscope itemtype="__schema.org/Person" class='user_details'>
<span class='hide' itemprop="name">{$author['members_display_name']}</span>
<span class="arrow"><span></span></span>
<ul class='basic_info'>
<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>
</li>
</if>
<if test="membertitle:|:$author['member_title']">
<ul class="ribbon">
<li class="ribbon1">
<div class="Rleft"></div>
<div class="Rright"></div>
{$author['member_title']}
</li>
</ul>
</if>
<ul class="ribbon">
<li class="ribbon2">
<div class="Rleft"></div>
<div class="Rright"></div>
{$author['_group_formatted']}
</li>
</ul>
<div class="extraUserInfo">
<if test="postCount:|:$author['member_id']">
<dl class="pairsJustified">
<dt>Сообщений:</dt>
<dd>{parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['posts'] ) )"} </dd>
</dl>
</if>
<dl class="pairsJustified">
<dt>{$this->lang->words['reputation']}:</dt>
<dd>{$author['pp_reputation_points']}</dd>
</dl>
<dl class="pairsJustified">
<dt>Рег.</dt>
<dd>{parse date="$author['joined']" format="joined"}</dd>
</dl>
</div>
<if test="authorcfields:|:$author['custom_fields'] != """>
<div class="extraUserInfo">
<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>
</div>
</if>
<if test="authorwarn:|:$author['show_warn']">
<li>
<if test="hasWarningId:|:$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>
</ul>
</div>

 

Link to comment
Share on other sites

1 час назад, egoriodo сказал:
# Показать контент

CSS:
 

/********************************************************/
/* UserInfoPanel как на xenforo */
/********************************************************/
.user_details {
background: rgb(222, 229, 237) url('{style_images_url}/xenmorf.png') repeat-x bottom;
border: 1px solid rgb(199, 216, 233);
border-top-color: rgb(208, 217, 226);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 -1px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0 -1px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.1);
-khtml-box-shadow: inset 0 -1px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.1);
box-shadow: inset 0 -1px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.1);
background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0.35), rgba(255,255,255,0) 40px);
background-image: -moz-linear-gradient(bottom, rgba(255,255,255,0.35), rgba(255,255,255,0) 40px);
background-image: -ms-linear-gradient(bottom, rgba(255,255,255,0.35), rgba(255,255,255,0) 40px);
background-image: -o-linear-gradient(bottom, rgba(255,255,255,0.35), rgba(255,255,255,0) 40px);
background-image: linear-gradient(to top, rgba(255,255,255,0.35), rgba(255,255,255,0) 40px);
position: relative;
}
.avatar {
background-color: rgb(238, 243, 248);
padding: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px rgba(255,255,255,0.75), 0 1px rgba(0,0,0,0.075);
-moz-box-shadow: inset 0 1px rgba(255,255,255,0.75), 0 1px rgba(0,0,0,0.075);
-khtml-box-shadow: inset 0 1px rgba(255,255,255,0.75), 0 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px rgba(255,255,255,0.75), 0 1px rgba(0,0,0,0.075);
background-image: -webkit-linear-gradient(rgba(255,255,255,0.35), rgba(255,255,255,0));
background-image: -moz-linear-gradient(rgba(255,255,255,0.35), rgba(255,255,255,0));
background-image: -ms-linear-gradient(rgba(255,255,255,0.35), rgba(255,255,255,0));
background-image: -o-linear-gradient(rgba(255,255,255,0.35), rgba(255,255,255,0));
background-image: linear-gradient(rgba(255,255,255,0.35), rgba(255,255,255,0));
}
.arrow {
position: absolute;
top: 10px;
right: -10px;
display: block;
width: 0px;
height: 0px;
line-height: 0px;
border: 10px solid transparent;
border-left-color: rgb(199, 216, 233);
-moz-border-left-colors: rgb(199, 216, 233);
border-right: none;
_display: none;
}
.arrow span {
position: absolute;
top: -10px;
left: -11px;
display: block;
width: 0px;
height: 0px;
line-height: 0px;
border: 10px solid transparent;
border-left-color: rgb(238, 243, 248);
-moz-border-left-colors: rgb(238, 243, 248);
border-right: none;
}

.ribbon {
font-weight: bold;
font-size: 10px;
margin: -5px -4px -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;
}

.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;
}
.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;
}
.ribbon1 {
color: #ffffff;
background-color: #000000;
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid #333333;
}
.ribbon1 div {
background-color: #333333;
}
.ribbon2 {
background-color: rgb(238, 243, 248);
margin-top: 10px;
margin-bottom: 5px;
border: 1px solid #C4C7C7;
}
.ribbon2 div {
background-color: #C4C7C7;
}

.extraUserInfo {
font-size: 11px;
background-color: rgb(222, 229, 237);
padding: 0px 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}
.pairsJustified {
margin: 2px 0 0;
font-size: 9px;
border-bottom: 1px dashed #222!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%;
}

# Показать контент

Шаблон:

<div itemscope itemtype="__schema.org/Person" class='user_details'>
<span class='hide' itemprop="name">{$author['members_display_name']}</span>
<span class="arrow"><span></span></span>
<ul class='basic_info'>
<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>
</li>
</if>
<if test="membertitle:|:$author['member_title']">
<ul class="ribbon">
<li class="ribbon1">
<div class="Rleft"></div>
<div class="Rright"></div>
{$author['member_title']}
</li>
</ul>
</if>
<ul class="ribbon">
<li class="ribbon2">
<div class="Rleft"></div>
<div class="Rright"></div>
{$author['_group_formatted']}
</li>
</ul>
<div class="extraUserInfo">
<if test="postCount:|:$author['member_id']">
<dl class="pairsJustified">
<dt>Сообщений:</dt>
<dd>{parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['posts'] ) )"} </dd>
</dl>
</if>
<dl class="pairsJustified">
<dt>{$this->lang->words['reputation']}:</dt>
<dd>{$author['pp_reputation_points']}</dd>
</dl>
<dl class="pairsJustified">
<dt>Рег.</dt>
<dd>{parse date="$author['joined']" format="joined"}</dd>
</dl>
</div>
<if test="authorcfields:|:$author['custom_fields'] != """>
<div class="extraUserInfo">
<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>
</div>
</if>
<if test="authorwarn:|:$author['show_warn']">
<li>
<if test="hasWarningId:|:$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>
</ul>
</div>

 

Попробуйте вот в этом участке

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

Заменить extraUserInfo на pairsJustified

Link to comment
Share on other sites

4 часа назад, ro-avde сказал:

Попробуйте вот в этом участке


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

Заменить extraUserInfo на pairsJustified

Получилось вот так.

56a9ffd925982_.jpg.377dc530edb4e706e4fc8 

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.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Ваша ссылка была автоматически строена.   Отображать как обычную ссылку

×   Your previous content has been restored.   Clear editor

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

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...