Посмотрите как красиво сделано здесь http://green.rolevka.ru/ (баннер в самом низу), он затеняется, какбы покрывается пеленой но при наведении курсором он стаёт чистенький и красивенький, так и хочется на него нажать =)
Дайте пожалуйста этот скрипт
Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Корзина » Затемнение баннеров, нужен скрипт.
Посмотрите как красиво сделано здесь http://green.rolevka.ru/ (баннер в самом низу), он затеняется, какбы покрывается пеленой но при наведении курсором он стаёт чистенький и красивенький, так и хочется на него нажать =)
Дайте пожалуйста этот скрипт
Obsidian
ХТМЛ-верх:
<style type="text/css"> .mybb_bs { filter: alpha(opacity=40) !important; opacity: 0.4 !important; -moz-opacity: 0.4 !important; -khtml-opacity: 0.4 !important; } .mybb_bs:hover { filter: alpha(opacity=100) !important; opacity: 1.0 !important; -moz-opacity: 1.0 !important; -khtml-opacity: 1.0 !important; } </style>
ХТМЛ-низ:
<script type="text/javascript"> document.getElementById("title-logo-tdr").innerHTML = "<div class='mybb_bs'>" + document.getElementById("title-logo-tdr").innerHTML + "</div>"; document.getElementById("tieser-bottom").innerHTML = "<div class='mybb_bs'>" + document.getElementById("tieser-bottom").innerHTML + "</div>"; </script>
rps здесь поставил это тестовик, не работает http://bogdana.0pk.ru/
добавленно 2 мин
ой пардон, работает только с нижним баннером, а как быть если хочется их все затемнить? Баннеры в тестовике http://bogdana.0pk.ru/ верх и 2 в левой колонке.
Отредактировано Obsidian (Пт, 29 Июл 2011 21:08:33)
Obsidian
Замение в первый код на этот:
<style type="text/css"> .mybb_bs, #aswift_2_anchor, #aswift_3_anchor { filter: alpha(opacity=40) !important; opacity: 0.4 !important; -moz-opacity: 0.4 !important; -khtml-opacity: 0.4 !important; } .mybb_bs:hover, #aswift_2_anchor:hover, #aswift_3_anchor:hover { filter: alpha(opacity=100) !important; opacity: 1.0 !important; -moz-opacity: 1.0 !important; -khtml-opacity: 1.0 !important; } </style>
rps нормально получилось только с боковой панелью и это очень радует, спасибо! если это не трудоёмко и не муторно то можно бы сделать и для Объявления
Obsidian
Так пойдёт?
<style type="text/css"> .mybb_bs, #aswift_2_anchor, #aswift_3_anchor, #aswift_0_anchor { filter: alpha(opacity=40) !important; opacity: 0.4 !important; -moz-opacity: 0.4 !important; -khtml-opacity: 0.4 !important; } .mybb_bs:hover, #aswift_2_anchor:hover, #aswift_3_anchor:hover, #aswift_0_anchor:hover { filter: alpha(opacity=100) !important; opacity: 1.0 !important; -moz-opacity: 1.0 !important; -khtml-opacity: 1.0 !important; } </style>
rps всё вышло ! Большое спасибо Вам
В Google Chrom делал , всё было нормально а вот в Opera и IE затеняются только баннеры нашего Хостинга верх и низ , вот http://alwow.ru норм форум.
Obsidian Засуньте Вашу каждую группу банеров в <div class=ObsidianBanners>Тут банер</div>
тогда к коду добавиться вот это
<style type="text/css">
.ObsidianBanners,.mybb_bs, #aswift_2_anchor, #aswift_3_anchor, #aswift_0_anchor {
filter: alpha(opacity=40) !important;
opacity: 0.4 !important;
-moz-opacity: 0.4 !important;
-khtml-opacity: 0.4 !important;
}
ObsidianBanners:hover,.mybb_bs:hover, #aswift_2_anchor:hover, #aswift_3_anchor:hover, #aswift_0_anchor:hover {
filter: alpha(opacity=100) !important;
opacity: 1.0 !important;
-moz-opacity: 1.0 !important;
-khtml-opacity: 1.0 !important;
}
</style>
Отредактировано Deff (Пт, 29 Июл 2011 21:59:25)
Obsidian
У меня в Internet Explorer (9 версии) все баннеры делаются полупрозрачными. Какая версия Internet Explorer у Вас?
rps У меня в опере в сайдбаре и в объявлении - не меняются
Obsidian
А если так (в самый конец ХТМЛ-низ, вместо предыдущего):
<script type="text/javascript"> document.getElementById("title-logo-tdr").innerHTML = "<div class='mybb_bs'>" + document.getElementById("title-logo-tdr").innerHTML + "</div>"; document.getElementById("tieser-bottom").innerHTML = "<div class='mybb_bs'>" + document.getElementById("tieser-bottom").innerHTML + "</div>"; document.getElementById("aswift_0_anchor").innerHTML = "<div class='mybb_bs'>" + document.getElementById("aswift_0_anchor").innerHTML + "</div>"; document.getElementById("aswift_2_anchor").innerHTML = "<div class='mybb_bs'>" + document.getElementById("aswift_2_anchor").innerHTML + "</div>"; document.getElementById("aswift_3_anchor").innerHTML = "<div class='mybb_bs'>" + document.getElementById("aswift_3_anchor").innerHTML + "</div>"; </script>
А в ХТМЛ-верх вернуть это:
<style type="text/css"> .mybb_bs { filter: alpha(opacity=40) !important; opacity: 0.4 !important; -moz-opacity: 0.4 !important; -khtml-opacity: 0.4 !important; } .mybb_bs:hover { filter: alpha(opacity=100) !important; opacity: 1.0 !important; -moz-opacity: 1.0 !important; -khtml-opacity: 1.0 !important; } </style>
rps там возможно тако дополнение(пост 12) в сss cделать ( поскольку фрейм без него не опрозрачниваецо
.mybb_bs *{
.mybb_bs *:hover {
Отредактировано Deff (Пт, 29 Июл 2011 22:14:51)
rps с твоим последним вариантом баннеры пропали =)
Отредактировано Obsidian (Пт, 29 Июл 2011 22:18:19)
Deff как ты тутговорил не работает, всё тоже самое.
Obsidian
9 сообщение попробуйте. Код для ХТМЛ-низ верните в первоначальный вариант.
давайте дам логи и пароль на тестовик ? могу аськой почтой ЛС
Странно - вообщем - чо rps - хотел - то случилось - нужные блоки в теги <div class=mybb_bs> оделись
Obsidian
Пришлите в ЛС.
Obsidian
Похоже, в Опера нельзя накладывать эффект полупрозрачности на флеш-объекты...
Вы здесь » Единый форум поддержки » Корзина » Затемнение баннеров, нужен скрипт.