Скрипты,шаблоны для uCoz, DLE. Софт программ бесплатно

Добро пожаловать!
Сделай
Cайт
Лучше
  • Главная страница
  • Форум Помощь
  • Файлы Каталог файлов
  • Полезно Рекомендуем
  • Новое На сайте
  • Правила Читать всем

Эффект прозрачности баннеров и счетчиков

Твитнуть
01 Июл 2025
Многие наверно видели прозрачные счетчики которые при наведении курсора становились обычными...Так вот речь пойдет как раз о том как этого эффекта добиться, причем мы не будем использовать ***.js , только файл стилей (***.css) вашего сайта.
Есть много вариантов как этого добиться, но мы рассмотрим только два самых оптимальных

Итак, первый вариант:

Открываем файл стилей сайта, например style.css и в самый конец добавляем следующий код:

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

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

далее открываем файл в котором прописаны баннеры, например index.php или index.html или еще как то (черт его знает как он у вас называется)

И заключаем вашу картинку (банер, счетчик) в теги

Code
<div id="banners">тут картинки , банеры</div>

И второй вариант:

Открываем нужную страницу(index.html например) со счетчиками и ищем тег  </head>, перед ним добавляем:

Code
<style type="text/css">
<!--
#banners a img {
opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40);
}
#banners a:hover img {
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
}
-->
</style>

Далее находим наши счетчики и заключаем их так же как и в первом варианте, а именно в теги
Code
<div id="banners">тут картинки , банеры</div>

Посмотреть как это работает и выглядит можно на этом сайте.
Ну что же на этом все, удачи!

P.S-можно использовать и такой код заключения
Code
<span id="banners">тут картинки , банеры</span>

Уважаемый посетитель, скачивать материал могут только зарегестрированные пользователи!
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

+
    • 1
    • 2
    • 3
    • 4
    • 5

Счетчиков, прозрачности, Эффект, баннеров, разное

АвторПользователи/ Категории » Скрипты для uCoz/ Просмотров 962 / Посмотреть комментарии 0
 
Вернуться назад

А также:
TuneUp Utilities 2010 9.0.4400.16 + Rus

TuneUp Utilities 2010 9.0.4400.16 +...

Кнопка выделить всё для форума

Кнопка выделить всё для форума

Новая онлайн статистика для uCoz

Новая онлайн статистика для uCoz

Выводим favicon на файлообменники

Выводим favicon на файлообменники

Blue For Ucoz

Blue For Ucoz

Скрипт "Неактивные материалы"

Скрипт "Неактивные материалы&q...

 

html-cсылка на публикацию
BB-cсылка на публикацию
Прямая ссылка на публикацию


Всего комментариев: 0
Уважаемый посетитель, Вы зашли на сайт, как незарегистрированный пользователь.
Мы рекомендуем Вам
зарегистрироваться,либо войти на сайт под своим именем.
Twitter RSS Добавить в избранное

Профиль


  • Привет, Пользователи!


Логин:
Пароль:
Забыл пароль | Регистрация

Меню

  • Скрипты для uCoz
  • Шаблоны для uCoz
  • Графика Ucoz
  • Шаблоны с конструктором
  • Блоки и шапки
  • Адаптация с DLE
  • Виды материалов
  • Всё для DLE
  • PSD
  • Иконки
  • Разное
  • Шаблоны с PSD
  • Иконки/Значки
  • Хаки
  • Софт
  • Интернет
  • Всё для Photoshop

Мини-чат

    Вы не можете добавлять сообщения в чат
    Авторизуйтесь!

  • Top-5
  • Comments
  • Tags
  • UserGate Proxy & Firewall 4.3.949 + crack (serial) [Русская версия]
    60 downloads
  • Вид Фотоальбома + iLoad для Dominion
    41 downloads
  • Форма добавления комментариев
    41 downloads
  • Форма добавления комментариев для форума
    39 downloads
  • Новый шаблон для uCoz-ChromeGT
    36 downloads
Код вставляем в глобальный блок ВЕРХНЯЯ ЧАСТЬ САЙТА
Аватар Алексей Алексей 17 Мар 2013 | 13:35
Блин у меня не получилось его установить(( html код нужно в "страницы сайта" вставлять? в head :unsure:
аватар отсутствует Master 08 Мар 2013 | 00:08
Штука убойная, респект :v:
Аватар Babalus Babalus 13 Окт 2012 | 16:21
для (74)
null (68)
ucoz (46)
на (31)
разное (31)
сайта (22)
шаблон (19)
Скрипт (17)
psd (14)
вид (14)
Сайтостроение (14)
Новый (13)
форум (12)
Для сайта (11)
Хаки (10)
как (9)
красивый (9)
набор (9)
Flash (8)
для uCoz (8)
меню (8)
русский (8)
AJAX (7)
кнопка (7)
кнопки (7)

Рейтинг-Топ 10

  • Редактируем шаблон прямо на сайте
  • Красивый блок информации для uCoz
  • Новшества мини чата ucoz
  • Скруглённые уголки
  • Видеокурс "HTML с нуля"
  • Красивые Списки На CSS
  • Переключение страниц с интересным эффектом.
  • Набор Noavatar для сайта
  • Очень красивый вид комментариев для ucoz
  • Имитация градиента

Топ-5-сайтов

  • Oyama Do
    Рейтинг: 5.0/5
    Просмотров: 11676
  • Профессиональная академия единоборств KEA-FIGHTING
    Рейтинг: 3.0/2
    Просмотров: 5341

Статистика

Нас уже: 1651 {+0}
    Онлайн всего: 6
    Гостей: 6
    Пользователей: 0
    Пользователи
    Гости сайта
  • Сегодня нас посетило

    Опрос

    Оцените мой сайт
    Всего ответов: 266
Форум Файлы Магазин Статьи Графика Видео Теги
| Карта сайта | Карта форума | Скрипты,шаблоны для uCoz, DLE. Софт программ бесплатно | ©2011 - 2025

  • Яндекс.Метрика
  • Счетчик PR-CY.Rank
  • Рейтинг@Mail.ru
  • Клуб каратэ кёкусинкай OYAMA-DO



Статистика/ Обратная связь/ Размещение рекламы