среда, ноября 03, 2010

Как разделить заметки блога рисунком

Прежде всего, необходимо создать картинку (разделитель) в графическом редакторе на свой вкус или же поискать в Google.
Обратите внимание, что ширина картинки не должна превышать ширины поста в шаблоне. Проверьте:
#main-wrapper {
width: 410px;

В зависимости от шаблона, код может немного отличаться, например:
#main { 
float: left; 
width: 605px; 
}
или выглядеть так:
.entry-wrap { 
width: 603px; 
}


Когда разделитель готов, необходимо залить его на сервис хостинга картинок, например, ImageShack, PhotoBucket или Picasa Web Albums. Скопируйте прямую ссылку на изображение себе в блокнот.
Теперь необходимо внести изменение в шаблон. Из нескольких вариантов, которые я пробовала, надежнее всего сработал предложенный автором блога BlogBulk:
В "разделе “Изменить HTML” отмечаем галочкой “Расширить шаблоны виджета”. Нажав на Ctrl+F, находим в шаблоне строку:
<div class='post-footer-line post-footer-line-3'/>


Сразу под ней добавляем такой фрагмент:
<center><img height='20' src='URL вашей фотографии'/></center>


URL вашей фотографии меняем на прямую ссылку на ваш разделитель, выписанную в блокнот. Если необходимо, меняем высоту изображения с 20 на фактическую высоту вашего изображения, чтобы его не “срезало”.
Сохраняем шаблон. Вуаля:



Web Analytics