ZorNet.Ru — сайт для вебмастера » HTML и CSS » Делаем прозрачный баннер счетчика сайта

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

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

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

Установка:

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 Февраля 2016 Просмотров: 1457 Комментариев: (8)

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

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

Kosten

Похожие материалы

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

Комментарии: 8
Порядок вывода комментариев: workman 25 Февраля 2016 23:02¹ +1 Меня постоянно мучает один вопрос. Почему ты не ставишь к себе на сайт разные плюшки и фишки а только раздаешь? Kosten 26 Февраля 2016 02:25² 0 workman, да не нужны они по сути мне, мне как то приятней, чтоб было только по теме, в всякие эффекты как то не приветствую, хотя этот возможно поставлю. Kosten 26 Февраля 2016 16:45³ 0 Решил поставить чтоб не так сильно в глаза кидались. Сафрон 26 Февраля 2016 23:06⁴ 0 Старый скрипт, но многие делают, видать еще нужный. А что на темном фоне как то гармоничнее будет смотреться, здесь бы поспорил, нормально на светлом, но про низ сайта, если он в такой оттенке, то думаю должно как то лучше влиться. Scheme 26 Февраля 2016 23:10⁵ 0 Но почему старый, вот к примеру он мне первый раз попался, так видел много раз, что стоит на сайте, но как то не задумывался, сейчас посмотрим. ucozmental 26 Февраля 2016 23:16⁷ 0 Но зачем вам все это нужно, еще понимаю, когда баннеры в ряд стоят, так как то по теме, хотя и там не нужно, это же не чего вообще не дает, ну только если подгрузит саму страницу главную. Сопрано 26 Февраля 2016 23:15⁶ 0 Всегда пригодиться, хоть и светлый сайт, так как понял, можно же цвет сменить, и поставить светлее и другой оттенок и значит под любой сайт подогнать. Tergran 26 Февраля 2016 23:19⁸ 0 Но все у тебя грузит, не чего вообще что ли не ставить, у некоторых вообще, что только не стоит, и хосты хорошие, значит дело не в этом. Не спорю, что сильно грузить не нужно, но как то оформить красиво надо.