Става дума за един простичък "трик" за декориране на публикацията. А именно, автоматично генериране на уголемена първа буква на публикацията, която можете да бъде и с различен, предпочитан от вас цвят. Такива уголемена първа буква на текста от публикация ще видите в тестовия ми блог, където освен, че е уголемена, първата буква на всяка публикация е с курсив. За да видите първата буква отворете която и да е публикация.
Ако искате да поставете кода за този ефект във вашия блог, следвайте стъпките:
✻✻✻
От админ панела на блога си влизаме в Оформление ➔ Добавяне на притурка и избираме притурката ➔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>
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>
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. Има и още един начин за постигане на подобен резултат.
Здраве за всички вас! Не забравяйте да правите добро на други хора!
Ще съм благодарна да оцените моя труд и кликнете върху звездичките по-долу. Или гласувайте за блога на:
Благодаря за информацията. Така блогът ми се оживи. Ще ви посетя пак.
ОтговорИзтриванеРадвам се за вас. Ще ви чакам пак.
Изтриване