ПредишенСледващото

Така че, да се свържат по някакъв начин различен от останалата част на блог, използване на CSS. За да направите това, въведете предварително конфигурирани връзки SAPE клас. Да кажем, че това ще бъде клас = "SAPE". Помислете например за този блог.

Досега имаме две основни връзки стил - прост и по-забележими.


Сега всички контекстуални връзки са оцветени в синьо, което не е добро. Отворете таблицата на нашата тема и да добавите стил, за да:

#content А .sape # 123;
няма да има описание на стила за връзки от SAPE
# 125;


Просто вижте какво идентификатор има този слой (DIV), което показва публикация в блог. Ако пишете само A.sape. След това този стил ще имат всички връзки - и блок, както и контекстуална. Ние работим само с контекст, затова се добавя слой номер.


Аз не знам дали е нарушил така SAPE правила. Във всеки случай това не е съвсем правилно и морално, дори въпреки факта, че тези справки са предназначени само за търсачките. Стилът в този случай ще изглежда така:

#content А .sape # 123;
цвят. # 666666;
текст-украса. няма;
# 125;


Направете го доста проста. Като алтернатива можете да използвате таговете . Т.е. след всяка връзка, за да вмъкнете следния код:

[AD]


Ако е необходимо, стилът може да направи за цялостното CSS стилове на нашата тема. Самият код може да бъде добавена с помощта на моя плъгин. Тя ще изглежда по следния начин.


Ако сте забелязали, леко замъглено дума [AD]. Това се дължи на прекалено малък размер на шрифта. По-голям, за да не си струва, ще се разсее, а линията raspolzutsya поради неспазване на еднаква височина. Така че, вместо текст, можете да използвате изображение като фон изображение. Оказва се, по този начин.


В този случай, в наш стил ще изглежда така:

#content А .sape # 123;
цвят. # 666666;
текст-украса. подчертае;
фон-изображение. URL # 40; "/images/sape.gif" # 41; ;
фон-позиция. 100% 80%;
фон-повторете. никой не се повтаря;
вата-надясно. 32px;
# 125;


Тук всеки обект ще трябва да играе на стойностите на фон-позиция и уплътнение десен. Първият параметър идентифицира местоположението на изображението - в този случай десния край (100%) и отклонението от дъното 80%. Оптимално, разбира стойността на 100% до 100% (в горния десен ъгъл) - но в същото време отреже горната част на изображението. Празно десен параметър определя вдлъбнатината на текстови линкове от дясната страна - това е необходимо, за да ги разделите на изображения и текстови линкове. Стойността зависи от ширината на изображението с текста [AD]. той трябва да бъде малко повече.

Също така аз препоръчвам да четете:

Подкрепете проекта - споделете линка, благодаря!