Crankychips

Severniy · 28 сентября, 2018

Просмотреть файл

Crankychips

Красивый тёмный стиль для последних версий IPS 4.3.5 - 4.3.6

Автор

.V.I.P.
Добавлен

28.09.2018
Категория

Тёмные стили

♕-SlawkA-♕ · 29 сентября, 2018

вроде норм так стиль. есть анимация svg

Скрытый текст

Severniy · 30 сентября, 2018

@☯️♕-SlawkA-♕ там ещё некоторые плюхи есть в боковых блоках по типу последних сообщений и лучших пользователей.

Лучшие пользователи, сделал сюда.

♕-SlawkA-♕ · 30 сентября, 2018

@.V.I.P. да я тоже заметил. походу дефолтные только переделаны.

Severniy · 30 сентября, 2018

@☯️♕-SlawkA-♕ да

Severniy · 2 ноября, 2018

Что нового в этой версии файла 1.2.0

Добавлен новый дизайн, можно переключать из настройки темы в ACP!
Добавлена возможность использовать слайдер с новым дизайном!
Более мелкие исправления стиля.

Severniy · 2 ноября, 2018

Фикс отображения в postContainer

Заменить всё на

{{$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 {{if $comment->author()->hasHighlightedReplies()}}data-memberGroup="{$comment->author()->member_group_id}" {{endif}} id='elComment_{$comment->$idField}' class='cPost ipsBox {{if $otherClasses}}{$otherClasses}{{endif}} ipsComment {{if ( settings.reputation_enabled and settings.reputation_highlight and $comment->reactionCount() >= settings.reputation_highlight ) OR $comment->isFeatured()}}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() OR $item->hidden() === -2}}ipsModerated{{endif}}'>
	{{if $item->isQuestion() and !$comment->new_topic}}
		{template="postRating" group="topics" app="forums" params="$item, $comment, $votes"}
	{{endif}}
	{{$currentTime = time();}}
	<div class='cAuthorPane cAuthorPane_mobile ipsResponsive_showPhone ipsResponsive_block'>
		<h3 class='ipsType_sectionHead cAuthorPane_author ipsResponsive_showPhone ipsResponsive_inlineBlock ipsType_break ipsType_blendLinks ipsTruncate ipsTruncate_line'>
			{template="userLink" group="global" app="core" params="$comment->author(), $comment->warningRef(), $comment->author()->group['g_id']"}
			<span class='ipsResponsive_showPhone ipsResponsive_inline'>&nbsp;&nbsp;{template="reputationBadge" group="global" app="core" params="$comment->author()"}</span>
		</h3>
		<div class='cAuthorPane_photo'>
			{template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"}
		</div>
	</div>
	<aside class='ipsComment_author cAuthorPane ipsColumn ipsColumn_medium ipsResponsive_hidePhone psUserStatus_{{if $currentTime - $comment->author()->last_activity < 900}}on{{elseif $currentTime - $comment->author()->last_activity > 900}}off{{else}}idle{{endif}}'>
		<h3 class='ipsType_sectionHead cAuthorPane_author ipsType_blendLinks ipsType_break'>
			<strong>{$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='ipsType_break'>{$comment->author()->member_title}</li>
			{{elseif $comment->author()->rank['title'] && $comment->author()->member_id}}
				<li class='ipsType_break'>{$comment->author()->rank['title']}</li>
			{{endif}}
			{{if $comment->author()->rank['image'] && $comment->author()->member_id}}
				<li>{$comment->author()->rank['image']|raw}</li>
			{{endif}}
			<li class='cAuthorPane_photo'>
				{template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"}
			</li>
			{{if \IPS\Member\Group::load( $comment->author()->member_group_id )->g_icon }}
				<li><img src='{file="$comment->author()->group['g_icon']" extension="core_Theme"}' alt='' class='cAuthorGroupIcon'></li>
			{{endif}}
			{{if $comment->author()->member_id}}
				<li class='psCustomField' data-keyword="group">
					<span>
						{lang="ps_group"}
					</span>
					<span>
						{expression="\IPS\Member\Group::load( $comment->author()->member_group_id )->name" raw="true"}
					</span>
				</li>
				<li class='psCustomField' data-keyword="posts">
					<span>
						{lang="ps_posts"}
					</span>
					<span>
						{$comment->author()->member_posts}
					</span>
				</li>
				<li class='psCustomField' data-keyword="reputation">
					<span>
						{lang="ps_reputation"}
					</span>
					<span>
						{$comment->author()->pp_reputation_points}
					</span>
				</li>
				<li class='psCustomField' data-keyword="warn">
					<span>
						{lang="ps_warnlevel"}
					</span>
					<span>
						{$comment->author()->warn_level}
					</span>
				</li>
				{template="customFieldsDisplay" group="global" app="core" params="$comment->author()"}
			{{endif}}
		</ul>
		{{if $comment->author()->member_id}}
			<div class='psAuthorContact'>
				<div class='psMention' data-user="{$comment->author()->name}" data-mentionhref='{$comment->author()->url()}' data-mentionid='{$comment->author()->member_id}' data-mentionhover='{$comment->author()->url()->setQueryString('do', 'hovercard')}'>
					Mention
				</div>
				<a class='psPM' href='{url="app=core&module=messaging&controller=messenger&do=compose&to={$comment->author()->member_id}" seoTemplate="messenger_compose"}' data-ipsDialog data-ipsDialog-title='{lang="compose_new"}' data-ipsDialog-remoteSubmit data-ipsDialog-flashMessage="{lang="message_sent"}">
					PM me
				</a>
			</div>
		{{endif}}
	</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>

**Ноу** · 4 ноября, 2018

Я подумал, вдруг кто-то хочет такой же PostContainer, репутацию не забываем ставить)

{{$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 {{if $comment->author()->hasHighlightedReplies()}}data-memberGroup="{$comment->author()->member_group_id}" {{endif}} id='elComment_{$comment->$idField}' class='cPost ipsBox {{if $otherClasses}}{$otherClasses}{{endif}} ipsComment {{if ( settings.reputation_enabled and settings.reputation_highlight and $comment->reactionCount() >= settings.reputation_highlight ) OR $comment->isFeatured()}}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() OR $item->hidden() === -2}}ipsModerated{{endif}}'>
	{{if $item->isQuestion() and !$comment->new_topic}}
		{template="postRating" group="topics" app="forums" params="$item, $comment, $votes"}
	{{endif}}
	{{$currentTime = time();}}
	<div class='cAuthorPane cAuthorPane_mobile ipsResponsive_showPhone ipsResponsive_block'>
		<h3 class='ipsType_sectionHead cAuthorPane_author ipsResponsive_showPhone ipsResponsive_inlineBlock ipsType_break ipsType_blendLinks ipsTruncate ipsTruncate_line'>
			{template="userLink" group="global" app="core" params="$comment->author(), $comment->warningRef(), $comment->author()->group['g_id']"}
			<span class='ipsResponsive_showPhone ipsResponsive_inline'>&nbsp;&nbsp;{template="reputationBadge" group="global" app="core" params="$comment->author()"}</span>
		</h3>
		<div class='cAuthorPane_photo'>
			{template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"}
		</div>
	</div>
	<aside class='ipsComment_author cAuthorPane ipsColumn ipsColumn_medium ipsResponsive_hidePhone psUserStatus_{{if $currentTime - $comment->author()->last_activity < 900}}on{{elseif $currentTime - $comment->author()->last_activity > 900}}off{{else}}idle{{endif}}'>
		<h3 class='ipsType_sectionHead cAuthorPane_author ipsType_blendLinks ipsType_break'>
			<strong>{$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='ipsType_break'>{$comment->author()->member_title}</li>
			{{elseif $comment->author()->rank['title'] && $comment->author()->member_id}}
				<li class='ipsType_break'>{$comment->author()->rank['title']}</li>
			{{endif}}
			{{if $comment->author()->rank['image'] && $comment->author()->member_id}}
				<li>{$comment->author()->rank['image']|raw}</li>
			{{endif}}
			<li class='cAuthorPane_photo'>
				{template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"}
			</li>
			{{if \IPS\Member\Group::load( $comment->author()->member_group_id )->g_icon }}
				<li><img src='{file="$comment->author()->group['g_icon']" extension="core_Theme"}' alt='' class='cAuthorGroupIcon'></li>
			{{endif}}
			{{if $comment->author()->member_id}}
				<li class='psCustomField' data-keyword="group">
					<span>
						Группа
					</span>
					<span>
						{expression="\IPS\Member\Group::load( $comment->author()->member_group_id )->name" raw="true"}
					</span>
				</li>
				<li class='psCustomField' data-keyword="posts">
					<span>
						Постов
					</span>
					<span>
						{$comment->author()->member_posts}
					</span>
				</li>
				<li class='psCustomField' data-keyword="reputation">
					<span>
						Репутация
					</span>
					<span>
						{$comment->author()->pp_reputation_points}
					</span>
				</li>
				<li class='psCustomField' data-keyword="warn">
					<span>
						Предупреждения
					</span>
					<span>
						{$comment->author()->warn_level}
					</span>
				</li>
				{template="customFieldsDisplay" group="global" app="core" params="$comment->author()"}
			{{endif}}
		</ul>
		{{if $comment->author()->member_id}}
			<div class='psAuthorContact'>
				<div class='psMention' data-user="{$comment->author()->name}" data-mentionhref='{$comment->author()->url()}' data-mentionid='{$comment->author()->member_id}' data-mentionhover='{$comment->author()->url()->setQueryString('do', 'hovercard')}'>
					Позвать
				</div>
				<a class='psPM' href='{url="app=core&module=messaging&controller=messenger&do=compose&to={$comment->author()->member_id}" seoTemplate="messenger_compose"}' data-ipsDialog data-ipsDialog-title='{lang="compose_new"}' data-ipsDialog-remoteSubmit data-ipsDialog-flashMessage="{lang="message_sent"}">
					ЛС
				</a>
			</div>
		{{endif}}
	</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>

.cAuthorPane_author.ipsType_blendLinks a {
    font-size: 16px;
    font-weight: bold;
    line-height: 18px !important;
    color: #e0e0ee;
}

.cAuthorPane_author.ipsType_blendLinks a:before {
    content: '';
    float: left;
    display: block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    margin-left: -20px;
}

.psUserStatus_on .cAuthorPane_author.ipsType_blendLinks a:before {
    background-image: url({resource="puffysticks/online.svg" app="core" location="front"});
}

.psUserStatus_idle .cAuthorPane_author.ipsType_blendLinks a:before {
    background-image: url({resource="puffysticks/idle.svg" app="core" location="front"});
}

.psUserStatus_off .cAuthorPane_author.ipsType_blendLinks a:before {
    background-image: url({resource="puffysticks/offline.svg" app="core" location="front"});
    background-size: 8px;
    background-position: center;
    background-repeat: no-repeat;
}

.psStatusBadge {
    float: left;
    display: block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    margin-left: -20px;
}

.psStatusBadge .psUserStatus_on {
    background-image: url({resource="puffysticks/online.svg" app="core" location="front"});
}

.psStatusBadge .psUserStatus_idle {
    background-image: url({resource="puffysticks/idle.svg" app="core" location="front"});
}

.psStatusBadge .psUserStatus_off {
    background-image: url({resource="puffysticks/offline.svg" app="core" location="front"});
    background-size: 8px;
    background-position: center;
    background-repeat: no-repeat;
}

.cAuthorPane_author {
    display: flex;
    justify-content: center;
}

.ipsPip {
    color: #e0e0ee;
    margin: 0 2px;
}

.cAuthorPane_info > .ipsType_break {
    color: #6E6E84;
    font-size: 13px;
    margin-top: 5px;
}

.cAuthorPane_info > .ipsType_break:after {
    content: '';
    display: block;
    height: 10px;
    width: 90px;
    background-image: url({resource="puffysticks/dashed-arrow.svg" app="core" location="front"});
    background-repeat: no-repeat;
    background-position: center;
    margin: 5px auto;
}

.ipsUserPhoto_topic {
    max-width: 150px;
    max-height: 150px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.ipsUserPhoto_topic > img {
    max-width: 150px;
    max-height: 150px;
}

.userBanned {
    position: relative;
    border-radius: 0;
}

.userBanned:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(13, 13, 15, .8);
    background-image: url({resource="puffysticks/ban.svg" app="core" location="front"});
    background-position: center;
    background-size: 53px 40px;
    background-repeat: no-repeat;
    box-shadow: inset 0 0 0 3px #131418;
}

.ipsUserPhoto {
    background: transparent;
}

.psCustomField {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: #6E6E84;
    background-color: #131418;
    border: 1px solid #18191E;
    border-radius: 30px;
    padding: 1px 15px;
    width: 180px;
    margin: 6px auto;
}

.psCustomField > span:first-of-type {
    font-weight: bold;
}

.cAuthorPane:not(.cAuthorPane_mobil) {
    padding-left: 0 !important;
}

.psCustomField > span:last-of-type {
    color: #E0E0EE;
}

.psCustomField > span:first-of-type:before {
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    top: 3px;
    margin-right: 5px;
}

.psCustomField[data-keyword="group"] > span:first-of-type:before {
    background-image: url({resource="puffysticks/person.svg" app="core" location="front"});
}

.psCustomField[data-keyword="posts"] > span:first-of-type:before {
    background-image: url({resource="puffysticks/chat-bubble.svg" app="core" location="front"});
}

.psCustomField[data-keyword="reputation"] > span:first-of-type:before {
    background-image: url({resource="puffysticks/thumbs-up.svg" app="core" location="front"});
}

.psCustomField[data-keyword="warn"] > span:first-of-type:before {
    background-image: url({resource="puffysticks/warning.svg" app="core" location="front"});
}

.psAuthorContact {
    display: flex;
    justify-content: center;
    margin: 20px 0 0 0;
}

.psAuthorContact > div,
.psAuthorContact > a {
    display: block;
    background-color: #131418;
    color: #E0E0EE;
    font-size: 11px;
    font-weight: bold;
    padding: 3px 12px;
    border-radius: 30px;
    border: 1px solid #24242C;
    margin: 0 3px;
    cursor: pointer;
}

.psAuthorContact > div:before,
.psAuthorContact > a:before {
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.psMention:before {
    background-image: url({resource="puffysticks/mention.svg" app="core" location="front"});
}

.psPM:before {
    background-image: url({resource="puffysticks/envelope-2.svg" app="core" location="front"});
}

.ipsComment:not( .ipsModerated ):not( .ipsComment_selected ).ipsBox.ipsComment_popular {
    box-shadow: none;
    border-color: #2EED80;
    border-width: 2px;
}

.ipsComment.ipsComment_popular .ipsComment_popularFlag {
    background-color: #2eed80;
    color: #28794b;
}

.ipsComment.ipsComment_popular .ipsComment_popularFlag:after {
    border-color: #2eed80 transparent transparent transparent;
}

[data-pagecontroller="topic"] .ipsComment_author {
    width: 210px;
}

.ipsModerated .psCustomField {
    background-color: #34283c;
    border-color: #45394e;
}

.ipsModerated .psAuthorContact > div, .ipsModerated .psAuthorContact > a {
    background-color: #34283c;
    border-color: #45394e;
}

.cPost.ipsComment_selected:not( .ipsComment_moderated ) {
    border-color: #4491C7;
    border-width: 0 0 2px 0;
}

.cPost.ipsComment_selected {
    box-shadow: none !important;
}

.ipsApp .ipsComment_controls .ipsButton.cMultiQuote {
    background-color: transparent;
    color: transparent;
    height: 27px;
    width: 27px;
    padding: 0;
    background-image: url({resource="puffysticks/multi-quote.svg" app="core" location="front"});
    background-position: center;
    background-repeat: no-repeat;
}

.ipsComment_controls > li {
    font-weight: bold;
    font-size: 13px;
}

.ipsComment_controls > li i {
    display: none;
}

.ipsComment_controls > li > a:before {
    content: '';
    display: block;
    width: 17px;
    height: 17px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.ipsComment_controls > li > a[data-action="quoteComment"]:before {
    background-image: url({resource="puffysticks/quote.svg" app="core" location="front"});
}

.ipsComment_controls > li > a[data-action="editComment"]:before {
    background-image: url({resource="puffysticks/edit.svg" app="core" location="front"});
}

.ipsComment_controls > li > a[data-action="options"]:before {
    background-image: url({resource="puffysticks/cog.svg" app="core" location="front"});
}

КСС вроде все выложил, хз)

Войти

Crankychips

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

Severniy

Crankychips

Ссылка на комментарий

♕-SlawkA-♕

Ссылка на комментарий

Severniy

Ссылка на комментарий

♕-SlawkA-♕

Ссылка на комментарий

Severniy

Ссылка на комментарий

Severniy

Ссылка на комментарий

Severniy

Ссылка на комментарий

Ноу

Ссылка на комментарий

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

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

Войти

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

Форумы

Файлы

Новости и статьи