0

Изображение пред заглавието на публикация

Изображение пред заглавието
Как да поставим изображение пред заглавието на публикацията си и трудно ли е това?
Днес ние говорим за една малка козметична украса на вашия блог в платформата Blogspot на Blogger. Малко изображение пред заглавието на всяка публикацията е безспорно един елемент от изключителния дизайн на блога.
Той ще създаде положително впечатление сред читателите и посетителите на блога ви. Можете да го видите тук. Изображението пред заглавията на публикациите ми са само на главната страница.
Този ефект се постига с помощта на малък код, който ще инсталираме по най-лесния и най-познатия ни начин.

Кодът е:

<style>.post h3 {
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


Успех на всички и приятно експериментиране!

Желая да имате чудесен дизайн!

Няма коментари :

Публикуване на коментар

Ако имате необходимост да вмъкнете HTML код в коментара си, моля използвайте един от инструментите в основното меню - Конвертор на HTML кодове.


Copyright © БЛОГ ЗА БЛОГОВЕ©2016-| Original style & code - magentawave.com | All Rights Reserved