Редактирование шаблона Bootstrap: Цвет форума

Автор: Антон Матвейчук


В прошлой статье мы с вами настроили вид контентных модулей, теперь же приведём цвет форума в общий стиль со всем сайтом.


cvet_foruma_1


Как видно на скрине выше, изначальная окраска форума совершенно не сочетается с общим стилем сайта. Изменим это.


cvet_foruma_2


Для этого идём в панели сайта на хостинге в «style» → «forum.css».


cvet_foruma_3


cvet_foruma_4


cvet_foruma_5


cvet_foruma_6


И здесь вставляем изменения, подобно тому, как показано на скринах выше. Напомню, что цвета я подбираю с помощью программы HTMLColors2000 (о ней я писал подробнее здесь).


cvet_foruma_7


Обрамление форума теперь сочетается с общей окраской сайта! Но из общего стиля выпадают окошки с указанием смотрящих. Поищем, как и где это изменить.


cvet_foruma_8


Искать очень удобно через браузер с помощью инспектора кода. В Яндекс-браузере, например, инспектор кода открывается нажатием кнопки F12 или вызовом через правую кнопку мыши команды «Просмотр кода элемента».


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


cvet_foruma_9


И прямо здесь, в браузере, можно подставлять другие варианты цвета — вид элемента сразу меняется соответственно вставленному коду. Как только подбираем то, что нужно, копируем код, и вставляем уже в сам файл на хостинге.


cvet_foruma_10


cvet_foruma_11


Вставили, сохранили, смотрим — теперь ничего не бросается в глаза, ничего не выпадает из общей картины, всё смотрится отлично! С окраской форума закончили, можно приступать к вставке под контентом кнопок «Спасибо».

 


В предыдущей статье: Редактирование шаблона Bootstrap: Настройка вида модулей.


В следующей статье: Редактирование шаблона Bootstrap: Кнопка «Спасибо».

 


Вы можете отблагодарить меня за эту статью, положив денюжку на Яндекс.Деньги — 41001946245208; Webmoney — RUB - R228675470677, USD - Z403380463613, EUR - E114430860179; моб.тел. 8-985-301-51-80 (МТС).


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

Опубликована: 17.10.2014
Просмотров 1080



Комментарии

Гости не могут добавлять комментарии, войдите или зарегистрируйтесь.