Изменяем фон контента

Изменяем фон контента на okis

В сегодняшнем уроке рассмотрим некоторые способы изменения фона контента. Блок содержащий контент формируется с помощью нескольких элементов, и в разных шаблонах способы создания формы и цвета блока могут отличаться. Работоспособность всех кодов приведенных в уроке была проверена на шаблоне №309 (как мне кажется самом удачном шаблоне okis)

Вариант первый: 

.art-post-tl, .art-post-tr, .art-post-bl, .art-post-br, .art-post-tc, .art-post-bc, .art-post-cl, .art-post-cr, .art-post-cc {
background-image: none;
background-color: #996600;

Этим кодом мы отключаем используемые в качестве фона изображения и устанавливаем фоновый цвет который нам необходим. Для примера я использовал цвет  #996600 вы конечно же используете тот цвет который вам нужен.

Вариант второй: 

.art-post-tl, .art-post-tr, .art-post-bl, .art-post-br, .art-post-tc, .art-post-bc, .art-post-cl, .art-post-cr, .art-post-cc {
display: none;

Этим способом мы отключаем эти элементы и они перестают участвовать в формирование страницы вообще.

Вариант третий: 

.art-post-tl, .art-post-tr, .art-post-bl, .art-post-br, .art-post-tc, .art-post-bc, .art-post-cl, .art-post-cr, .art-post-cc {
visibility: hidden;

Этот код выполняет схожие с предыдущим функции, с той лишь разницей что элементы становятся невидимыми но продолжают участвовать в формирование страницы.

Вариант четвертый:

.art-post-tl, .art-post-tr, .art-post-bl, .art-post-br, .art-post-tc, .art-post-bc, .art-post-cl, .art-post-cr, .art-post-cc {
opacity: 0.5;

С помощью изменения значений opacity (от 0.1 до 1), вы можете изменять прозрачность элементов до нужной. При этом если указать значение равное 0, элементы станут невидимыми.

Вариант пятый:

.art-post-body {
background-color: #fff;
}

Или

.art-post-body {
background-image: url(/images/01.jpeg);
}  

Этими кодами мы задаем цвет находящемуся выше слою или устанавливаем фоновое изображение. Выбирать вам отталкиваясь от задач которые вы перед собой ставите.

На этом пожалуй остановимся, естественно что способов изменить фон контента на okis гораздо больше и здесь приведены лишь некоторые из них. Экспериментируйте, изучайте css и делайте качественные сайты. Спасибо за внимание.