Modern User Info Panel + Team icons!

Posted 29 июня, 20177 yr

Modern User Info Panel + Team icons!

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

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

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

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

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

Добавил

Silence
Добавлено

29.06.2017
Категория

Интерфейс
Язык

Язык: eng

Цитата

29 июня, 20177 yr

comment_131695

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

Цитата

makselesin
1

29 июня, 20177 yr

comment_131696

14 минут назад, Doker сказал:

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

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

Цитата

makselesin
1

29 июня, 20177 yr

comment_131697

10 минут назад, WOLF сказал:

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

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

Цитата

29 июня, 20177 yr

comment_131698

1 минуту назад, Doker сказал:

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

Цитата

Silence
1

29 июня, 20177 yr

comment_131701

@Doker

Цитата

MaZaHaKa, Silence and makselesin
3

1 августа, 20177 yr

comment_133762

Для 4.2.1 подойдёт?

Цитата

6 сентября, 20177 yr

comment_135890

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

Цитата

6 сентября, 20177 yr

comment_135899

59 минут назад, Андрей Гнатенко сказал:

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

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

Цитата

6 сентября, 20177 yr

comment_135905

36 минут назад, WOLF сказал:

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

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

Цитата

6 сентября, 20177 yr

comment_135909

48 минут назад, Андрей Гнатенко сказал:

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

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

Цитата

6 сентября, 20177 yr

comment_135925

Где находится в шаблоне 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>

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

Цитата

6 сентября, 20177 yr

comment_135929

27 минут назад, Андрей Гнатенко сказал:

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

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

Цитата

6 сентября, 20177 yr

comment_135931

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

Цитата

6 сентября, 20177 yr

comment_135933

4 минуты назад, Андрей Гнатенко сказал:

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

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

Цитата

6 сентября, 20177 yr

comment_135934

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

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

{{$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>

Цитата

15 апреля, 20186 yr

comment_146139

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

Цитата

Sign In

Modern User Info Panel + Team icons!

Featured Replies

Modern User Info Panel + Team icons!

Join the conversation

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

Account

Navigation

Messages

Уведомления

Search