Перейти к содержанию

Modern User Info Panel + Team icons!


Silence

Рекомендуемые сообщения

Modern User Info Panel + Team icons!


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

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

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

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

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

 

Ссылка на комментарий
Поделиться на другие сайты

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

Ссылка на комментарий
Поделиться на другие сайты

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

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

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

Ссылка на комментарий
Поделиться на другие сайты

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

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

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

Ссылка на комментарий
Поделиться на другие сайты

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

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

 

Ссылка на комментарий
Поделиться на другие сайты

  • 1 месяц спустя...
  • 1 месяц спустя...

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

Ссылка на комментарий
Поделиться на другие сайты

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

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

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

Ссылка на комментарий
Поделиться на другие сайты

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

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

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

Ссылка на комментарий
Поделиться на другие сайты

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

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

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

Ссылка на комментарий
Поделиться на другие сайты

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

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

Ссылка на комментарий
Поделиться на другие сайты

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

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

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

 

 

Screenshot_6.png

Ссылка на комментарий
Поделиться на другие сайты

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

Ссылка на комментарий
Поделиться на другие сайты

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

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

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

Ссылка на комментарий
Поделиться на другие сайты

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

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>

 

Ссылка на комментарий
Поделиться на другие сайты

  • 7 месяцев спустя...

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

Screenshot_65.png

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

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

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...