Стилизация внешних ссылок

Стилизация внешних ссылок является обычной практикой в ​​большинстве информационных сайтов. Пользователю же приятно видеть, что по щелчку на ссылке его перебросит на другой ресурс. Многие сайты внешние ссылки проверяют на стороне сервера, добавляя «внешний» класс к внешним ссылкам при значении атрибута rel="external" (или, как вариант, rel="nofollow"). Я в свое время этот момент не пропустил и внешние ссылки имеют все необходимые классы и атрибуты 😉

Но, как всегда в таких случаях, есть простое и гениальное решение (решение тут, много букв на английском).

В файл стилей прописываем что-то типа этого (используем стиль википедии):

И добавляем простой Java-скриптик

Все, теперь внешние ссылки отличаются от внутренних 🙂

Пока крапал данную заметку наткнулся на еще одну очень интересную статью по кастомизации внешних ссылок.


Оставить комментарий