Среда, 09.07.2025, 02:00
Приветствую Вас Гость | RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Внешние ссылки
aRoДата: Понедельник, 19.07.2010, 15:55 | Сообщение # 1
Модератор MEGAquatro
Группа: Пользователи
Сообщений: 161
Репутация: 122
Статус:

Пришло мне значит в голову определять внешние ссылки не наводя на неё курсор.
Это стало возможно благодаря 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

 
  • Страница 1 из 1
  • 1
Поиск:


Copyright MyCorp © 2025Хостинг от uCoz