• Страница 1 из 1
  • 1
Форум » Web-Раздел » Начинающему вебмастеру » Как сделать прозрачный баннер или счетчик
Как сделать прозрачный баннер или счетчик
Kosten
Четверг, 29 Июня 2017 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
Здесь вы можете сделать прозрачным баннеры или счетчики, что будут еле просматриваемые. Думаю многие видели такой эффект на любом сайте, где счетчик но больше все баннеры идут не яркие в сделаны под фон сайта или его дизайн.

Устанавливаем код-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>
Страна: (RU)
-SAM-
Четверг, 29 Июня 2017 | Сообщение 2
Оффлайн
Друзья сайта
Сообщений:882
Награды: 40
Еще к стилям прописывают скрипт для достижения эффекта плавного перехода прозрачности:
Код
<script>
   jQuery(function(){
   $("#banners img").hover(function(){
   $(this).stop().animate({opacity:'1.0'})},
   function(){$(this).stop().animate({opacity:'.3'})}
   );
   });
</script>

Правда, в наше время с появлением CSS3 вместо скрипта можно использовать свойство transition, чтобы была плавная трансформация.




Помог? Скажи спасибо в виде "+" - вам мелочь, а мне приятно.
Бесплатное оказание помощи в ответах на "Вопросы про uCoz".


Сообщение отредактировал
-SAM- - Пятница, 30 Июня 2017, 00:13
Страна: (UA)
Kosten
Четверг, 29 Июня 2017 | Сообщение 3
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
-SAM-, от души за дополнение + подарок!
Страна: (RU)
Форум » Web-Раздел » Начинающему вебмастеру » Как сделать прозрачный баннер или счетчик
  • Страница 1 из 1
  • 1
Поиск: