24 ноября 2015

Уголок блоггера. Красивый разделитель между сообщениями

Всем привет!

Я решила добавить красоты в блог и поставила разделитель между сообщениями.

Разделитель между сообщениями в блоге

Хотите сделать такое у себя? Это очень просто)

Напоминаю, прежде чем что-либо менять в блоге, необходимо сделать резервную копию, чтобы в случае ошибки можно было вернуть все обратно. Меню "Настройки" - "Другое" - "Экспорт блога".

Разделитель между сообщениями в блоге


Картинку для разделителя нарисуйте или скачайте готовую например отсюда. Разместите ее в интернете, как вы это делаете обычно с любыми картинками в своем блоге.

Откройте меню "Шаблон" - "Изменить HTML".

Разделитель между сообщениями в блоге

В шаблоне найдите вот эту строчку:

.post {

Ткните мышкой в код и вызовите окно поиска по тексту сочетание клавишами Ctrl+F

Разделитель между сообщениями в блоге

Замените код между фигурными скобками. Примерно такой:

margin: 0 0 $ (post.margin.bottom) 0; 

На следующий:

background: url(адрес вашей картинки);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:6.0em;

Получается:

Разделитель между сообщениями в блоге

Сохраните шаблон. Все)

Если захотите увеличить расстояние между сообщением в блоге и разделителем, увеличите это число. Так же можно и уменьшить.

padding-bottom:6.0em;

7 комментариев:

  1. ааааа, я очень хочу такую красоту сделать :) Скачала картинку, но не могу найти эту строчку

    ОтветитьУдалить
    Ответы
    1. Поищите еще.
      Если его все же нет, найдите строчку: h3.post-title, h4 {
      Вставьте перед ней код целиком:
      .post {
      background: url(адрес вашей картинки);
      background-repeat: no-repeat;
      background-position: bottom center;
      margin:.5em 0 1.5em;
      padding-bottom:6.0em;
      }

      Удалить
    2. Алена , спасибо большое, все получилось!

      Удалить
  2. Алена как красиво! Надо будет тоже попробовать научится.

    ОтветитьУдалить
  3. И мне надо попробовать, да нет времени... я ж тормоз, мне дуу-ууумать надо, да и боюсь что нито испортить

    ОтветитьУдалить

Thank you for leaving comments :)