Оригинал сообщения

Этот урок, наверное, многим из вас будем хорошо знаком, но вот используете ли его на практике? Задача состоит в том, чтобы выделить в тексте страницы внешние ссылки с помощью 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:"].

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

[248x46]

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

a[href^="http:"]

    {

     background: url(images/externalLink.gif) no-repeat right top;

     padding-right: 10px;

    }

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

[показать]LIci WP - WordPress crossposting plugin