Покупные ссылки.
Вебмастерам, которые занимаются куплей-продажей ссылок, хорошо известна ситуация, когда размещаемая ссылка начинается с маленькой буквы. С точки зрения посетителя сайта, такая ссылка, даже если она размещена в хорошо оформленном рекламном блоке выглядит достаточно нелепо:
Почти всегда обычное рекламное объявление начинается с заглавной буквы, но авторам, создающим тексты ссылок это не всегда необходимо. Вебмастер же, получает текст ссылки в точности таким, каким его создал автор ссылки, без возможности отредактировать этот текст.
Тем не менее, если вам дороги ваши посетители, и вы используете такие ссылки в хорошо видимом пользователю блоке, существует способ изменить внешний вид ссылки.
На замечательном сайте Игоря Цыгырлаша есть пример по созданию буквицы с помощью CSS. Для этого используется псевдоэлемент first-letter, который и придет нам на помощь.
Для изменения внешнего вида ссылки заключим ее в блочный элемент <div></div>, для которого в css файле нашего сайта (или между тегами <style></style>) создадим следующие классы:
.adv_link:first-letter {text-transform:uppercase;}
.adv_link a:first-letter {text-transform:uppercase;}
В первой строке мы обращаемся к псевдоэлементу first-letter и изменяем первую букву текста в теге <div> на заглавную.
Во второй строке тоже самое производится с первой буквой всех ссылок внутри этого тэга.
После чего разместим тексты ссылок в теге <div> с классом adv_link.
<div class="adv_link">лучший отдых на нашем курорте.</div>
<div class="adv_link">предлагаем посетить</div>
Видимый результат будет следующим:
Привлечение внимания.
Этот прием, так же можно использовать для привлечения внимания посетителя к какой либо конкретной ссылке, ведь css позволяет изменить внешний вид первой буквы практически любым образом.
.rusnarod:first-letter{text-transform:uppercase;color:red;font-size:200%;}
.rusnarod a:first-letter{text-transform:uppercase;color:red;font-size:200%;}
0 Comments:
Post a Comment