ZorNet.Ru — сайт для вебмастера » HTML и CSS » Оформляем внутренние и внешние ссылки CSS

Оформляем внутренние и внешние ссылки CSS

Оформляем внутренние и внешние ссылки CSS
Здесь больше можно сказать как оформление идет, но все же чтоб понятно для всех, оно будет разным для каждого выхода на какой то ресурс. Теперь на сайте вы можете выделить внутренние ссылки и внешние как по знаку и цвету. Просто если ссылка будет вести на внешний сайт, то у нее рядом будет значок, и в следующий очередь, если на ваш сайт, то не чего не будет, а просто измениться оттенок, чтоб для пользователя видна была.

внутренние и внешние ссылки

Информацию нашел на одном блоге и там шел разговор совершенно о другом хостинге. Но думаю некоторые видели на системе uCoz уже стоят такие значки, что означает, вы перейдете на совершенно другую площадку, но если его нет, то по клику останетесь на этой и только в другой теме.



Но думаю мысль понятна.

Здесь нам понадобиться только один стиль в CSS ставим.

Код
a[href^="http://"]:not([href*="zornet.ru"]):after,  
  a[href^="https://"]:not([href*="zornet.ru"]):after,  
a[href^="ftp://"]:not([href*="zornet.ru"]):after {  
  content: "" url('http://zornet.ru/SKRIPT/Grazyga/8658658.png');  
  padding-left:3px;  
}

Вам нужно только прописать свой домен и заменить в трех местах его, а точнее zornet.ru убираем и ставим свой, в такой же последовательности.

После этого все измениться, предоставлено выше изображение, где был проверен стиль и все прекрасно работает и выдает как нужно.
14 Марта 2016 Просмотров: 1307 Комментариев: (12)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 9
csretven
csretven 14 Марта 2016 23:381
0
Давно хотел поставить, но на юкоз площадках не нашел такую информацию, возможно по неправильному запросу искал, а что они вообще в самой системе сразу не сделают, очень удобно. Но теперь все показано как нужно будет, плюс здесь.
Scheme
Scheme 14 Марта 2016 23:502
0
А что отлично получилось, и на названием материала все отлично стало, вообще понравилось, с такого стиля можно много изменить.
Сопрано
Сопрано 14 Марта 2016 23:563
0
Но подчеркивание уже поставил и у меня в сторону ушел знал, убрал и нормально, придется что то выбирать, оставлю эти стили, боле менее подходят. А что подчеркивание, можно сменить на цвет разный.
Scheme
Scheme 14 Марта 2016 23:584
0
kvyntin, но это понятно что пост написан и название будет на родной ссылке, не понимаю, что хотите объяснить.
Сафрон
Сафрон 15 Марта 2016 00:005
0
А зачем системе думать, у них совершенно другое, поднять цены или опять поднять, но хоть какие то обновление идут, но до этого еще далеко, если и на других хостинг делают сами.
tsakonter
tsakonter 15 Марта 2016 00:046
0
Костен, что не ставишь, так бы смотрелось хорошо. biggrin
Kosten
Kosten 15 Марта 2016 00:107
0
tsakonter, вот ты уже пишешь не первый раз, что не ставлю, по твоей логике, что есть скрипты на сайте все должны стоять на сайте. Но пока не ставлю, это не означает, что в будущем не установлю.
tsakonter
tsakonter 15 Марта 2016 01:038
0
Но здесь можно кнопку поменять, если не нравиться как она ссылкой идет.
1 2 »
avatar