Jump to content

Иконки перед названием темы

Samohovets
Samohovets
in Invision Community 4 Support

Featured Replies

Posted
comment_117029

Всем salve, мафиози

Вопрос такой: Как заменить иконки перед темой? Поиск мне ничего не дал к сожалению, в случае с IPS4.1 

И можно ли сделать подгрузку иконок, например с font-awesome?

Screenshot_6.jpg

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/15941-ikonki-pered-nazvaniem-temy/
    Share on other sites
    comment_117030

    иконки.gif

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/15941-ikonki-pered-nazvaniem-temy/?&do=findComment&comment=117030
    Share on other sites
    • Author
    comment_117032

    Доцент, а теперь посмотрите на картинку, прикрепленную к теме, и подумайте, то ли вы имели ввиду

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/15941-ikonki-pered-nazvaniem-temy/?&do=findComment&comment=117032
    Share on other sites
    comment_117033
    9 минут назад, Samohovets сказал:

    и подумайте, то ли вы имели ввиду

    Не то, но за желание помочь и записанное видео - спасибо.

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/15941-ikonki-pered-nazvaniem-temy/?&do=findComment&comment=117033
    Share on other sites
    comment_117034
    13 минут назад, Samohovets сказал:

    а теперь посмотрите на картинку, прикрепленную к теме,

    Когда я отвечал у меня "картинки" не отображались...

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/15941-ikonki-pered-nazvaniem-temy/?&do=findComment&comment=117034
    Share on other sites
    comment_117059
    5 часов назад, Samohovets сказал:

    Всем salve, мафиози

    Вопрос такой: Как заменить иконки перед темой? Поиск мне ничего не дал к сожалению, в случае с IPS4.1 

    И можно ли сделать подгрузку иконок, например с font-awesome?

    Screenshot_6.jpg

    Перейти к теме и открыть следующий шаблон: forums > front > index > forumRow

    В конце каждого экземпляра пролета с class ipsItemStatus: 

    <span class='ipsItemStatus

    Вам нужно будет добавить немного кода перед закрытием ">". 

    data-forumID="{$forum->_id}"

    В CSS добавит ето код: 

    /* ==========================================================================
ФОРУМ ИКОНЫ 
========================================================================== */
/*== [Category Name] ==*/
span.ipsItemStatus.ipsItemStatus_large[data-forumid='1'] > i:before{ content: "\f015" }
span.ipsItemStatus.ipsItemStatus_large[data-forumid='2'] > i:before{ content: "\f059" }
span.ipsItemStatus.ipsItemStatus_large[data-forumid='3'] > i:before{ content: "\f188" }
span.ipsItemStatus.ipsItemStatus_large[data-forumid='4'] > i:before{ content: "\f0f4" }
span.ipsItemStatus.ipsItemStatus_large[data-forumid='5'] > i:before{ content: "\f135" }
span.ipsItemStatus.ipsItemStatus_large[data-forumid='6'] > i:before{ content: "\f007" }

    Изменит ID ваш форум - промер 1, 2, 3

    Изменит ицонки \f015 с ваши : http://fontawesome.io/icons/

    Untitled.png

     

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/15941-ikonki-pered-nazvaniem-temy/?&do=findComment&comment=117059
    Share on other sites
    • Author
    comment_117153
    14 часов назад, Silence сказал:

    Перейти к теме и открыть следующий шаблон: forums > front > index > forumRow

    В конце каждого экземпляра пролета с class ipsItemStatus: 

    
<span class='ipsItemStatus

    Вам нужно будет добавить немного кода перед закрытием ">". 

    
data-forumID="{$forum->_id}"

    В CSS добавит ето код: 

    
/* ==========================================================================
ФОРУМ ИКОНЫ 
========================================================================== */
/*== [Category Name] ==*/
span.ipsItemStatus.ipsItemStatus_large[data-forumid='1'] > i:before{ content: "\f015" }
span.ipsItemStatus.ipsItemStatus_large[data-forumid='2'] > i:before{ content: "\f059" }
span.ipsItemStatus.ipsItemStatus_large[data-forumid='3'] > i:before{ content: "\f188" }
span.ipsItemStatus.ipsItemStatus_large[data-forumid='4'] > i:before{ content: "\f0f4" }
span.ipsItemStatus.ipsItemStatus_large[data-forumid='5'] > i:before{ content: "\f135" }
span.ipsItemStatus.ipsItemStatus_large[data-forumid='6'] > i:before{ content: "\f007" }

    Изменит ID ваш форум - промер 1, 2, 3

    Изменит ицонки \f015 с ваши : http://fontawesome.io/icons/

    Untitled.png

     

    ничего не понял, но спасибо. 

     

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/15941-ikonki-pered-nazvaniem-temy/?&do=findComment&comment=117153
    Share on other sites
    comment_117155
    1 минуту назад, Samohovets сказал:

    ничего не понял, но спасибо. 

     

    Перейти forums > front > index > forumRow

    Заменит все содержание с ето:

    Спойлер 
    
{{if $forum->can('view')}}
{{$lastPost = $forum->lastPost();}}
	<li class="ipsDataItem ipsDataItem_responsivePhoto {{if \IPS\forums\Topic::containerUnread( $forum ) && !$forum->redirect_on}}ipsDataItem_unread{{endif}} ipsClearfix" data-forumID="{$forum->_id}">
		<div class="ipsDataItem_icon ipsDataItem_category">
			{{if !$forum->redirect_on}}
			{{if \IPS\forums\Topic::containerUnread( $forum ) AND \IPS\Member::loggedIn()->member_id}}<a href="{{if $isSubForum}}{$forum->url()->setQueryString( array( 'do' => 'markRead', 'return' => $forum->parent_id ) )->csrf()}{{else}}{$forum->url()->setQueryString( 'do', 'markRead' )->csrf()}{{endif}}" data-action='markAsRead' title='{lang="mark_forum_read"}' data-ipsTooltip>{{endif}}
			{{endif}}
				{{if $forum->icon}}
					<img src="{file="$forum->icon" extension="forums_Icons"}" class='ipsItemStatus ipsItemStatus_custom {{if !\IPS\forums\Topic::containerUnread( $forum ) && !$forum->redirect_on}}ipsItemStatus_read{{endif}}'>
				{{else}}
					{{if $forum->redirect_on}}
						<span class='ipsItemStatus ipsItemStatus_large cForumIcon_redirect {{if !\IPS\forums\Topic::containerUnread( $forum ) && !$forum->redirect_on}}ipsItemStatus_read{{endif}}' data-forumID="{$forum->_id}">
							<i class='fa fa-arrow-right'></i>
						</span>
					{{elseif $forum->forums_bitoptions['bw_enable_answers']}}
						<span class='ipsItemStatus ipsItemStatus_large cForumIcon_answers {{if !\IPS\forums\Topic::containerUnread( $forum ) && !$forum->redirect_on}}ipsItemStatus_read{{endif}}' data-forumID="{$forum->_id}">
							<i class='fa fa-question'></i>
						</span>
					{{elseif $forum->password}}
						<span class='ipsItemStatus ipsItemStatus_large cForumIcon_password {{if !\IPS\forums\Topic::containerUnread( $forum ) && !$forum->redirect_on}}ipsItemStatus_read{{endif}}' data-forumID="{$forum->_id}">
							{{if $forum->loggedInMemberHasPasswordAccess()}}
								<i class='fa fa-unlock'></i>
							{{else}}
								<i class='fa fa-lock'></i>
							{{endif}}
						</span>
					{{else}}
						<span class='ipsItemStatus ipsItemStatus_large cForumIcon_normal {{if !\IPS\forums\Topic::containerUnread( $forum ) && !$forum->redirect_on}}ipsItemStatus_read{{endif}}' data-forumID="{$forum->_id}">
							<i class="fa fa-comments"></i>
						</span>
					{{endif}}
				{{endif}}
			{{if !$forum->redirect_on and \IPS\forums\Topic::containerUnread( $forum ) AND \IPS\Member::loggedIn()->member_id}}
			</a>
			{{endif}}
		</div>
		<div class="ipsDataItem_main">
			<h4 class="ipsDataItem_title ipsType_large ipsType_break">
				{{if $forum->password && !$forum->loggedInMemberHasPasswordAccess()}}
					<a href="{$forum->url()->setQueryString( 'passForm', '1' )}" data-ipsDialog data-ipsDialog-size='narrow' data-ipsDialog-title='{lang="forum_requires_password"}'>{$forum->_title}</a>
				{{else}}
					<a href="{$forum->url()}">{$forum->_title}</a>
				{{endif}}
				{{if $forum->redirect_on}}
					&nbsp;&nbsp;<span class='ipsType_light ipsType_medium'>({lang="redirect_hits" pluralize="$forum->redirect_hits"})</span>
				{{endif}}
			</h4>
			{{if $forum->hasChildren()}}
				<ul class="ipsDataItem_subList ipsList_inline">
					{{foreach $forum->children() as $subforum}}
						<li class="{{if \IPS\forums\Topic::containerUnread( $subforum )}}ipsDataItem_unread{{endif}}">
							<a href="{$subforum->url()}">{{if \IPS\forums\Topic::containerUnread( $subforum )}}<span class='ipsItemStatus ipsItemStatus_tiny {{if !\IPS\forums\Topic::containerUnread( $subforum ) && !$subforum->redirect_on}}ipsItemStatus_read{{endif}}'><i class="fa fa-circle"></i></span>&nbsp;{{endif}}{$subforum->_title}</a>
						</li>
					{{endforeach}}
				</ul>
			{{endif}}
			{{if $forum->description}}
				<div class="ipsDataItem_meta ipsType_richText">{$forum->description|raw}</div>
			{{endif}}
		</div>
		{{if !$forum->redirect_on}}
			<div class="ipsDataItem_stats ipsDataItem_statsLarge">
				{{if $lastPost}}
					<dl>
						{{$count = \IPS\forums\Topic::contentCount( $forum, TRUE );}}
						<dt class="ipsDataItem_stats_number">{number="$count"}</dt>
						<dd class="ipsDataItem_stats_type ipsType_light">{lang="posts_no_number" pluralize="$count"}</dd>
					</dl>
				{{endif}}
				{{if \IPS\forums\Topic::modPermission( 'unhide', NULL, $forum ) AND $unapprovedContent = $forum->unapprovedContentRecursive() and ( $unapprovedContent['topics'] OR $unapprovedContent['posts'] )}}
					<strong class='ipsType_warning ipsType_medium'>
						<i class='fa fa-warning'></i>
						{{if $unapprovedContent['topics']}}
							<a href='{$forum->url()->setQueryString( array( 'advanced_search_submitted' => 1, 'topic_type' => 'queued_topics' ) )->csrf()}' data-ipsTooltip title='{lang="queued_topics_badge" pluralize="$unapprovedContent['topics']"}' class='ipsType_blendLinks'>{$unapprovedContent['topics']}</a>
						{{else}}
							<span class='ipsType_light'>0</span>
						{{endif}}
						/
						{{if $unapprovedContent['posts']}}
							<a href='{$forum->url()->setQueryString( array( 'advanced_search_submitted' => 1, 'topic_type' => 'queued_posts' ) )->csrf()}' data-ipsTooltip title='{lang="queued_posts_badge" pluralize="$unapprovedContent['posts']"}' class='ipsType_blendLinks'>{$unapprovedContent['posts']}</a>
						{{else}}
							<span class='ipsType_light'>0</span>
						{{endif}}
					</strong>
				{{endif}}
			</div>
			<ul class="ipsDataItem_lastPoster ipsDataItem_withPhoto">
				{{if $lastPost}}
					<li>{template="userPhoto" app="core" group="global" params="$lastPost['author'], 'tiny'"}</li>
					{{if $lastPost['topic_title']}}<li><a href="{$lastPost['topic_url']->setQueryString( 'do', 'getNewComment' )}" title='{$lastPost['topic_title']}'>{truncate="$lastPost['topic_title']" length="26"}</a></li>{{endif}}
					<li class='ipsType_blendLinks'>{lang="byline_nodate" htmlsprintf="$lastPost['author']->link()"}</li>
					{{if $lastPost['topic_title']}}
						<li class="ipsType_light"><a href='{$lastPost['topic_url']->setQueryString( 'do', 'getLastComment' )}' title='{lang="get_last_post"}' class='ipsType_blendLinks'>{datetime="$lastPost['date']"}</a></li>
					{{else}}
						<li class="ipsType_light">{datetime="$lastPost['date']"}</li>
					{{endif}}
				{{else}}
					<li class='ipsType_light ipsResponsive_showDesktop'>{{if $forum->password}}{lang="no_forum_posts_password"}{{else}}{lang="no_forum_posts"}{{endif}}</li>
				{{endif}}
			</ul>	
		{{endif}}
		{{if $table and $table->canModerate()}}
			<div class='ipsDataItem_modCheck'>
				<span class='ipsCustomInput'>
					<input type='checkbox' data-role='moderation' name="moderate[{$forum->_id}]" data-actions="{expression="implode( ' ', $table->multimodActions( $forum ) )"}" data-state=''>
					<span></span>
				</span>
			</div>
		{{endif}}
	</li>
{{endif}}

     

    В CSS добавит ето код: 

    /* ==========================================================================
ФОРУМ ИКОНЫ 
========================================================================== */
/*== [Category Name] ==*/
span.ipsItemStatus.ipsItemStatus_large[data-forumid='1'] > i:before{ content: "\f015" }
span.ipsItemStatus.ipsItemStatus_large[data-forumid='2'] > i:before{ content: "\f059" }
span.ipsItemStatus.ipsItemStatus_large[data-forumid='3'] > i:before{ content: "\f188" }
span.ipsItemStatus.ipsItemStatus_large[data-forumid='4'] > i:before{ content: "\f0f4" }
span.ipsItemStatus.ipsItemStatus_large[data-forumid='5'] > i:before{ content: "\f135" }
span.ipsItemStatus.ipsItemStatus_large[data-forumid='6'] > i:before{ content: "\f007" }
  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/15941-ikonki-pered-nazvaniem-temy/?&do=findComment&comment=117155
    Share on other sites
    • Author
    comment_117159

    Silence,  это добавить в custom.css или куда?

    извините что не соображаю 

    /* ==========================================================================
ФОРУМ ИКОНЫ 
========================================================================== */
/*== [Category Name] ==*/
span.ipsItemStatus.ipsItemStatus_large[data-forumid='1'] > i:before{ content: "\f015" }
span.ipsItemStatus.ipsItemStatus_large[data-forumid='2'] > i:before{ content: "\f059" }
span.ipsItemStatus.ipsItemStatus_large[data-forumid='3'] > i:before{ content: "\f188" }
span.ipsItemStatus.ipsItemStatus_large[data-forumid='4'] > i:before{ content: "\f0f4" }
span.ipsItemStatus.ipsItemStatus_large[data-forumid='5'] > i:before{ content: "\f135" }
span.ipsItemStatus.ipsItemStatus_large[data-forumid='6'] > i:before{ content: "\f007" }
  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/15941-ikonki-pered-nazvaniem-temy/?&do=findComment&comment=117159
    Share on other sites
    comment_117160
    1 минуту назад, Samohovets сказал:

    Silence,  это добавить в custom.css или куда?

    извините что не соображаю 

    
/* ==========================================================================
ФОРУМ ИКОНЫ 
========================================================================== */
/*== [Category Name] ==*/
span.ipsItemStatus.ipsItemStatus_large[data-forumid='1'] > i:before{ content: "\f015" }
span.ipsItemStatus.ipsItemStatus_large[data-forumid='2'] > i:before{ content: "\f059" }
span.ipsItemStatus.ipsItemStatus_large[data-forumid='3'] > i:before{ content: "\f188" }
span.ipsItemStatus.ipsItemStatus_large[data-forumid='4'] > i:before{ content: "\f0f4" }
span.ipsItemStatus.ipsItemStatus_large[data-forumid='5'] > i:before{ content: "\f135" }
span.ipsItemStatus.ipsItemStatus_large[data-forumid='6'] > i:before{ content: "\f007" }

    Да и изменит id форума с вашем

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/15941-ikonki-pered-nazvaniem-temy/?&do=findComment&comment=117160
    Share on other sites
    • Author
    comment_117161

    Silence, простите, а где взять этот id форума?

    Silence, я уже нашел, не надо, спасибо

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/15941-ikonki-pered-nazvaniem-temy/?&do=findComment&comment=117161
    Share on other sites
    comment_117162
    9 минут назад, Samohovets сказал:

    Silence, простите, а где взять этот id форума?

    Silence, я уже нашел, не надо, спасибо

    Untitled.png

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/15941-ikonki-pered-nazvaniem-temy/?&do=findComment&comment=117162
    Share on other sites
    • Author
    comment_117163

    Silence, нет, почему-то у меня не работает, прописал в custom.css код, изменил значения на свои, всё равно не работает

    Screenshot_1.jpg

    Screenshot_2.jpg

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/15941-ikonki-pered-nazvaniem-temy/?&do=findComment&comment=117163
    Share on other sites
    comment_117164

    :D дайте мне админ права - я исправит 

    Вие използват плагин для иконки форума??

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/15941-ikonki-pered-nazvaniem-temy/?&do=findComment&comment=117164
    Share on other sites
    • Author
    comment_117165

    Silence, ну извините, так уж получается :D

    Да, я подключил внешние иконки с Font-awesome 

    Напишите мне в ЛС

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/15941-ikonki-pered-nazvaniem-temy/?&do=findComment&comment=117165
    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
    Ответить в этой теме...
    Go to topic listing

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

    • No registered users viewing this page.