Промяна стила на заглавките в Blogger (Blogspot)

Прилагането на стиловите свойства към заглавията на публикациите (статиите) и различните приставки, позволява лесно да ги оформите в съответствие с цялостния дизайн на блога. По този начин можете да добавите към тях красив фон под формата на изображение или CSS и да подравните текста в центъра или в десния край.

В тази публикация ще говорим само за това, как да промените външния вид на заглавията, стиловете им, в блога на Blogger посредством CSS.
Нека дефинираме селекторите.
Общо в темите на Blogger има четири типа заглавки и да добавяте свой собствен CSS стил
можете за всяка от тях. Селекторите им вече са написани в кода на шаблона, както следва:
➤.Header h1 - името на блога. В този случай заглавката е селектор на "шапката" на блога, където се намира заглавката на първото ниво - h1;

➤h2 - заглавки на притурки; CSS, добавен към h2, ще бъде приложен и към датата на публикацията, но само ако за този елемент не сте задали собствен стил. Научете повече за промяната на датите в съобщенията в Blogger.

Прописването на свойства към този селектор ще промени стила на заглавките за всички притурки в блога, но ако желаете, можете да зададете на различните притурки заглавки с различни CSS стилове.

➤h3.post-title - e селекторът на заглавката на публикациите (статиите);

➤.comments h4 - заглавията в коментарите, което включва броя на оставените коментари и надписът "Оставете коментар";

За да подравните текста на една заглавка в средата, в Blogger, както и навсякъде, се използва свойството text-align със значение center.

Например за статиите (публикации) кодът ще бъде такъв:

h3.post-title {
 text-align: center; /*подравняване в центъра*/
}

Можете да намерите и научите някои CSS свойства на тази страница.

Здраве за всички вас! Не забравяйте да правите добро на други хора!

Ще съм благодарна да оцените моя труд и кликнете върху звездичките по-долу. Или гласувайте за блога на:




Продължаваме