Красиво оформленный заголовок сообщения

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

Посмотреть о чём идёт речь можно на тестовом блоге.

Код.

<style>.post h3 {
background: url("http://rus-linux.net/MyLDP/mm/inkscape/foto/aigtool-calligraphy.png ") no-repeat 4px center transparent;
font-size: 20px;
font-family: Oswald;
font-weight:normal;
padding: 3px 10px 3px 80px;
color: #DAA520;
border: 3px solid #CC3333 ;
text-shadow: 0 1px 0 #CC3333 ;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
-moz-box-shadow: 0 1px 3px #DAA520, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;
-webkit-box-shadow: 0 1px 3px #DAA520, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;
box-shadow: 0 1px 3px #DAA520, 1px 1px 0 rgba(255, 255, 255, 0.4) inset;
margin: 15px 3px;
text-transform: uppercase;
line-height: 1.3;
}
</style>

Красным цветом я отметила адрес маленькой картинки. Вы можете подобрать свою и заменить. И синим цветом - это цвет рамки и тени текста заголовка. Зелёным - размер шрифта.

Копируйте предложенный код в блокнот подгоните свои цветовые варианты. Код можно установить в гаджет HTML/JavaScript. Или непосредственно в шаблон блога. Вкладка шаблон - изменить HTML. Находим строку ]]></b:skin> и над ней его устанавливаем. Только уже без тегов <style> код</style>.

Если такой вариант оформления заголовка сообщения вас не устраивает посмотрите другой в этом сообщении.

И сегодня у меня всё. Спасибо вам за визит и до встречи.

здесь можно оформить подписку на новые шпаргалки

Введите Ваш email