четверг, 18 октября 2012 г.

Разделитель сообщений для блога .Йёжа Йежов

Разделитель сообщений для блога .Йёжа Йежов

Иногда в некоторых шаблонах ,нет чёткого разделения между статьями .Пример-данный блог .Когда просматриваешь много сообщений данного раздела ,удобнее ,чтобы визуально они всё-таки делились .Да и эстетичнее смотрится намного лучше .и удобнее что-то отыскать .Хотя для удобства лучше
Но так или иначе решили поставить разделитель .В данном случае -это такая картинка ,с помощью которой будем отделять статьи.В интернете их много .На любой вкус и цвет ! Поскольку ,я человек ленивый ,то мы вставим картинку один раз в шаблон .Единственный недостаток нельзя будет к разным статьям -разные разделители.Вернее можно вставить и прямо в сообщение .но два разделителя будет громоздко .при условии .что один у вас в шаблоне уже есть.
Итак первое ,что делаем это  
СОХРАНЯЕМ БЛОГ на комп , то есть делаем БЭКАП .
Чтобы не было потом мучительно больно за эксперименты.
Приступим  Варианты взяты ЗДЕСЬ и ЗДЕСЬ
Идём в  Шаблон -Изменить HTML-Приступить-ставим галочку Расширить шаблоны виджета
С помощью кнопок на клавиатуре Ctrl+F находим

.post {
.
У меня правда в чистом виде не нашлось ,чуть позже скажу что сделал я.
Возможно есть такой код 
 .post {

 margin:.5em 0 1.5em;

 border-bottom:1px dotted $bordercolor;

 padding-bottom:1.5em;

 }
После скобки { добавим

background: url(Адрес вашей картинки);

background-repeat: no-repeat;

background-position: bottom center;

margin:.5em 0 1.5em;

padding-bottom:1.5em;
получаем примерно следующее
.post {

background: url(Адрес вашей картинки);

background-repeat: no-repeat;

background-position: bottom center;

margin:.5em 0 1.5em;

padding-bottom:1.5em;

}
Вставляем вместо Адрес вашей картинки  свою ссылку на картинку
Если картинка разделителя залазит на последнюю строчку вашей статьи то необходимо увеличить последнее значение (2.5) например на 3.5 и тд.
У меня эти варианты не получились , поскольку не нашёл .post { 
Я сделал проще .
Шаблон -Изменить HTML-Приступить-ставим галочку Расширить шаблоны виджета
С помощью кнопок на клавиатуре Ctrl+F 
Нашёл в шаблоне

/* Comments
----------------------------------------------- */
И вставил прямо перед ним наш код
.post {

background: url(Адрес вашей картинки);

background-repeat: no-repeat;

background-position: bottom center;

margin:.5em 0 1.5em;

padding-bottom:1.5em;

}
И как ни странно всё получилось!
.
Некоторые разделители для вставки в блог


URL-адрес:
http://1.bp.blogspot.com/-KHe7PUP7IcI/Te9PkknH-lI/AAAAAAAAA6w/V0enSivClfs/s1600/ribbon.gif

URL-адрес:
 http://3.bp.blogspot.com/-0xPuU-ikpMo/Te9PjCPjCvI/AAAAAAAAA6k/0HujRtBvKk0/s1600/bar1.gif

URL-адрес:
http://2.bp.blogspot.com/-EPURWaOrbNI/Te9PjtWT3_I/AAAAAAAAA6o/ibNexWJ1114/s1600/bar47.gif
URL-адрес:
http://4.bp.blogspot.com/_JwD5r652h00/SuttjmoES2I/AAAAAAAAANw/bidxxyqfxwg/s1600/barsnake.gif
 
URL-адрес:
 http://4.bp.blogspot.com/_JwD5r652h00/SuttjFcWXkI/AAAAAAAAANg/Ex99MFx60sY/s1600/bar48.gif

 URL-адрес:
 http://4.bp.blogspot.com/_JwD5r652h00/SuttjFcWXkI/AAAAAAAAANg/Ex99MFx60sY/s1600/bar48.gif
http://1.bp.blogspot.com/_JwD5r652h00/SutwFArTx_I/AAAAAAAAAPg/RlKs6tTx_Mw/s1600/resfileszcp.gif
URL-адрес:
 http://img0.liveinternet.ru/images/attach/c/0/40/190/40190292_7da6f20427b7.gif
 
 URL-адрес:
 http://img0.liveinternet.ru/images/attach/c/0/40/190/40190317_34fd7a1a6e02.gif
 URL-адрес:
http://img.liveinternet.ru/images/attach/1/10140/10140216_4377890_red1.gif
  URL-адрес:
http://img.liveinternet.ru/images/attach/3/17394/17394476_Linien713.gif
 URL-адрес:
http://img.liveinternet.ru/images/attach/4/11158/11158510_lines_hor_not_ani_68.gif
 URL-адрес:
 http://img.liveinternet.ru/images/attach/1/10257/10257091_lllllll1.gif
  URL-адрес:
 http://i001.radikal.ru/0804/4c/578c9164382c.gif
  



.
С уважением

ЕЩЁ СТАТЕЙ ОТ ЙЁЖИ ЙЕЖОВА



 
Об Авторе

Комментариев нет:

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