воскресенье, октября 19, 2008

Оформление внешних ссылок с помощью CSS

Этот урок, наверное, многим из вас будем хорошо знаком, но вот используете ли его на практике? Задача состоит в том, чтобы выделить в тексте страницы внешние ссылки с помощью CSS кода, чтобы они отличались от внутренних ссылок сайта. Для этого мы будем использовать регулярное выражение, с помощью которого напишем шаблон для ссылок. В CSS это выглядит так:

a[href^="http:"] {...}

Этот код означает, что все ссылки начинающиеся с http: будут иметь стили присвоенные в данном правиле.

Теперь, чтобы отличить внешние ссылки от внутренних, пропишем правило, используя регулярное выражение включающее домен. Например:

a[href^="http://www.getincss.ru"], a[href^="http://getincss.ru"], a[href^="/"] {...}

Советую почитать:

Маленькие хитрости Google – найдем наших конкурентов в AdSense.

Пробуем арбитраж с CPA на CPA.

Простая техника для настройки MFA сайтов и для улучшения QS на лендинг страницах.

Здесь мы указали 3 возможных варианта того, как может быть указана ссылка на внутренние страницы сайта. Соответсвенно, для всех остальных ссылок, т.е. для внешних, будет учитываться первое правило: a[href^="http:"].

Оформление внешней ссылки - уже ваша фантазия, но чаще всего можно увидеть такой стиль:

CSS код для этого примера:

a[href^="http:"]     {      background: url(images/externalLink.gif) no-repeat right top;      padding-right: 10px;     }

Картинку можно скачать по указанной ссылке. Ну и, конечно, оговорочка - для IE6 данный метод работать не будет, но если вы его будете использовать, хуже никому не станет :)

Здесь можно оставить свои комментарии. Выпуск подготовленплагином wordpress для subscribe.ru