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

Modern User Info Panel + Team icons!

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

Modern User Info Panel + Team icons!


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

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

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

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

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

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
14 минут назад, Doker сказал:

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
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>

 

Поделиться сообщением


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

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


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

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

×