Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Корзина » Затемнение баннеров, нужен скрипт.


Затемнение баннеров, нужен скрипт.

Сообщений 1 страница 20 из 22

1

Посмотрите как красиво сделано  здесь http://green.rolevka.ru/ (баннер в самом низу), он затеняется, какбы покрывается пеленой но при наведении курсором он стаёт чистенький и красивенький, так и хочется на него нажать =)

Дайте пожалуйста этот скрипт :yep:

0

2

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>

0

3

rps здесь поставил это тестовик, не работает http://bogdana.0pk.ru/

добавленно 2 мин

ой пардон, работает только с нижним баннером, а как быть если хочется их все затемнить? Баннеры в тестовике http://bogdana.0pk.ru/ верх и 2 в левой колонке.

Отредактировано Obsidian (Пт, 29 Июл 2011 21:08:33)

0

4

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>

+1

5

rps нормально получилось только с боковой панелью и это очень радует, спасибо! если это не трудоёмко и не муторно то можно бы сделать и для Объявления  :blush:

0

6

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>

0

7

rps всё вышло ! Большое спасибо Вам  :cool:

0

8

В Google Chrom делал , всё было нормально а вот в Opera и IE затеняются только баннеры нашего Хостинга верх и низ , вот http://alwow.ru норм форум.

0

9

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)

0

10

Obsidian
У меня в Internet Explorer (9 версии) все баннеры делаются полупрозрачными. Какая версия Internet Explorer у Вас?

0

11

rps У меня в опере в сайдбаре и в объявлении - не меняются

0

12

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>

0

13

rps там возможно тако дополнение(пост 12) в сss cделать ( поскольку фрейм без него не опрозрачниваецо

.mybb_bs *{

.mybb_bs *:hover {

Отредактировано Deff (Пт, 29 Июл 2011 22:14:51)

0

14

rps с твоим последним вариантом баннеры пропали =)

Отредактировано Obsidian (Пт, 29 Июл 2011 22:18:19)

+1

15

Deff как ты тутговорил не работает, всё тоже самое.

0

16

Obsidian
9 сообщение попробуйте. Код для ХТМЛ-низ верните в первоначальный вариант.

0

17

давайте дам логи и пароль на тестовик ? могу аськой почтой ЛС

0

18

Странно - вообщем - чо rps - хотел - то случилось - нужные блоки в теги <div class=mybb_bs> оделись

0

19

Obsidian
Пришлите в ЛС.

0

20

Obsidian
Похоже, в Опера нельзя накладывать эффект полупрозрачности на флеш-объекты...

0


Вы здесь » Единый форум поддержки » Корзина » Затемнение баннеров, нужен скрипт.