Jump to content

Добавляем иконку перед прочитанными темами

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

Добавляем светлый кружок перед названием прочитанной темы:

Админка -> Внешний вид -> Стили и шаблоны -> напротив своего шаблона жмем на "Изменить HTML и CSS"

Шаблоны -> forums -> front -> forums -> topicRow

находим часть кода:

					<div class='ipsDataItem_icon ipsPos_top'>
                      	{{if $row->unread()}}
							<a href='{$row->url( 'getNewComment' )}' title='{lang="first_unread_post"}' data-ipsTooltip>
								<span class='ipsItemStatus'><i class="fa {{if in_array( $row->$idField, $iposted )}}fa-star{{else}}fa-circle{{endif}}"></i></span>
							</a>
						{{else}}
							{{if in_array( $row->$idField, $iposted )}}
								<span class='ipsItemStatus ipsItemStatus_read ipsItemStatus_posted'><i class="fa fa-star"></i></span>
							{{else}}
								&nbsp;
							{{endif}}
						{{endif}}
					</div>

вместо &nbsp; вводим код:

<span class="ipsItemStatus_readtopic"><i class="fa fa-circle"></i></span>

 

Далее идем в custom.css и добавляем код:

.ipsItemStatus_readtopic .fa-circle: before {
    content: "\f111";
    font-family: FontAwesome;
    color: #dbdbdb;  
    font-size: 14px;
    line-height: inherit;
    vertical-align: middle;
}

 

Если у вас установлен плагин "Последние обсуждения" (как на мафии), то ищем шаблон:

core -> global -> plugins -> recentTopicsRow

меняем весь код на этот:

{{$idField = $topic::$databaseColumnId;}}
{{$iPosted = isset( $topic->contentPostedIn ) ? $topic->contentPostedIn : ( $topic AND method_exists( $topic, 'container' ) AND $topic->container() !== NULL ) ? $topic->container()->contentPostedIn() : array();}}
<li id='recentTopics_tid_{$topic->tid}' data-tid="{$topic->tid}" data-timestamp="{{if $topic->mapped('last_comment')}}{$topic->mapped('last_comment')}{{else}}{$topic->mapped('date')}{{endif}}" class="ipsDataItem ipsDataItem_responsivePhoto {{if $topic->unread()}}ipsDataItem_unread{{endif}} {{if method_exists( $topic, 'tableClass' ) && $topic->tableClass()}}ipsDataItem_{$topic->tableClass()}{{endif}} {{if $topic->hidden()}}ipsModerated{{endif}}">
	{{if $showReadMarkers}}
		{{if $topic->unread()}}
			<div class='ipsDataItem_icon ipsPos_top'>
				<a href='{$topic->url( 'getNewComment' )}' title='{lang="first_unread_post"}' data-ipsTooltip>
					<span class='ipsItemStatus'><i class="fa {{if in_array( $topic->$idField, $iPosted )}}fa-star{{else}}fa-circle{{endif}}"></i></span>
				</a>
			</div>
		{{else}}
			{{if in_array( $topic->$idField, $iPosted )}}
				<div class='ipsDataItem_icon ipsPos_top'>
					<span class='ipsItemStatus ipsItemStatus_read ipsItemStatus_posted'><i class="fa fa-star"></i></span>
				</div>
			{{else}}
				<div class='ipsDataItem_icon ipsPos_top'><span class="ipsItemStatus_readtopic"><i class="fa fa-circle"></i></span></div>
			{{endif}}
		{{endif}}
	{{endif}}
	<div class='ipsDataItem_main'>
		<h4 class='ipsDataItem_title ipsType_break'>
			{{if $topic->locked()}}
				<i class='fa fa-lock' data-ipsTooltip title='{lang="topic_locked"}'></i>
			{{endif}}		
			{{if $topic->prefix()}}
				{template="prefix" group="global" app="core" params="$topic->prefix( TRUE ), $topic->prefix()"}
			{{endif}}
			<a href='{$topic->url()}' {{if $topic->canView()}}data-ipsHover data-ipsHover-target='{$topic->url()->setQueryString('preview', 1)}' data-ipsHover-timeout='1.5' {{endif}}>
				{{if $topic->isQuestion()}}
					<strong class='ipsType_light'>{lang="question_title"}:</strong>
				{{endif}}
				<span itemprop="name">
					{{if $topic->mapped('title')}}{wordbreak="$topic->mapped('title')"}{{else}}<em class="ipsType_light">{lang="content_deleted"}</em>{{endif}}
				</span>
			</a>
			{{if $topic->mapped('pinned') || $topic->mapped('featured') || $topic->hidden() === -1 || $topic->hidden() === 1}}
				<span>
					{{if $topic->hidden() === -1}}
						<span class="ipsBadge ipsBadge_icon ipsBadge_small ipsBadge_warning" data-ipsTooltip title='{$topic->hiddenBlurb()}'><i class='fa fa-eye-slash'></i></span>
					{{elseif $topic->hidden() === 1}}
						<span class="ipsBadge ipsBadge_icon ipsBadge_small ipsBadge_warning" data-ipsTooltip title='{lang="pending_approval"}'><i class='fa fa-warning'></i></span>
					{{endif}}							
					{{if $topic->mapped('pinned')}}
						<span class="ipsBadge ipsBadge_icon ipsBadge_small ipsBadge_positive" data-ipsTooltip title='{lang="pinned"}'><i class='fa fa-thumb-tack'></i></span>
					{{endif}}
					{{if $topic->mapped('featured')}}
						<span class="ipsBadge ipsBadge_icon ipsBadge_small ipsBadge_positive" data-ipsTooltip title='{lang="featured"}'><i class='fa fa-star'></i></span>
					{{endif}}
				</span>
			{{endif}}
		</h4>
		{{if $topic->commentPageCount() > 1}}
			{$topic->commentPagination( array(), 'miniPagination' )|raw}
		{{endif}}
		<div class='ipsDataItem_meta ipsType_reset ipsType_light ipsType_blendLinks'>
			{lang="byline" htmlsprintf="$topic->author()->link()"} {datetime="$topic->mapped('date')"}
			{{if \IPS\Request::i()->controller != 'forums'}}
				{lang="in"} <a href="{$topic->container()->url()}">{$topic->container()->_title}</a>
			{{endif}}
			{{if count( $topic->tags() )}}
				&nbsp;&nbsp;
				{template="tags" group="global" app="core" params="$topic->tags(), true, true"}
			{{endif}}
		</div>
		<ul class='ipsList_inline ipsClearfix ipsType_light'>
			{{if $topic->isQuestion()}}
				{{if $topic->topic_answered_pid}}
					<li class='ipsType_success'><i class='fa fa-check-circle'></i> <strong>{lang="answered"}</strong></li>
				{{else}}
					<li class='ipsType_light'><i class='fa fa-question'></i> {lang="awaiting_answer"}</li>
				{{endif}}
			{{endif}}
		</ul>
	</div>
	<ul class='ipsDataItem_stats'>
		{{if $topic->isQuestion()}}
			<li>
				<span class='ipsDataItem_stats_number'>{{if $topic->question_rating}}{$topic->question_rating}{{else}}0{{endif}}</span>
				<span class='ipsDataItem_stats_type'>{lang="votes_no_number" pluralize="$topic->question_rating"}</span>
			</li>	
			{{foreach $topic->stats(FALSE) as $k => $v}}
				{{if $k == 'forums_comments' OR $k == 'answers_no_number'}}
					<li>
						<span class='ipsDataItem_stats_number'>{number="$v"}</span>
						<span class='ipsDataItem_stats_type'>{lang="answers_no_number" pluralize="$v"}</span>
					</li>
				{{endif}}
			{{endforeach}}
		{{else}}
			{{foreach $topic->stats(FALSE) as $k => $v}}
				<li {{if $k == 'num_views'}}class='ipsType_light'{{elseif in_array( $k, $topic->hotStats )}}class="ipsDataItem_stats_hot" data-text='{lang="hot_item"}' data-ipsTooltip title='{lang="hot_item_desc"}'{{endif}}>
					<span class='ipsDataItem_stats_number'>{number="$v"}</span>
					<span class='ipsDataItem_stats_type'>{lang="{$k}" pluralize="$v"}</span>
				</li>
			{{endforeach}}
		{{endif}}
	</ul>
	<ul class='ipsDataItem_lastPoster ipsDataItem_withPhoto'>
		<li>
			{{if $topic->mapped('num_comments')}}
				{template="userPhoto" app="core" group="global" params="$topic->lastCommenter(), 'tiny'"}
			{{else}}
				{template="userPhoto" app="core" group="global" params="$topic->author(), 'tiny'"}
			{{endif}}
		</li>
		<li>
			{{if $topic->mapped('num_comments')}}
				{$topic->lastCommenter()->link()|raw}
			{{else}}
				{$topic->author()->link()|raw}
			{{endif}}
		</li>
		<li class="ipsType_light">
			<a href='{$topic->url( 'getLastComment' )}' title='{lang="get_last_post"}' class='ipsType_blendLinks'>
				{{if $topic->mapped('last_comment')}}{datetime="$topic->mapped('last_comment')"}{{else}}{datetime="$topic->mapped('date')"}{{endif}}
			</a>
		</li>
	</ul>
</li>

 

User Feedback

Recommended Comments

Redneck

Актив

Изменения для custom.css c учетом мобильной версии:

@media screen and (min-width: 979px){
.ipsItemStatus_readtopic .fa-circle: before {
    content: "\f111";
    font-family: FontAwesome;
    color: #dbdbdb;  
    font-size: 14px;
    line-height: inherit;
    vertical-align: middle;
}}

@media screen and (max-width: 979px){
.ipsItemStatus_readtopic .fa-circle: before {
    content: "\f111";
    font-family: FontAwesome;
    color: #dbdbdb;  
    font-size: 18px;
    line-height: inherit;
    vertical-align: middle;
}}

 

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
Добавить комментарий...