Иконки пред линковете.

Автор: index

Това го видях в WordPress , по точно в един аддон.
CSS :

a[href$=".pdf"], a[href$=".txt"]
{
padding-bottom:2px;
padding-left:22px;
padding-top:2px;
background:transparent;
}

По този начин задаваме на иконките пред линковете да се дръпнат 22 пиксела в ляво, и по 2 от горе и отдолу.

a[href$=".pdf"]
{
background: url(http://pspstore-bg.net/wp-content/plugins/file-icons/icons/silkicons/page_white_acrobat.png) no-repeat scroll left center;
}
a[href$=".txt"]
{
background: url(http://pspstore-bg.net/wp-content/plugins/file-icons/icons/silkicons/page_white_text.png) no-repeat scroll left center;
}

Сега с този код ( може и да са други разширенията) задаваме коя снимака , да е на линка , без да се копира , и да седи вляво от линка.
Това са иконките който съм ги свалил заедно с аддона.
http://pspstore-bg.net/wp-content/plugins/file-icons/icons/silkicons.zip

Мода за word press e предоставен от : http://wordpress.designpraxis.at/

Целта на урока е да се покаже как може да се раздвижи сайта малко повече , без използване на JS.