Как да поставим изображение пред заглавието на публикацията си и трудно ли е това?
Днес ние говорим за една малка козметична украса на вашия блог в платформата Blogspot на Blogger. Малко изображение пред заглавието на всяка публикацията е безспорно един елемент от изключителния дизайн на блога.
Той ще създаде положително впечатление сред читателите и посетителите на блога ви. Можете да го видите тук. Изображението пред заглавията на публикациите ми са само на главната страница.
Този ефект се постига с помощта на малък код, който ще инсталираме по най-лесния и най-познатия ни начин.
Кодът е:
Инсталирането е лесно:
Но ще се наложи да направите настройки, защото размерите на заглавията на всички са различни, маркерите за тях в кода на темата-също.
Успех на всички и приятно експериментиране!
Желая да имате чудесен дизайн!
Здраве за всички вас! Не забравяйте да правите добро на други хора!
Ще съм благодарна да оцените моя труд и кликнете върху звездичките по-долу. Или гласувайте за блога на:
Днес ние говорим за една малка козметична украса на вашия блог в платформата Blogspot на Blogger. Малко изображение пред заглавието на всяка публикацията е безспорно един елемент от изключителния дизайн на блога.
Той ще създаде положително впечатление сред читателите и посетителите на блога ви. Можете да го видите тук. Изображението пред заглавията на публикациите ми са само на главната страница.
Този ефект се постига с помощта на малък код, който ще инсталираме по най-лесния и най-познатия ни начин.
Кодът е:
<style>.post h3 {
background:url(######)no-repeat top
left;margin: 0px;
padding: 40px 0px 0px 80px;
line-height:1.1em;
}</style>
background:url(######)no-repeat top
left;margin: 0px;
padding: 40px 0px 0px 80px;
line-height:1.1em;
}</style>
Инсталирането е лесно:
админ панел ➔ Оформление ➔ Добавяне на притурка ➔ Избираме притурката HTML/JavaScript
Но ще се наложи да направите настройки, защото размерите на заглавията на всички са различни, маркерите за тях в кода на темата-също.
Внимание !
padding: 40px 0px 0px 80px; е променлива величина:
40px по вертикала, 80px; по хоризонтала.
Там където е оцветено в червено, сложете URL на вашето изображение.
.post h3 сменете с .post h2, ако заглавията на публикациите ви в кода на темата са маркирани с h2
Успех на всички и приятно експериментиране!
Желая да имате чудесен дизайн!
Здраве за всички вас! Не забравяйте да правите добро на други хора!
Ще съм благодарна да оцените моя труд и кликнете върху звездичките по-долу. Или гласувайте за блога на:
Няма коментари:
Публикуване на коментар