Google+ Blogger WordPress Facebook Like Vkontakte Odnoklassniki LiveJournal vKruguDruzei Facebook Email Gmail
воскресенье, 15 апреля 2018 г.

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

Как изменить основной фон и фон страниц в блоге
Границы могут отображаться по разному. В качестве примера посмотрите два демо: по этому адресу:  http://demoblog-z.blogspot.com/ с удаленной панелью Navbar и здесь (http://demo-q.blogspot.com/), где панель присутствует. Очень заметен отступ от верхнего края.
И второе, если Вы воспользуетесь данной информацией, настройки будут отображаться и на статических страницах, и на страницах с Вашими постами. 
То есть настроили один раз и забыли. Когда надоест, можно изменить настройки. Если Вы хотите выделятьллллл отдельные страницы в блоге, тогда Вам нужно прочитать информацию по этой ссылке. http://www.bdblogov.ru/2014/03/aschange-background-separate-pageblog.html

Оформлять основной фон и страницы будем с использованием 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 { до }. 



0 коммент.:

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