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

Сделать прозрачность баннера и счетчика

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

Приступаем к установке:

В Css пропишем этот стиль, можно поставить в самый низ, здесь и редактировать можно.

Код
/* ----// прозрачность баннера и счетчика //------- */  

#banners a img {  
opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=30);  
}  

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


Теперь ищем что нам нужно немного чтоб был прозрачный и сильно не выделялся и возьмем к примеру баннер, они всегда яркие и в глаза бросаются. И как видим нужно дивами его обнять.

Код
<div id="banners">Тут ваши счётчики</div>


Вот и все на этом не чего сложного нет.
29 Августа 2016 Просмотров: 1377 Комментариев: (2)

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

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

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

Комментарии: 2
Сопрано
Сопрано 29 Августа 2016 19:141
0
Так это можно не только баннеры делать прозрачными, но к примеру у кого есть календарь можете попробовать что получиться из этого.
FeStemBer
FeStemBer 29 Августа 2016 20:012
0
Но здесь по стилям видно, что они под баннеры ине думаю, что можно какой то календарь прозрачным сделать, а главное зачем его делать, с баннерами все понятно.
avatar