Єффект при наведении курсора

[Vandeko]

Здесь нашел нужный эффект и подключил здесь. Затем решыл использовать его еще и здесь. Для это я дублировал js скрипт с исправлением размеров картинки , а также все селекторы css дописав каждому "2" и соответственно указал это в самом html .

Вот CSS рабочего варианта:

/* — Container configuration ———--alboms3———————————————-- */
.viewport {border: 4px solid #e3c79f;
			float: left;
			height: 325px;
			margin: 3px 1px 1px 3px;
			margin-top:88px;
			overflow: hidden;
			position: relative;
			width: 215px;}

.no-margin {margin-right: 0;}

.viewport a {display: block;
				position: relative;}
.viewport a img {height: 375px;
					left: -20px;
					position: relative;
					top: -20px;
					width: 248px;}
.viewport a span {display: none;
					font-size: 3.0em;
					font-weight: bold;
					height: 100%;
					padding-top: 120px;
					position: absolute;
					text-align: center;
					text-decoration: none;
					width: 100%;
					z-index: 100;}
.viewport a span em {display: block;
					font-size: 0.45em;
					font-weight: normal;}

/* — Dark hover background ———————————————————— */
.dark-background {background-color: rgba(15, 15, 15, 0.6);
					color: #fff;
					text-shadow: #000 0px 0px 20px;}

.dark-background em {color: #ccc;}

А вот CSS не рабочего варианта:

 /**——alboms9————————————————————————— */
.viewport2 {border: 4px solid #e3c79f;
    		float: left;
			height: 125px;
			margin: 5px 0px 0px 6px;
			margin-top:88px;
			overflow: hidden;
			position: relative;
			width: 215px;}

.no-margin {margin-right: 0;}

.viewport2 a {display: block;
				position: relative;}
.viewport2 a img {  height: 175px;
					left: -20px;
					position: relative;
					top: -20px;
					width: 248px;}
.viewport2 a span {display: none;
					font-size: 3.0em;
					font-weight: bold;
					height: 100%;
					padding-top:0px;
					position: absolute;
					text-align: center;
					text-decoration: none;
					width: 100%;
					z-index: 100;}
.viewport2 a span em {display: block;
					font-size: 0.45em;
					font-weight: normal;}

/* — Dark hover background ———————————————————— */
.dark-background2 {background-color: rgba(15, 15, 15, 0.6);
					color: #fff;
					text-shadow: #000 0px 0px 20px;}

.dark-background2 em {color: #ccc;}

Все четко . Перепроверял 100 раз . Никак не могу понять в чем дело

Edited October 14, 2011 by Vandeko

[Быколай]

ну а в яваскрипте изменить забыли

[Vandeko]

ну а в яваскрипте изменить забыли

нет в ява тож дописал шырину !

[Быколай]

ну а в яваскрипте изменить забыли

нет в ява тож дописал шырину !

та не, ни ширину, а имя класса, двойку добавить требо

о, а теперь-то работает, разобрались?

[Vandeko]

ну а в яваскрипте изменить забыли

нет в ява тож дописал шырину !

та не, ни ширину, а имя класса, двойку добавить требо

о, а теперь-то работает, разобрались?

Да спасиБО ! Подсказали ужэ на другом форуме , чет по спешке или лени не увидел )

Ток щяс запара узнать откуда берется верхний отступ. Нашел пединг , поставил 0 , а ничего так и не изменилось (

[Быколай]

Ток щяс запара узнать откуда берется верхний отступ. Нашел пединг , поставил 0 , а ничего так и не изменилось (

да не за что.

margin-top:88px;

?

или вы про какой отступ?

[Vandeko]

Ток щяс запара узнать откуда берется верхний отступ. Нашел пединг , поставил 0 , а ничего так и не изменилось (

да не за что.

margin-top:88px;

?

или вы про какой отступ?

Идеально ! Он самый . Может вы еще и подскажете на счет флеш-меню (swf превращенный в модуль с помощью swfobject(модуль Джумлы)).

Так как нигде не дают ответ по этому поводу(

Флеш-менюшки (верхнии и нижние) я сделал в трех екземплярах(укр,рус,енг).

И решыл что смогу их подключить без проблем с помощью JoomFish .

Но увы через это расшырение при нажатии на кнопку "публиковать" происходит загрузка и ничего не публикуется(значек остается красным).

То же самое происходит если зайти в сам модуль и оставить там галку "публиковать" и сохранить .

В чем можэт быть проблема ?

Edited October 15, 2011 by Vandeko

[Быколай]

Идеально ! Он самый . Может вы еще и подскажете на счет флеш-меню (swf превращенный в модуль с помощью swfobject(модуль Джумлы)).

Так как нигде не дают ответ по этому поводу(

Флеш-менюшки (верхнии и нижние) я сделал в трех екземплярах(укр,рус,енг).

И решыл что смогу их подключить без проблем с помощью JoomFish .

Но увы через это расшырение при нажатии на кнопку "публиковать" происходит загрузка и ничего не публикуется(значек остается красным).

То же самое происходит если зайти в сам модуль и оставить там галку "публиковать" и сохранить .

В чем можэт быть проблема ?

уф, в жумле не особо селён, особо в этоё её части, модули, шмодули... не очень я её честно говоря жалую.

Edited October 15, 2011 by Быколай

[Vandeko]

уф, в жумле не особо селён, особо в этоё её части, модули, шмодули... не очень я её честно говоря жалую.

Все равно спасибо , моного у меня нервной роботы забрали ))

[Быколай]

Все равно спасибо , моного у меня нервной роботы забрали ))

да на здоровье, мне не жалко

кстати, такое же меню, что у вас на флеш, можно и на чистых html+css реализовать. но, это дело вкуса.

[Vandeko]

да на здоровье, мне не жалко

кстати, такое же меню, что у вас на флеш, можно и на чистых html+css реализовать. но, это дело вкуса.

У меня оно есть на CSS но оно какое то кривое, а подогнать не знаю как и где) Шрифт по другому выглядит хотя тот же , междустрочные интервалы, эфект не тот. Нет позицыи при нажатии(для мотелька) .

Заказчик сказал что это меню, однозначно)