суббота, 5 марта 2016 г.

Как красиво выделить первую букву поста

11:17 By , , 1 comment

Добрый вечер друзья! Хочу поделиться с Вами интересным решением: Как сделать первую букву поста заглавной. Смотрится очень красиво,можно выбрать цвет, шрифт, размер какой захотите. Превращение  происходит автоматически. Вам только нужно добавить маленький код стиля в шаблон.

Думаю для красивого оформления сообщения, статьи очень полезная вещь. Выглядит это по умолчанию, без настроек так:

Красивая первая буква статьи
Как красиво выделить первую букву поста в Blogger

Зайдите в Шаблон--Изменить HTML.С помощью сочетанием клавиш (Ctrl+F) Вам надо найти  строку в  шаблоне: ]]></b:skin> Прямо перед ней вставляем код:
.post-body:first-letter {
float:left;
color: #000000;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:Georgia,Arial,times;
font-size:100px;
}
Вот и всё. Сохраните шаблон. Не забывайте, что шрифт, цвет и размер буквы можно настроить на любой вкус. Как Вам захочется. Досвидания. До новой встречи.

Может Вам нужно красивое оформление цитаты или Как красиво оформить участок статьи в блоге

1 коммент.:

  1. Unknown5 апреля 2018 г. в 05:22

    Спасибо большое. А как настроить шрифт, цвет и размер буквы? Я бы хотела, чтобы текст был черный, а первая эта буква, например, зеленая?

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