красивая подпись в сообщении на CSS для BLOGGER

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

Примерный вариант посмотрите выше. Использовать будем совсем стандартные стили, чтобы можно поиграться и создать любую надпись на любой вкус. Я всё пометила в самом коде. Для эффекта тени применим свойство text-shadow:, но это уже на Ваше усмотрение. В статье ваша анимированная подпись тоже был предложен интересный вариант, но всё же мы имели на входе картинку, что чуть - чуть, но влияет на загрузку в целом.

Этот код намного легче.


<style type="text/css">
.hbz-signature {
text-align: right; /* - расположение подписи- */
     font-size: 18px; /* - размер шрифта- */
     font-family: Papyrus,fantasy; /* - стили текста - */
 text-shadow: 1px 1px #732372, 1px -1px #732372, -1px 1px #732372, -1px -1px #732372, 3px 3px 6px rgba(0,0,0,.5); /* - цвет и размеры тени - */
     margin-top : 30px; /* - отступ - */
    color: rgb(49, 151, 116); /* - основной цвет текста - */
}

.hbz-signature span {
     font-size: 14px;
     vertical-align: top;
}
    </style>
 
<div class="hbz-signature">
Ваше имя</div>


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

Вот и всё на сегодня. Всем добра и до встречи.

👇
Получайте новые сообщения с блога прямо на почту

Введите Ваш email


2 комментария:

  1. Очень полезно! Спасибо большое)))

    ОтветитьУдалить
    Ответы
    1. Красивая подпись всегда привлекает внимание.

      Удалить

ВСЕГДА РАДА УСЛЫШАТЬ ВАШЕ МНЕНИЕ!
Ели у вас возникла необходимость опубликовать код в комментарии, то воспользуйтесь encoder HTML

Пользовательский поиск