» »

Подсветка ссылок CSS при наведение


Подсветка ссылок CSS при наведение

При наведении на ссылку в нужном вам модуле сайта она будет подсвечиваться необходимым вам цветом, который вы можете подобрать просто изменив значение цвета, к примеру #fff (цвет на HTML) оттенка. Если брать темный дизайн сайта, то там безусловно будет больше визуализация, но и на светлом можно подобрать ту гамму, которая вам нужна. А так очень красивое приложение для каждого ресурса, где любая ссылка будет заметна.

В таблицу стилей CSS добавьте/

Код
a {  
  color: #00e;  
}  
a:visited {  
  color: #551a8b;  
}  
a:hover {  
  color: #06e;  
}  
a:focus {  
  outline: thin dotted;  
}  
a:hover, a:active {  
  outline: 0;  
}  
a, a:visited, a:active {  
  text-decoration: none;  
  color: #fff;  
  -webkit-transition: all .3s ease-in-out;  
}  
a:hover, .glow {  
  color: #ff0;  
  text-shadow: 0 0 10px #ff0;  
}


Или же если вы хотите разместить на форуме то в общий вид страниц форума между head и /head вставьте данный стиль css, но уже в самом начале добавьте

Код
<style>

и в конце данного стиля

Код
</style>
20.04.2016 Просмотров: 521 Комментарий: (8)

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

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

Комментарий: 8
Kosten
Kosten 20.04.2016 20:311
0
На темном дизайне, там безусловно больше выбора, и не нужно не каких стилей выставлять, чтоб подчеркивать ссылку, а просто самому вывести и нормально, еще так сделать, чтоб совпадало с дизайн, но основном делают, что то светло желтое, чтоб ярче было.
FeStemBer
FeStemBer 20.04.2016 21:022
0
Kosten, но здесь понятно, что сделано под темные сайты, на светлом как то смотрится не очень, да веб мастера ставят, но проходит немного времени, и снимают.
Alex_L_X
Alex_L_X 20.04.2016 21:143
0
Я видел много вариантов с ссылками, этот на мой взгляд вообще не раздражает
Kosten
Kosten 20.04.2016 21:444
0
Alex_L_X, но если время будет, то закидывайте на сайт, думаю пользователям интересно будет.
Сафрон
Сафрон 20.04.2016 22:355
0
Это все же делается на CSS, как то ставил, что при нажатие от переливался в разных цветах, и правильно сказано, что не для светлого, под темный сайт, так вообще много чего можно придумать, чтоб дать ему такой дизайн, главное только вовремя остановиться.
Tergran
Tergran 21.04.2016 00:506
0
А какие еще варианты есть, мне попадался скрипт, где на ссылку наводишь и плавно подчеркивание выезжает.
Alex_L_X
Alex_L_X 21.04.2016 11:137
0
А так он и для светлых отлично подойдет, что на картинке - это представление о данном ксс, а не сама его работа

Цитата Tergran
А какие еще варианты есть, мне попадался скрипт, где на ссылку наводишь и плавно подчеркивание выезжает.


Я дополнять буду эту тему, надеюсь вам понравится
Kosten
Kosten 21.04.2016 17:258
0
Но а почему бы и нет, если можно на сайт поставить и чем то его сделать оригинальным.
avatar