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

Вид шапки категории тем

MaZaHaKa
 Поделиться

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

MaZaHaKa Восходящая звезда

MaZaHaKa

Опубликовано
Опубликовано

Всем привет)
Не в курсе как сделать чтоб шапка плагина последние темы и чата форума стала такой же как у допустим мониторинга?
Снимок.PNG

Надеюсь более менее понятно объяснил:D

Ссылка на комментарий
Поделиться на другие сайты
WOLF Анонимус

WOLF

Опубликовано
Опубликовано

что же ваши "друзья" вам с этим не помогают...

в custom.css добавить: 

#elChatbox {
    background: #8f170d url(http://forum-css.ru/uploads/set_resources_20/005d20f304c7929cbfdb3fe61d088022_maintitle.png) repeat 50% 50%;
    background-blend-mode: overlay;
}

 

Ссылка на комментарий
Поделиться на другие сайты
wasder12 Ментор

wasder12

Опубликовано
Опубликовано

Можно class сменить, точно не скажу где искать так как интернет тупит (

1.png

Ссылка на комментарий
Поделиться на другие сайты
MaZaHaKa Восходящая звезда

MaZaHaKa

Опубликовано
  • Автор
Опубликовано
Только что, WOLF сказал:

что же ваши "друзья" вам с этим не помогают...

в custom.css добавить: 


#elChatbox {
    background: #8f170d url(http://forum-css.ru/uploads/set_resources_20/005d20f304c7929cbfdb3fe61d088022_maintitle.png) repeat 50% 50%;
    background-blend-mode: overlay;
}

 

А можно поинтересоваться,какие друзья?

Ссылка на комментарий
Поделиться на другие сайты
WOLF Анонимус

WOLF

Опубликовано
Опубликовано
Только что, MaZaHaKa сказал:

А можно поинтересоваться,какие друзья?

блок справа на вашем форуме) 

Ссылка на комментарий
Поделиться на другие сайты
MaZaHaKa Восходящая звезда

MaZaHaKa

Опубликовано
  • Автор
Опубликовано
1 минуту назад, WOLF сказал:

блок справа на вашем форуме) 

Ну понятно))
А вам не кажется,что не много отличается?)
Снимок.PNG

3 минуты назад, wasder12 сказал:

Можно class сменить, точно не скажу где искать так как интернет тупит (

1.png

А ты как так сделал?)

Ссылка на комментарий
Поделиться на другие сайты
WOLF Анонимус

WOLF

Опубликовано
Опубликовано 
#elChatbox {
    background: #8f170d url(http://forum-css.ru/uploads/set_resources_20/005d20f304c7929cbfdb3fe61d088022_maintitle.png) repeat 50% 50%;
    box-shadow: inset rgba(255,255,255,0.15) 0px 0px 0px 1px, inset rgba(255,255,255,0.35) 0px 1px 0px;
    background-image: url(http://forum-css.ru/uploads/set_resources_20/005d20f304c7929cbfdb3fe61d088022_maintitle_overlay.png);
    background-blend-mode: overlay;
}

 

Ссылка на комментарий
Поделиться на другие сайты
wasder12 Ментор

wasder12

Опубликовано
Опубликовано

Правая кнопка мыши "Просмотреть код элемента" ну и класс сменил у последних тем. Может это геморойно но всё же.

Ссылка на комментарий
Поделиться на другие сайты
MaZaHaKa Восходящая звезда

MaZaHaKa

Опубликовано
  • Автор
Опубликовано
5 минут назад, wasder12 сказал:

Правая кнопка мыши "Просмотреть код элемента" ну и класс сменил у последних тем. Может это геморойно но всё же.

А какой класс отвечает за последние темы?

Ссылка на комментарий
Поделиться на другие сайты
WOLF Анонимус

WOLF

Опубликовано
Опубликовано 
.ipsWidget.ipsWidget_horizontal .ipsWidget_title {
    margin-top: 0;
    margin-bottom: 0;
    background: #8f170d url(http://forum-css.ru/uploads/set_resources_20/005d20f304c7929cbfdb3fe61d088022_maintitle.png) repeat 50% 50% !important;
    box-shadow: inset rgba(255,255,255,0.15) 0px 0px 0px 1px, inset rgba(255,255,255,0.35) 0px 1px 0px;
    background-image: url(http://forum-css.ru/uploads/set_resources_20/005d20f304c7929cbfdb3fe61d088022_maintitle_overlay.png) !important;
    background-blend-mode: overlay !important;
}

 

Ссылка на комментарий
Поделиться на другие сайты
MaZaHaKa Восходящая звезда

MaZaHaKa

Опубликовано
  • Автор
Опубликовано
12 минут назад, WOLF сказал: 

#elChatbox {
    background: #8f170d url(http://forum-css.ru/uploads/set_resources_20/005d20f304c7929cbfdb3fe61d088022_maintitle.png) repeat 50% 50%;
    box-shadow: inset rgba(255,255,255,0.15) 0px 0px 0px 1px, inset rgba(255,255,255,0.35) 0px 1px 0px;
    background-image: url(http://forum-css.ru/uploads/set_resources_20/005d20f304c7929cbfdb3fe61d088022_maintitle_overlay.png);
    background-blend-mode: overlay;
}

 

 

1 минуту назад, WOLF сказал: 

.ipsWidget.ipsWidget_horizontal .ipsWidget_title {
    margin-top: 0;
    margin-bottom: 0;
    background: #8f170d url(http://forum-css.ru/uploads/set_resources_20/005d20f304c7929cbfdb3fe61d088022_maintitle.png) repeat 50% 50% !important;
    box-shadow: inset rgba(255,255,255,0.15) 0px 0px 0px 1px, inset rgba(255,255,255,0.35) 0px 1px 0px;
    background-image: url(http://forum-css.ru/uploads/set_resources_20/005d20f304c7929cbfdb3fe61d088022_maintitle_overlay.png) !important;
    background-blend-mode: overlay !important;
}

 

Спасибо)

3 минуты назад, WOLF сказал: 

.ipsWidget.ipsWidget_horizontal .ipsWidget_title {
    margin-top: 0;
    margin-bottom: 0;
    background: #8f170d url(http://forum-css.ru/uploads/set_resources_20/005d20f304c7929cbfdb3fe61d088022_maintitle.png) repeat 50% 50% !important;
    box-shadow: inset rgba(255,255,255,0.15) 0px 0px 0px 1px, inset rgba(255,255,255,0.35) 0px 1px 0px;
    background-image: url(http://forum-css.ru/uploads/set_resources_20/005d20f304c7929cbfdb3fe61d088022_maintitle_overlay.png) !important;
    background-blend-mode: overlay !important;
}

 

Чет я рано обрадовался)
 

Снимок.PNG

Ссылка на комментарий
Поделиться на другие сайты
Envy Ментор

Envy

Опубликовано
Опубликовано

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

Ссылка на комментарий
Поделиться на другие сайты
MaZaHaKa Восходящая звезда

MaZaHaKa

Опубликовано
  • Автор
Опубликовано
2 часа назад, Envy сказал:

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

Вот именно это я и сделал. Вы мне не поможете с этим?)

Ссылка на комментарий
Поделиться на другие сайты
Envy Ментор

Envy

Опубликовано
Опубликовано
2 часа назад, MaZaHaKa сказал:

Вот именно это я и сделал. Вы мне не поможете с этим?)

а что и как надо изменить? а то сейчас не очень понятно, категории разделов красные, а там, где вы указали в первом посте, вроде бы черные остались, вы хотите сделать категории обратно черными, а чат и плагин красными?

Ссылка на комментарий
Поделиться на другие сайты
MaZaHaKa Восходящая звезда

MaZaHaKa

Опубликовано
  • Автор
Опубликовано
4 часа назад, Envy сказал:

а что и как надо изменить? а то сейчас не очень понятно, категории разделов красные, а там, где вы указали в первом посте, вроде бы черные остались, вы хотите сделать категории обратно черными, а чат и плагин красными?

Я хочу сделать чат и последние темы красные. Но если я ставлю данный код,то и меняется цвет статистики форума то что ниже. А я бы хотел оставить ее в черном цвете.
То есть вот так мне не надо
59346a5e99538_.PNG.95e52e5f2c69b754054873839a87a048.PNG

Вот сам код:
  

.ipsWidget.ipsWidget_horizontal .ipsWidget_title {
    margin-top: 0;
    margin-bottom: 0;
    background: #8f170d url(http://forum-css.ru/uploads/set_resources_20/005d20f304c7929cbfdb3fe61d088022_maintitle.png) repeat 50% 50% !important;
    box-shadow: inset rgba(255,255,255,0.15) 0px 0px 0px 1px, inset rgba(255,255,255,0.35) 0px 1px 0px;
    background-image: url(http://forum-css.ru/uploads/set_resources_20/005d20f304c7929cbfdb3fe61d088022_maintitle_overlay.png) !important;
    background-blend-mode: overlay !important;
}

 

Ссылка на комментарий
Поделиться на другие сайты
Envy Ментор

Envy

Опубликовано
Опубликовано (изменено) 
*** Чат: ***
добавить в global.css
div#elChatbox {
    margin-bottom: 0;
    background: #8f170d url(http://forum-css.ru/uploads/set_resources_20/005d20f304c7929cbfdb3fe61d088022_maintitle.png) repeat 50% 50% !important;
    box-shadow: inset rgba(255,255,255,0.15) 0px 0px 0px 1px, inset rgba(255,255,255,0.35) 0px 1px 0px;
    background-image: url(http://forum-css.ru/uploads/set_resources_20/005d20f304c7929cbfdb3fe61d088022_maintitle_overlay.png) !important;
    background-blend-mode: overlay !important;
}

блок последних тем предполагаю, что это шаблон topicFeed в нем найти
<h3 class='ipsWidget_title ipsType_reset'>{$title}</h3>
заменить на
<h3 class='ipsWidget_title ipsType_reset redTitle'>{$title}</h3>

добавить в global.css

.redTitle {
margin-bottom: 0;
    background: #8f170d url(http://forum-css.ru/uploads/set_resources_20/005d20f304c7929cbfdb3fe61d088022_maintitle.png) repeat 50% 50% !important;
    box-shadow: inset rgba(255,255,255,0.15) 0px 0px 0px 1px, inset rgba(255,255,255,0.35) 0px 1px 0px;
    background-image: url(http://forum-css.ru/uploads/set_resources_20/005d20f304c7929cbfdb3fe61d088022_maintitle_overlay.png) !important;
    background-blend-mode: overlay !important;
}
.ipsWidget.ipsWidget_horizontal .ipsWidget_title {

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

Изменено пользователем Envy
Ссылка на комментарий
Поделиться на другие сайты
MaZaHaKa Восходящая звезда

MaZaHaKa

Опубликовано
  • Автор
Опубликовано
26 минут назад, Envy сказал: 

*** Чат: ***
добавить в global.css
div#elChatbox {
    margin-bottom: 0;
    background: #8f170d url(http://forum-css.ru/uploads/set_resources_20/005d20f304c7929cbfdb3fe61d088022_maintitle.png) repeat 50% 50% !important;
    box-shadow: inset rgba(255,255,255,0.15) 0px 0px 0px 1px, inset rgba(255,255,255,0.35) 0px 1px 0px;
    background-image: url(http://forum-css.ru/uploads/set_resources_20/005d20f304c7929cbfdb3fe61d088022_maintitle_overlay.png) !important;
    background-blend-mode: overlay !important;
}

блок последних тем предполагаю, что это шаблон topicFeed в нем найти
<h3 class='ipsWidget_title ipsType_reset'>{$title}</h3>
заменить на
<h3 class='ipsWidget_title ipsType_reset redTitle'>{$title}</h3>

добавить в global.css

.redTitle {
margin-bottom: 0;
    background: #8f170d url(http://forum-css.ru/uploads/set_resources_20/005d20f304c7929cbfdb3fe61d088022_maintitle.png) repeat 50% 50% !important;
    box-shadow: inset rgba(255,255,255,0.15) 0px 0px 0px 1px, inset rgba(255,255,255,0.35) 0px 1px 0px;
    background-image: url(http://forum-css.ru/uploads/set_resources_20/005d20f304c7929cbfdb3fe61d088022_maintitle_overlay.png) !important;
    background-blend-mode: overlay !important;
}

.ipsWidget.ipsWidget_horizontal .ipsWidget_title {

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

Вот теперь все действительно огонь) Спасибо)

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

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

×
 Поделиться
Перейти к списку тем

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

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