Главная » Файлы » Скрипты для ucoz
Внешние ссылки
24.06.2010, 00:06
Пришло мне значит в голову определять внешние ссылки не наводя на неё курсор.
Это стало возможно благодаря css3.

Для начала напишу скрипт,а потом поясню что к чему...
Есть несколько способов выделения.
Вот первый:

Code
a[href^="http://"]:not([href*="САЙТ.РУ"])::after {
content: url(external.png);
}

Когда в тексте появляется внешняя ссылка (с префиксом http), то данный код сразу за ссылкой (::after) подставляет в строку картинку (content: url(external.png);). При этом исключается наш собственный домен — :not([href*=”САЙТ.РУ”]).

Есть еще один способ...более красочно можно без особых знаний оформить...

Code
a[href^="http://"] {
background: url(external.png) no-repeat 100%;
padding: 0 10px 0 0;
color: #069;
}

Здесь мы просто показываем, что все ссылки с префиксом http будут иметь в качестве фона картинку со стрелкой. Значение в 100% помещает картинку в крайнем правом положении. Но в данном случае скрипт не распознает где внешка,а где внутренняя...Все ссылки начинающиеся на "http" будут выделяться.

Для особо умных-это вставлять в css

Источник материала: http://filmcorp.ru
Категория: Скрипты для ucoz | Добавил: bogdanius_777
Просмотров: 426 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]