![Изображение пред заглавието на публикация Изображение пред заглавието](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8hzdHzla-okar91w-818G7nUIyukXKJlEYBPmDQqDS5RwBxvMj02wHUt-I33Ho4xeohs1XurJ-bKWeUBgxRN4bmlpc_L8FY_DYrLaU0ON0pbmc0l2vkTAoAl3skAkkzZeKpJNelEBvW4/s1600/img_pred_zaglavie1-min.png)
Днес ние говорим за една малка козметична украса на вашия блог в платформата 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
Успех на всички и приятно експериментиране!
Желая да имате чудесен дизайн!
Здраве за всички вас! Не забравяйте да правите добро на други хора!
Ще съм благодарна да оцените моя труд и кликнете върху звездичките по-долу. Или гласувайте за блога на:
![Посетете .: BGtop.net :. Топ класацията на българските сайтове и гласувайте за този сайт! BGtop](http://bgtop.net/images/bgtop8831.gif)
Няма коментари:
Публикуване на коментар