Jump to content

Featured Replies

Modern User Info Panel + Team icons!


Всем привет! 
Как насчет изменения вашей панели информации о пользователе? 
Хотели бы вы сделать его современным и профессиональным? 
Вот классный сценарий с 3 различными стилями и некоторыми классными значками команд. 

Что включено:

  • 2 Версии для белых и темных конструкций.
  • Опыт участника: на основе прогресса IPS (pips) можно разместить современный стиль.
  • Ранг участника или пользовательский заголовок (который уже существует) можно разместить в современном стиле.
  • Сообщения пользователей.
  • Репутация участника с цветом.
  • Номер члена.
  • Дни участника с золотым цветом.
  • Статус участника (онлайн-офлайн с цветами «красно-зеленый»)
  • Дата регистрации участника.
  • Возраст участника.
  • Формат отображения пользовательских профилей.
  • БОНУС: командные значки.
  • #TIP: вы можете скрыть любую информацию, которую вы хотите для мобильной версии, изменив класс: ex: imageproxy.jpg

Что можно добавить:

  • Все, что существует в IPS, также может быть добавлено на панели информации о пользователе: например, «Последователи участника», «Последняя активность» и т. Д.
  • Просто попросите его, и вы получите его бесплатно.
  • Вы можете добавить / заменить шрифт-awesome своим. Найдите их здесь:  http://fontawesome.io/icons/

 

Link to comment
https://ipbmafia.ru/topic/17731-modern-user-info-panel-team-icons/
Share on other sites

Как такой большой аватар сделать?

Link to comment
https://ipbmafia.ru/topic/17731-modern-user-info-panel-team-icons/?&do=findComment&comment=131695
Share on other sites
14 минут назад, Doker сказал:

Как такой большой аватар сделать?

На сколько же мелкий он у вас?

Link to comment
https://ipbmafia.ru/topic/17731-modern-user-info-panel-team-icons/?&do=findComment&comment=131696
Share on other sites
10 минут назад, WOLF сказал:

На сколько же мелкий он у вас?

на максимальномного

Link to comment
https://ipbmafia.ru/topic/17731-modern-user-info-panel-team-icons/?&do=findComment&comment=131697
Share on other sites
1 минуту назад, Doker сказал:

на максимальномного

 

Link to comment
https://ipbmafia.ru/topic/17731-modern-user-info-panel-team-icons/?&do=findComment&comment=131698
Share on other sites
  • 1 месяц спустя...
  • 1 месяц спустя...

А где просить надо? В лс или тут в теме?

Link to comment
https://ipbmafia.ru/topic/17731-modern-user-info-panel-team-icons/?&do=findComment&comment=135890
Share on other sites
59 минут назад, Андрей Гнатенко сказал:

А где просить надо? В лс или тут в теме?

Что просить? Воробья? Или Козу?

Link to comment
https://ipbmafia.ru/topic/17731-modern-user-info-panel-team-icons/?&do=findComment&comment=135899
Share on other sites
36 минут назад, WOLF сказал:

Что просить? Воробья? Или Козу?

Отвечу по Вашему: а о чём пишет автор топика в первом посте?

Link to comment
https://ipbmafia.ru/topic/17731-modern-user-info-panel-team-icons/?&do=findComment&comment=135905
Share on other sites
48 минут назад, Андрей Гнатенко сказал:

Отвечу по Вашему: а о чём пишет автор топика в первом посте?

А если в теме будет 100 страниц, то мне всю тему надо будет читать, цитировать надо то, на что отвечаешь или по поводу чего спрашиваешь.

Link to comment
https://ipbmafia.ru/topic/17731-modern-user-info-panel-team-icons/?&do=findComment&comment=135909
Share on other sites

Где находится в шаблоне PostContainer, не нашёл её, мой шаблон называется "Titan". Надо вставить 
 

{{if $comment->author()->member_id}}
		<li class='ipsType_light andrew-modern-topic'><span class='st'><i class="fa fa-user"></i> Group:</span><strong><span class='dr'>{expression="\IPS\Member\Group::load( $comment->author()->member_group_id )->formattedName" raw="true"}</span></strong></li>
          	<li class='ipsType_light andrew-modern-topic'><span class='st'><i class="fa fa-comments"></i> Posts:</span><span class='dr'>{number="$comment->author()->member_posts"}</span></li>
                <li class='ipsType_light andrew-modern-topic'><span class='st'><i class="fa fa-thumbs-o-up"></i> Reputation:</span><span class='dr'>{template="reputationBadge" group="global" app="core" params="$comment->author()"}</span></li>
		<li class='ipsType_light andrew-modern-topic'><span class='st'><i class="fa fa-star"></i> Member No: </span><span class='dr'>{$comment->author()->member_id}</span></li>  
                <li class='ipsType_light andrew-modern-topic'><span style="color:#d6a229" class='st'><i class="fa fa-trophy" aria-hidden="true"></i> {lang="members_days_won_count"}:</span><span style="color:#d6a229" class='dr'>{number="$comment->author()->getReputationDaysWonCount()"}</span></li>	
	        <li class='ipsType_light andrew-modern-topic'><span class='st'><i class="fa fa-bell"></i> Status: </span><span class='dr'>{{if $comment->author()->isOnline()}} <strong><span style="color:green">Online</span></strong> {{else}} <strong><span style="color:red">Offline</span></strong> {{endif}}  </span></li> 
                <li class='ipsType_light andrew-modern-topic'><span class='st'><i class="fa fa-calendar-o"></i> Joined:</span> <span class='dr'>{datetime="$comment->author()->joined" dateonly="true"}</span></li>		
                <li class='ipsType_light andrew-modern-topic'><span class='st'><i class="fa fa-birthday-cake"></i> Age:</span> <span class='dr'>{$comment->author()->age()}</span></li>
{{if $comment->author()->reputationImage()}}



- Extras:

### This is for the member's Custom tittle to make it look different ###
<li class='ipsType_light andrew-modern-topic'><span class='st'><i class="fa fa-check-circle"></i> Title:</span><span class='dr'>{$comment->author()->member_title}</span></li>

### This is for the Rank tittle to make it look different ###
<li class='ipsType_light andrew-modern-topic'><span class='st'><i class="fa fa-check-circle"></i> Rank:</span><span class='dr'>{$comment->author()->rank['title']}</span></li>

### This is for the Exp (pips) to make them look different ###
<li class='ipsType_light andrew-modern-topic'><span class='st'><i class="fa fa-bar-chart"></i> Exp:</span><span class='dr'>{$comment->author()->rank['image']|raw}</span></li>

### This is for the username to make it look different ###
<li class='ipsType_light andrew-modern-topic'><span class='st'><i class="fa fa-address-card-o"></i> Username:</span><span class='dr'><strong>{$comment->author()->link( $comment->warningRef() )|raw}</strong></li>

Куда это всё вставлять то?

Link to comment
https://ipbmafia.ru/topic/17731-modern-user-info-panel-team-icons/?&do=findComment&comment=135925
Share on other sites
27 минут назад, Андрей Гнатенко сказал:

Где находится в шаблоне PostContainer, не нашёл её, мой шаблон называется "Titan". Надо вставить 
 

Куда это всё вставлять то?

 

 

Screenshot_6.png

Link to comment
https://ipbmafia.ru/topic/17731-modern-user-info-panel-team-icons/?&do=findComment&comment=135929
Share on other sites

Затупил и сохранил неправильно стили, как вернуть ??? Напишите примерный путь до файлов темы с этими стилями, буду восстанавливать.

Link to comment
https://ipbmafia.ru/topic/17731-modern-user-info-panel-team-icons/?&do=findComment&comment=135931
Share on other sites
4 минуты назад, Андрей Гнатенко сказал:

Затупил и сохранил неправильно стили, как вернуть ??? Напишите примерный путь до файлов темы с этими стилями, буду восстанавливать.

файлов нет, все что есть все в ац, на скрине все видно. ставишь 2ой титан, и оттуда берешь нужный код

Link to comment
https://ipbmafia.ru/topic/17731-modern-user-info-panel-team-icons/?&do=findComment&comment=135933
Share on other sites

Поправил как мог, вот теперь вроде работает, но выглядит так:

59b0205932e5a_-2.thumb.png.660b30a02b72597423f5e6f9494dff4c.png


Как сделать чтобы было как в первом посте темы? Тоесть привести к норм виду.
Вот код:
 

{{$idField = $comment::$databaseColumnId;}}
{{$itemClassSafe = str_replace( '\\', '_', mb_substr( $comment::$itemClass, 4 ) );}}
{{if $comment->isIgnored()}}
	<div class='ipsComment ipsComment_ignored ipsType_light' id='elIgnoreComment_{$comment->$idField}' data-ignoreCommentID='elComment_{$comment->$idField}' data-ignoreUserID='{$comment->author()->member_id}'>
		{lang="ignoring_content" sprintf="$comment->author()->name"} <a href='#elIgnoreComment_{$comment->$idField}_menu' data-ipsMenu data-ipsMenu-menuID='elIgnoreComment_{$comment->$idField}_menu' data-ipsMenu-appendTo='#elIgnoreComment_{$comment->$idField}' data-action="ignoreOptions" title='{lang="see_post_ignore_options"}' class='ipsType_blendLinks'>{lang="options"} <i class='fa fa-caret-down'></i></a>
		<ul class='ipsMenu ipsHide' id='elIgnoreComment_{$comment->$idField}_menu'>
			<li class='ipsMenu_item ipsJS_show' data-ipsMenuValue='showPost'><a href='#'>{lang="show_this_post"}</a></li>
			<li class='ipsMenu_sep ipsJS_show'><hr></li>
			<li class='ipsMenu_item' data-ipsMenuValue='stopIgnoring'><a href='{url="app=core&module=system&controller=ignore&do=remove&id={$comment->author()->member_id}" seoTemplate="ignore"}'>{lang="stop_ignoring_posts_by" sprintf="$comment->author()->name"}</a></li>
			<li class='ipsMenu_item'><a href='{url="app=core&module=system&controller=ignore" seoTemplate="ignore"}'>{lang="change_ignore_preferences"}</a></li>
		</ul>
	</div>
{{endif}}

<a id='comment-{$comment->$idField}'></a>
<article itemscope {{if $comment->author()->hasHighlightedReplies()}}data-memberGroup="{$comment->author()->member_group_id}" {{endif}}{{if $item->isQuestion() && !$comment->new_topic}}itemprop="suggestedAnswer {{if $comment->post_bwoptions['best_answer']}}acceptedAnswer{{endif}}" itemtype="http://schema.org/Answer"{{else}}itemtype="http://schema.org/Comment"{{endif}} id='elComment_{$comment->$idField}' class='cPost ipsBox {{if $otherClasses}}{$otherClasses}{{endif}} ipsComment {{if settings.reputation_highlight and $comment->reputation() >= settings.reputation_highlight and settings.reputation_enabled}}ipsComment_popular{{endif}} ipsComment_parent ipsClearfix ipsClear ipsColumns ipsColumns_noSpacing ipsColumns_collapsePhone {{if $comment->author()->hasHighlightedReplies()}}ipsComment_highlighted{{endif}}{{if $comment->isIgnored()}}ipsHide{{endif}} {{if $comment->hidden()}}ipsModerated{{endif}}'>
	{{if $item->isQuestion() and !$comment->new_topic}}
		{template="postRating" group="topics" app="forums" params="$item, $comment, $votes"}
	{{endif}}
	<aside class='ipsComment_author cAuthorPane ipsColumn ipsColumn_medium'>
		<h3 class='ipsType_sectionHead cAuthorPane_author ipsType_blendLinks ipsType_break' itemprop="creator" itemscope itemtype="http://schema.org/Person"><strong itemprop="name">{$comment->author()->link( $comment->warningRef() )|raw}</strong> <span class='ipsResponsive_showPhone ipsResponsive_inline'>&nbsp;&nbsp;{template="reputationBadge" group="global" app="core" params="$comment->author()"}</span></h3>
		<ul class='cAuthorPane_info ipsList_reset'>
          
			{{if $comment->author()->member_title && $comment->author()->member_id}}
				<li class='ipsResponsive_hidePhone ipsType_break'>{$comment->author()->member_title}</li>
			{{elseif $comment->author()->rank['title'] && $comment->author()->member_id}}
				<li class='ipsResponsive_hidePhone ipsType_break'>{$comment->author()->rank['title']}</li>
			{{endif}}
			{{if $comment->author()->rank['image'] && $comment->author()->member_id}}
				<li class='ipsResponsive_hidePhone'>{$comment->author()->rank['image']|raw}</li>
			{{endif}}
          
          	<li class='cAuthorPane_photo'>
				{template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"}
			</li>

			<li>{expression="\IPS\Member\Group::load( $comment->author()->member_group_id )->formattedName" raw="true"}</li>
			{{if \IPS\Member\Group::load( $comment->author()->member_group_id )->g_icon }}
				<li class='ipsResponsive_hidePhone'><img src='{file="$comment->author()->group['g_icon'] "extension="core_Theme"}' alt='' class='cAuthorGroupIcon'></li>
			{{endif}}
			{{if $comment->author()->member_id}}
		<li class='ipsType_light andrew-modern-topic'><span class='st'><i class="fa fa-user"></i> Group:</span><strong><span class='dr'>{expression="\IPS\Member\Group::load( $comment->author()->member_group_id )->formattedName" raw="true"}</span></strong></li>
          	<li class='ipsType_light andrew-modern-topic'><span class='st'><i class="fa fa-comments"></i> Posts:</span><span class='dr'>{number="$comment->author()->member_posts"}</span></li>
                <li class='ipsType_light andrew-modern-topic'><span class='st'><i class="fa fa-thumbs-o-up"></i> Reputation:</span><span class='dr'>{template="reputationBadge" group="global" app="core" params="$comment->author()"}</span></li>
		<li class='ipsType_light andrew-modern-topic'><span class='st'><i class="fa fa-star"></i> Member No: </span><span class='dr'>{$comment->author()->member_id}</span></li>  
                <li class='ipsType_light andrew-modern-topic'><span style="color:#d6a229" class='st'><i class="fa fa-trophy" aria-hidden="true"></i> {lang="members_days_won_count"}:</span><span style="color:#d6a229" class='dr'>{number="$comment->author()->getReputationDaysWonCount()"}</span></li>	
	        <li class='ipsType_light andrew-modern-topic'><span class='st'><i class="fa fa-bell"></i> Status: </span><span class='dr'>{{if $comment->author()->isOnline()}} <strong><span style="color:green">Online</span></strong> {{else}} <strong><span style="color:red">Offline</span></strong> {{endif}}  </span></li> 
                <li class='ipsType_light andrew-modern-topic'><span class='st'><i class="fa fa-calendar-o"></i> Joined:</span> <span class='dr'>{datetime="$comment->author()->joined" dateonly="true"}</span></li>		
                <li class='ipsType_light andrew-modern-topic'><span class='st'><i class="fa fa-birthday-cake"></i> Age:</span> <span class='dr'>{$comment->author()->age()}</span></li>
{{if $comment->author()->reputationImage()}}
					<li class='ipsPad_half ipsResponsive_hidePhone'>
						<img src='{file="$comment->author()->reputationImage()" extension="core_Theme"}' title='{{if $comment->author()->reputation()}}{$comment->author()->reputation()}{{endif}}' alt=''>
					</li>
				{{endif}}
				{template="customFieldsDisplay" group="global" app="core" params="$comment->author()"}
			{{endif}}
		</ul>
	</aside>
	<div class='ipsColumn ipsColumn_fluid'>
		{template="post" group="topics" app="forums" params="$item, $comment, $item::$formLangPrefix . 'comment', $item::$application, $item::$module, $itemClassSafe"}
	</div>
</article>

 

Link to comment
https://ipbmafia.ru/topic/17731-modern-user-info-panel-team-icons/?&do=findComment&comment=135934
Share on other sites
  • 7 месяцев спустя...

Спасибо, использую код для модернизации своей инфо-панели

Screenshot_65.png

Link to comment
https://ipbmafia.ru/topic/17731-modern-user-info-panel-team-icons/?&do=findComment&comment=146139
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.