Как изменить основной фон и фон страниц в блоге
Всем привет! Хочу предложить владельцам блогов blogspot информацию по настройке основного фона и всех страниц блога. Хочу сразу отметить, что границы могут отображаться по разному. В качестве примера посмотрите два демо: по этому адресу с удаленной панелью Navbar и здесь, где панель присутствует. Очень заметен отступ от верхнего края.
И второе, если Вы воспользуетесь данной информацией, настройки будут отображаться и на статических страницах, и на страницах с Вашими постами. То есть настроили один раз и забыли. Когда надоест, можно изменить настройки. Если Вы хотите выделять отдельные страницы в блоге, тогда Вам нужно прочитать информацию по этой ссылке.
Оформлять основной фон и страницы будем с использованием CSS стилей. Идем в шаблон-изменить шаблон. Делаем резервную копию шаблона. Далее в шаблоне находим строку <b:skin>...</b:skin>. Нажимаем на стрелку слева, прокручиваем вниз и выше строки ]]></b:skin> вставляем скопированный код. Кто еще не знает как найти такую строку в шаблоне блога, читайте информацию в моем посте.
И второе, если Вы воспользуетесь данной информацией, настройки будут отображаться и на статических страницах, и на страницах с Вашими постами. То есть настроили один раз и забыли. Когда надоест, можно изменить настройки. Если Вы хотите выделять отдельные страницы в блоге, тогда Вам нужно прочитать информацию по этой ссылке.
Оформлять основной фон и страницы будем с использованием 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; цвет и размер границ основного фона
}
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 { до }. Пишите, делитесь в социальных сетях с друзьями и знакомыми. Всего Вам Доброго.
При желании можно настроить либо фон или границы страниц, копируйте код .post-outer { до }, либо основной фон. Тогда копируем .content-outer { до }. Пишите, делитесь в социальных сетях с друзьями и знакомыми. Всего Вам Доброго.
Почитайте похожие темы: Как изменить фон боковых панелей блога Blogspot; Как выделить виджеты блога разделителем;
Рекомендуемый контент: