Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.12.152.102
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Внешние ссылки
Сообщение оставлено 06.07.2010 в 17:33:37 | Сообщение #1

Пришло мне значит в голову определять внешние ссылки не наводя на неё курсор.
Это стало возможно благодаря 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
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика