Изменяем внешний вид закреплённых тем 1.0.1

[Hope]

В шаблон EXTRA.CSS добавляем:

/*STICKY THREAD  ENHANCEMENTS*/

.discussionList .sticky {
    background-color: #f7caca !important;
    border: 1px solid #d88585 !important;
}

.discussionList .sticky .posterAvatar, .discussionList .sticky .stats {
    background-color: #f7caca !important;
}

.discussionListItem .iconKey .sticky{
    border: 0px solid #d88585  !important;
}

.discussionList .sticky .avatar img,
.discussionList .sticky .avatar .img, .avatarCropper {
    border: 1px solid #d88585 !important;
}

.discussionList .sticky .title a, .discussionList .sticky .DateTime, .discussionList .sticky .EditControl {
    color: #8F080A !important;
    text-shadow: 0 0 0 transparent, 1px 1px 0 #fbe8e8;
}

.discussionList .sticky .username, .discussionList .sticky .pairsJustified dt  {
    color: #373737 !important;
    text-shadow: 0 0 0 transparent, 1px 1px 0 #fbe8e8;
}
.discussionList .sticky .stats dl  {
    border-left: 1px solid #d48f8f !important;
    border-right: 1px solid #d48f8f !important;
}

.discussionList .sticky .itemPageNav a  {
    background-color: #fee6e6 !important;
    border-color: #dfa4a4 !important;
    color: #c57c7c !important;

}
.discussionList .sticky .itemPageNav a:hover  {
    background-color: #fee6e6 !important;
    border-color: #dfa4a4 !important;
    color: #c57c7c !important;
    opacity: 0.4;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
}
.discussionList .sticky .itemPageNav span {
    color: #c28686 !important;
}
.discussionList .sticky .muted {
    color: #373737 !important;
    text-shadow: 0 0 0 transparent, 1px 1px 0 #FBE8E8;
}

/*STICKY THREAD ENHANCEMENTS*/

 

[BoomBoom]

А как переделать цвет фона? А то префиксы расплываются от красного

 

[Hope]

Вот все цвета:

#f7caca
#d88585

Меняйте на нужные.

 

[mishazajceff]

Как заменить цвет букв? Это попа)))

P.S. Я так понял, что они еще и 3д это тоже надо как то поправить)

 

[Hope]

Ну поиграйте с цветами в коде и найдёте нужное Вам свойство.

 

[SancH0s]

Спасибо, очень нужная вещь! Как раз не хватает этого функционала.
Я надеюсь со временем XF реализует это как стандартную опцию.

 

[sonic]

Я надеюсь со временем XF реализует это как стандартную опцию.

сомневаюсь ибо неизвестно разработчикам какой стиль вы будете использовать и вам придется всеравно все ручками..для этого они и создали EXTRA.CSS

 

[SancH0s]

сомневаюсь ибо неизвестно разработчикам какой стиль вы будете использовать и вам придется всеравно все ручками..для этого они и создали EXTRA.CSS

Я имею ввиду просто отделить важные (закрепленные) темы от обычных как это реализовано в IPB.
Хотя я нашёл как сделать (тык), но опять де это все нужно изменять. Было бы лучше видеть это по стандарту.

 

[sonic]

Я имею ввиду просто отделить важные (закрепленные) темы от обычных как это реализовано в IPB.

хм поиск рулит как минимум на этом форуме отделение одних от вторых есть плагинов 3-4..при этом плагины эти идут еще с версии 1.0.х и до сих пор работают.

 

[hasvanbinsun]

Как уменьшить отступ от аватара до название темы, как в стандартном шаблоне?

 

[Hope]

Никак. Ибо в данной инструкции вообще не затрагиваются подобные вещи. Всё остаётся по стандарту, меняется только цвет. :)

 

[zayka42]

Hope подскажите как сделано у вас, а то у меня не красиво, как сделать круглые углы ? лол

 

[Hope]

У нас тоже самое, только без градиента.

 

[Neora]

Добрый день, установил метку с названием "Важно" и поставил красный цвет. Проблема в отображении шрифта, он отображается размытым, не четким, только при наведении мышкой на метку шрифт становится нормальным. Думаю это из-за внешнего вида закрепленных тем.

Прикрепил скрин до наведения мышкой и после.

 

[Hope]

Привет. Живой пример есть?

 

[Neora]

Привет. Живой пример есть?

Отправил ссылку в лс

 

[Hope]

Вот этот кусок кода:

.discussionList .sticky .title a, .discussionList .sticky .DateTime, .discussionList .sticky .EditControl {
    color: #8F080A !important;
    text-shadow: 0 0 0 transparent, 1px 1px 0 #fbe8e8;
}

Замените на такой:

.discussionList .sticky .title a, .discussionList .sticky .DateTime, .discussionList .sticky .EditControl {
    color: #8F080A !important;
}

То есть просто убираем тень.

 

[Neora]

Вот этот кусок кода:

.discussionList .sticky .title a, .discussionList .sticky .DateTime, .discussionList .sticky .EditControl {
    color: #8F080A !important;
    text-shadow: 0 0 0 transparent, 1px 1px 0 #fbe8e8;
}

Замените на такой:

.discussionList .sticky .title a, .discussionList .sticky .DateTime, .discussionList .sticky .EditControl {
    color: #8F080A !important;
}

То есть просто убираем тень.

Спасибо, все отлично. Намного лучше без тени

 

[Jager]

А у меня никакого эффекта. Как было так и осталось.

 

[Hope]

Ну мы можем Вам только посочувствовать. :(