Пришло мне значит в голову определять внешние ссылки не наводя на неё курсор.
Это стало возможно благодаря css3. Для начала напишу скрипт,а потом поясню что к чему...
Есть несколько способов выделения.
Вот первый:
Code
Code
a[href^="http://"]:not([href*="САЙТ.РУ"])::after {
content: url(external.png);
}
Когда в тексте появляется внешняя ссылка (с префиксом http), то данный код сразу за ссылкой (::after) подставляет в строку картинку (content: url(external.png);). При этом исключается наш собственный домен — :not([href*=”САЙТ.РУ”]).
Есть еще один способ...более красочно можно без особых знаний оформить...
Code
Code
a[href^="http://"] {
background: url(external.png) no-repeat 100%;
padding: 0 10px 0 0;
color: #069;
}
Здесь мы просто показываем, что все ссылки с префиксом http будут иметь в качестве фона картинку со стрелкой. Значение в 100% помещает картинку в крайнем правом положении. Но в данном случае скрипт не распознает где внешка,а где внутренняя...Все ссылки начинающиеся на "http" будут выделяться.
Для особо умных-это вставлять в css