Jump to content

Красивое оформление UserInfoPane

Featured Replies

добавить style="color:#000"

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=35461
Share on other sites
  • 1 месяц спустя...
  • Replies 101
  • Created
  • Последний ответ
Expand topic overview

Лучшие авторы в теме

Лучшие авторы в теме

Most Popular Posts

WOLF
WOLF

вот что у меня:   после: <ul class='basic_info'> добавляете: <if test="postOnline:|:$author['_online']"> <span><img src="__wolf-host.ru/forum/public/style_images/online.png

Lordbl4
Lordbl4

DimanZM, попробуй использовать поиск и почитать темы с примерами, благо таких хватает. так же есть разжеванная информация по поводу того, какой кусок кода за что в UserInfoPane отвечает   а если не

Bathed
Bathed

ребят помогите сделать такую панельку и хук, с кружком около аватарки. __prntscr.com/53w979

Expand topic overview

В общем все сделал по инструкции из первого поста, но ничего не изменилось.

 

post-913-0-36248400-1374188830.png

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=36813
Share on other sites

В общем все сделал по инструкции из первого поста, но ничего не изменилось.

у вас поле "город" в рамку обвилось, нужно теперь в UserInfopane корректировать 

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=36851
Share on other sites

как добавить над аватаром картинку "онлайн" или "оффлаин" в зависимости от статуса пользователя (в сети не в сети)?

 

пробовал это - 

<if test="$post['author']['_online']"><img src="{$this->settings['img_url']}/icons/online.gif"  alt='' data-tooltip="Online"  /><else /><img src="{$this->settings['img_url']}/icons/offline.gif" alt='' data-tooltip="Offline" /></if>

отображает всегда картинку онлаин. идея реализуема? если да, то как?

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=36882
Share on other sites

вот что у меня:

 

после:

<ul class='basic_info'>

добавляете:

<if test="postOnline:|:$author['_online']">
<span><img src="__wolf-host.ru/forum/public/style_images/online.png"></span>
<else />
<span><img src="__wolf-host.ru/forum/public/style_images/offline.png"></span>
</if>

и все. 

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=36883
Share on other sites

вот что у меня:

 

после:



<ul class='basic_info'>

добавляете:



<if test="postOnline:|:$author['_online']">
<span><img src="__wolf-host.ru/forum/public/style_images/online.png"></span>
<else />
<span><img src="__wolf-host.ru/forum/public/style_images/offline.png"></span>
</if>

и все. 

 

cпасибо, заменил на свои изображения и всё прекрасно работает  :good:

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=36884
Share on other sites
  • 2 месяца спустя...

спасибо, а как мне б сделать чтоб сообщение было с большой буквы и чтоб было так к примеру Сообщение: 15

тоисть после сообщение 2 точие

от как сдесь на этом форуме?

<if test="postCount:|:$author['member_id']">
<ul class='custom_fields'>
<li class='post_count desc lighter'>
<span class='ft'>Сообщения: </span>
<span class='fc'>{parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['posts'] ) )"}
</li>
</if>
</ul>
Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=44449
Share on other sites

Все бы хорошо но..

 

Являюсь администратором форума, до этого у меня не показывалась графа предупреждения, после вставки нового userInfoPane появилась. 

Как сделать так что бы показывалась данная графа как до этого ? 

 

И еще, не нашел как поставить двоеточие после города. Спасибо!

 

post-9674-0-29742400-1380747772.png

 

И сам код.

 

<div itemscope itemtype="__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='desc member_title'>{$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>
<li class='group_title'>
{$author['_group_formatted']}
</li>
<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>
<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>


</li>
</if>
</ul>


<if test="authorcfields:|:$author['custom_fields'] != """>
<ul class='custom_fields'>
<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>


                                       <if test="postCount:|:$author['member_id']">
                                        <li class='post_count desc lighter'>
                               {parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['posts'] ) )"} {$this->lang->words['m_posts']}
                                     </li>
                                  </if>
<li><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>
</ul>
</if>


</div>

 

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=44889
Share on other sites


И еще, не нашел как поставить двоеточие после города. Спасибо!

Пользователи --> Доп. поля --> Изменить поле Город и добавить двоеточие


Как сделать так что бы показывалась данная графа как до этого ? 

Добавить в старый userInfoPane код:

<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>
Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=44901
Share on other sites


Добавить в старый userInfoPane код:

 

Не помогло.

Сейчас на форуме новый userInfoPane который выше в коде. В него нужно добавить не достающую часть кода, что бы нарушения не отображались у администраторов.

 

В стандартном первоначальном userInfoPane это было реализовано. Вот он сам:

<div itemscope itemtype="__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='desc member_title'>{$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>
<li class='group_title'>
{$author['_group_formatted']}
</li>
<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>
<if test="postCount:|:$author['member_id']">
<li class='post_count desc lighter'>
{parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['posts'] ) )"} {$this->lang->words['m_posts']}
</li>
</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>


<if test="authorcfields:|:$author['custom_fields'] != """>
<ul class='custom_fields'>
<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>

Из него нужно взять часть кода и внести уже в новый userInfoPane. Вот только какую часть и куда копировать не понятно.

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=44908
Share on other sites

Эту

<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>
Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=44909
Share on other sites


Эту

 

Только в какую часть теперь его ставить ?

Что бы не задавать много вопросов, можете добавить этот код сами в нужную часть моего нового userInfoPane в посте 58 ? И прислать его тут одним куском. Спасибо.

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=44910
Share on other sites

Всем спасибо. Получилось!

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=44918
Share on other sites
Можете дать скрипт вот типа такого:

Edited by WOLF

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=45239
Share on other sites
  • 3 недели спустя...

Вот когда не надо все время найду эту тему(ну или другую ) Спасибо :)

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=47225
Share on other sites

Подскажите как сделать такую панельку.

post-4735-0-62817900-1382885529.jpg

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=47507
Share on other sites

DimanZM, руками и css

 

Да ты просто гениален смотрю.

Если я знал как это делается то я бы не спрашивал.

Наверное это форум был построен,что помогают новичка в этом.А не писать сам делай (образно).

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=47509
Share on other sites

DimanZM, попробуй использовать поиск и почитать темы с примерами, благо таких хватает.

так же есть разжеванная информация по поводу того, какой кусок кода за что в UserInfoPane отвечает

 

а если не разбираешься, почему бы не научиться? опять же примеров полно, на их основе можно сделать что угодно. и если дадут тебе готовый код, а дальше ты захочешь например главную поменять и опять сам не сможешь? и т.д. до бесконечности

а это уже не помощь новичкам, а "сесть на шею и делайте за меня код как нужно мне, бесплатно"


//del из-за безбожного и бездумного копирования 

куски кода можно менять местами и добиваться необходимого положения или же удалять не нужные (группа текстом например)

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=47510
Share on other sites
  • 8 месяцев спустя...

post-8414-0-59663300-1405656192.jpg
сейчас понял, что меня раздражает на моем форуме - это цвет фона репутации... 

подскажите где его поменять ? 

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=68422
Share on other sites

AUS,ipb_style.css

.reputation.positive, .members li.positive {
background: #5E87AA;
} 
Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=68431
Share on other sites

WOLF,  спасибо! Но есть еще вопрос о смене цвета статуса онлайн 

 

post-8414-0-98708200-1405683269.jpg

 

хочу избавить форум от зеленого цвета ))

 

post-8414-0-01906300-1405683383.jpg

Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=68438
Share on other sites
.pagination .pages li.active {
background: #7BA60D;
color: #fff;
font-weight: bold;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 1px 5px;
}
.ipsBadge_green {
background: #7ba60d;
}
Link to comment
https://ipbmafia.ru/topic/3989-krasivoe-oformlenie-userinfopane/?&do=findComment&comment=68439
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
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.