24 марта 2010 г.

Меняем фон в шаблоне Blogspot.


Вы подобрали шаблон для своего блога, но хотите поменять фон?
Нет ничего проще!
Заходим в Панель инструментов --> Дизайн --> Изменить HTML
Создаем резервную копию шаблона и сохраняем ее у себя на компьютере.

Находим в шаблоне строчки:

body {
margin: 0;
padding: 0;
border: 0;
text-align: center;
color: $mainTextColor;
background: #DA75B8 url(http://salonbisera.ru/img/dizain/fon-blog.jpeg);
font-size: small;
}


Нам нужна та, что выделена красным цветом.

#DA75B8
это название цвета-подложки
url(http://salonbisera.ru/img/dizain/fon-blog.jpeg)
это адрес картинки, которую Вы хотите видеть в качестве подложки

1. Если Вы хотите оставить просто цветную однотонную подложку, то заменяете выделенную красным цветом строчку на эту

background: #DA75B8 ;

где прописываете код нужного Вам цвета.
Прочитать о HTML-коде цвета можно здесь, ну здесь Вы найдете большую таблицу цветов.

2. Если Вы хотите сделать подложку с рисунком, в выделенной красным цветом строчке прописываете http-адрес к своей картинке и вставляете код близкого ей цвета.
Мой совет: не убирать из шаблона код цвета.
Тогда при долгой загрузке страницы, цветной фон загрузиться мгновенно, а уж потом он "преобразуется" в картинку.

Еще советы:
- чтобы найти подходящий фон, зайдите в поисковую систему Яндекс и введите запрос. Например, розовый фон , нажмите "картинки".
Скопируйте ту, которая Вам понравилась. Отредактируйте, если нужно размер. Желательно брать небольшие картинки ( не более 100*100px).
- чтобы узнать http-адрес Вашей картинки, зайдите в сервис Радикал, загрузите картинку и скопируйте первый код( это и будет http-адрес).

Понравился пост? Подпишись на обновления блога
по RSS, E-mail или twitter!


Еще читают::



Следующее Предыдущее Главная страница

Наши рекомендации:

Постоянные читатели