» »

Делаем прозрачный баннер счетчика сайта


Делаем прозрачный баннер счетчика сайта

Думаю много где встречали баннеры, которые при наведение приобретают вид по умолчанию. А так они немного затемненные, это больше качается темного фона, но если еще и низ сайта темный, то отлично подойдет, в плане дизайн. Все очень просто, вы заходите, и они ели видны, как только курсором навели, и все нормально становиться.

Так как на тестовом сайте нет много баннеров, пришлось проверить на этом.

Установка:

CSS:

Код
#banners a img {  
opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=50);  
}  

#banners a:hover img {  
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);  
}


Теперь доходим до баннеров. Их нужно заключить в код.

Код
<div id="banners">Здесь только один баннер</div>


Если у вас несколько, то нужно все заключать на чистый скрипт, и только тогда боявиться сам эффект, который вы сами как нужно в стилях выставите.
25.02.2016 Просмотров: 510 Комментарий: (8)

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

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

Комментарий: 8
workman
workman 25.02.2016 23:021
+1
Меня постоянно мучает один вопрос. Почему ты не ставишь к себе на сайт разные плюшки и фишки а только раздаешь? biggrin
Kosten
Kosten 26.02.2016 02:252
0
workman, да не нужны они по сути мне, мне как то приятней, чтоб было только по теме, в всякие эффекты как то не приветствую, хотя этот возможно поставлю.
Kosten
Kosten 26.02.2016 16:453
0
Решил поставить чтоб не так сильно в глаза кидались.

Сафрон
Сафрон 26.02.2016 23:064
0
Старый скрипт, но многие делают, видать еще нужный. А что на темном фоне как то гармоничнее будет смотреться, здесь бы поспорил, нормально на светлом, но про низ сайта, если он в такой оттенке, то думаю должно как то лучше влиться.
Scheme
Scheme 26.02.2016 23:105
0
Но почему старый, вот к примеру он мне первый раз попался, так видел много раз, что стоит на сайте, но как то не задумывался, сейчас посмотрим.
ucozmental
ucozmental 26.02.2016 23:167
0
Но зачем вам все это нужно, еще понимаю, когда баннеры в ряд стоят, так как то по теме, хотя и там не нужно, это же не чего вообще не дает, ну только если подгрузит саму страницу главную.
Сопрано
Сопрано 26.02.2016 23:156
0
Всегда пригодиться, хоть и светлый сайт, так как понял, можно же цвет сменить, и поставить светлее и другой оттенок и значит под любой сайт подогнать.
Tergran
Tergran 26.02.2016 23:198
0
Но все у тебя грузит, не чего вообще что ли не ставить, у некоторых вообще, что только не стоит, и хосты хорошие, значит дело не в этом. Не спорю, что сильно грузить не нужно, но как то оформить красиво надо.
avatar