Установка шаблона, состоящего из картинки-фона
Блоггеру на заметкуКроме шаблонов, описанных в предыдущем посте (в формате xml), часто можно встретить шаблоны в виде картинки-фона для блога (+ иногда прилагается картинка для заголовка). Особенно популярны такие шаблоны, как мне показалось, среди скрапбукеров…
Примером может служить мой шаблон (у меня в блоге они будут под тегом "simple") из элементов наборов от
Скорее всего, вместе с картинкой-фоном будет и инструкция по установке. Я постаралась расписать очень подробно (уже публиковала инструкцию в своем блоге, теперь просто копирую сюда и немного дописываю):
- Нажмите "Настроить" в правом верхнем углу вашего блога (вы должны быть залогинены!)
- Жмите Выбор нового шаблона и установить шаблон Minima! (Вы не потеряете ваши виджеты/панели). Сохраните.
- Идите в Элементы страницы и жмите "Добавить гаджет"
- Найдите "HTML/JavaScript" и нажмите "Добавить в блог"
- В окне настроек вставьте следующий код:
<style type="text/css">body {background-image: url(адрес картинки); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style> - Выберите понравившийся шаблон и скопируйте ссылку на него. Именно эту ссылку и надо указать в коде вместо слов "адрес картинки".
Кроме указанного кода я буду еще иногда советовать указать цвет фона страницы. Для этого перед закрывающей скобкой } надо будет дописать:
background-color: #код_цвета;
Понятно, что вместо слов “код_цвета” надо будет подставить выбранный/предложенный цвет.
Для установки картинки-заголовка (другими словами, “шапки” блога), которые часто предлагаются вместе с картинкой-фоном (в одном стиле), заходите в пункт “Элементы страницы” и у заголовка нажимайте “Изменить”.
В открывшемся окне настроек загружайте вашу картинку либо с компьютера, либо указав ей адрес в интернете. Если картинка предполагает, что кроме нее должен быть виден заголовок вашего блога, указывайте место размещения – после названия и описания, в противном случае – вместо…
В чем минусы такого подхода (использование фоновой картинки)?
- На мониторах с разным разрешением будет смотреться по-разному! У кого-то картинка обрежется, у других будут пустые места.
- Размер, а, следовательно, и вес картинки довольно велик. Если соединение медленное, то картинка будет грузиться довольно долго.
- Изображение-фон расположено на неком фотохостинге, у которого могут быть перебои в работе или он может вообще заблокировать аккаунт автора шаблона/прекратить существование/быть взломанным (надеюсь, конечно, что не будет таких неприятных моментов)… Так что на всякий случай сохраните фон себе на компьютер (загрузите на свой фотохостинг…)
Зато такой шаблон проще сделать самим (а, точнее, проще объяснить, как это делать!), но об этом в другой раз.
Вот, вроде и все, о чем хотела рассказать… Возможно, что-то еще вспомню и допишу… Если что-то упустила – свистните :)