2

Публикация. Уголемена първа буква на текста

първа буква
Автоматично да се генерира уголемена първа буква на текста в публикацията ни в блог на платформата blogspot. Как да го постигнем? Отговорът на този въпрос ще откриете в кратката ми публикация днес.

Става дума за един простичък "трик" за декориране на публикацията. А именно, автоматично генериране на уголемена първа буква на публикацията, която можете да бъде и с различен, предпочитан от вас цвят. Такива уголемена първа буква на текста от публикация ще видите в блога ми Библиотека "Пъстри халища", където освен, че е уголемена, първата буква на всяка публикация е с курсив. За да видите първата буква отворете която и да е публикация.
Ако искате да поставете кода за този ефект във вашия блог, следвайте стъпките:

✻✻✻


От админ панела на блога си влизаме в  Оформление ➔ Добавяне на притурка  и избираме притурката ➔HTML/JavaScript




В празното тяло на избраната притурка вписваме

<style>.post-body:first-letter {
float:left;
color: #000000;
line-height:40px;
padding-top:0px;
padding-right:12px;
font-family:Georgia,Arial,times;
font-size:44px; font-weight: 700;
}
</style>


Притурката позиционираме някъде в долната част на тялото на блога. Няма значение къде. Можем да направим настройки в кода. Оцветеното в червено е цветът на първата буква. В примера е черен. Избор на цвят може да направите, като ползвате този инструмент.


✻✻✻


Ето и още един код, в който буквата е в курсив. Настройките в него са същите, като посочените по-горе.

<style>.post-body:first-letter {
float:left;
color: #000000;
line-height:40px;
padding-top:0px;
padding-right:12px;
font-family:Georgia,Arial,times;
font-size:44px; font-weight: 700;font-style: italic;
}
</style>


Това е за днес. Успех на всички ни! Доскоро!

P.S. Има и още един начин за постигане на подобен резултат.



2 коментара :

  1. Милена Петкова30 декември 2017 г., 18:17 ч.

    Благодаря за информацията. Така блогът ми се оживи. Ще ви посетя пак.

    ОтговорИзтриване


Copyright © БЛОГ ЗА БЛОГОВЕ©2016- | All Rights Reserved
Използването на Blogzablogove.com означава, че сте съгласни с нашата Политика на конфиденциалност и защита