Красивое оформление основного фона и всех страниц блога



Как изменить основной фон и фон страниц в блоге 


Всем привет! Хочу предложить владельцам блогов blogspot информацию по настройке основного фона и всех страниц блога. Хочу сразу отметить, что границы могут отображаться по разному. В качестве примера посмотрите два демо: по этому адресу с удаленной панелью Navbar и здесь, где панель присутствует. Очень заметен отступ от верхнего края.

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

Оформлять основной фон и страницы будем с использованием CSS стилей. Идем в шаблон-изменить шаблон. Делаем резервную копию шаблона. Далее в шаблоне находим строку <b:skin>...</b:skin>. Нажимаем на стрелку слева, прокручиваем вниз и выше строки ]]></b:skin>  вставляем скопированный код. Кто еще не знает как найти такую строку в шаблоне блога, читайте информацию в моем посте


.post-outer {
background-color: #f8fcff;              цвет фона сообщения
border: groove 5px #2db3e9;         цвет и размер границ сообщения
-moz-border-radius: 15px;             радиус закругленных углов
-webkit-border-radius: 15px;
border-radius: 15px;
-goog-ms-border-radius: 15px;
padding: 15px 20px;
margin: 0 -20px 20px;
}
.content-outer {
min-height: 0;
margin: 0 auto;
background-color: #d1d1d1;          цвет основного фона блога
border:groove 7px #00cdcd;          цвет и размер границ основного фона
}

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

При желании можно настроить либо фон или границы страниц, копируйте код .post-outer { до }, либо основной фон. Тогда копируем .content-outer { до }. Пишите, делитесь в социальных сетях с друзьями и знакомыми. Всего Вам Доброго.




Автор статьи ✎ Olga Protasova Выпуск ✹ 5/15/2014 Ярлыки ►


Открыть комментарии →

0 коммент. :

Отправить комментарий

Ув. читатели! Для вставки HTML кода в комментарии, воспользуйтесь в меню Генератором преобразования HTML кода.

 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *