0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 2037 Просмотров
*

a-baa

  • Осваиваюсь на форуме
  • 15
  • 0 / 0
swmenuPro+rollover
« : 17.09.2009, 19:02:47 »
Всем привет, пользуюсь внутренним шаблоном swmenuPro 5.7 MyGosu. Меню вертикальное, трех-уровневое, при наведении на кнопку и активации меняется фон кнопки, кроме этого нужно чтоб менялась ИКОНКА этого меню, расположенная выше. Типа как в примере http://www.i2r.ru/static/476/out_14697.shtml. Есть возможность изменить или назначить отдельный CSS для кнопок, но действует он все-равно внутри ячейки-кнопки.

Помогите, туплю   ! ....
*

a-baa

  • Осваиваюсь на форуме
  • 15
  • 0 / 0
Re: swmenuPro+rollover
« Ответ #1 : 17.09.2009, 19:23:01 »
Господа, нашел нечто подобное, но меню написано на css: http://meyerweb.com/eric/css/edge/popups/demo2.html
*

a-baa

  • Осваиваюсь на форуме
  • 15
  • 0 / 0
Re: swmenuPro+rollover
« Ответ #2 : 17.09.2009, 19:39:17 »
Думаю, что прописывать нужно это в CSS-файле меню, вот его код, что понял - написал в комментариях:

.ddmx55{
border:10px solid #CDCDCD !important ;
}
/* параметры в меню первого уровня */
.ddmx55 a.item1, /* меню первого уровня */
.ddmx55 a.item1:hover, /* меню первого уровня при наведении*/
.ddmx55 a.item1-active, /* меню первого уровня при активации */
.ddmx55 a.item1-active:hover {
 padding: 5px 5px 5px 5px !important ;
 top: 0px !important ;
 left: 0px;
 font-size: 12px !important ;
 font-family: Arial, Helvetica, sans-serif !important ;
 text-align: left !important ;
 font-weight: bold !important ;
 color: #FFFFFF !important ;
 text-decoration: none !important ;
 display: block;
 white-space: nowrap;
 position: relative;
 background-image: URL("../modules/mod_swmenupro/images/button_off.jpg") ;
 width:200px;
 /* картинка не видна */
}
/* рамка меню первого уровня*/
.ddmx55 td.item11 {
 padding:0 !important ;
 border-top: 2px solid #741362 !important ;
 border-left: 2px solid #741362 !important ;
 border-right: 2px solid #741362 !important ;
 border-bottom: 0 !important ;
 white-space: nowrap !important ;
 width:200px;
}

/* рамка меню первого уровня last
.ddmx55 td.item11-last {
 padding:0 !important ;
 border: 2px solid #741362 !important ;
 white-space: nowrap;
 width:200px;
}*/

/* рамка меню первого уровня при активизации*/
.ddmx55 td.item11-acton {
 padding:0 !important ;
 border-top: 2px solid #741362 !important ;
 border-left: 2px solid #741362 !important ;
 white-space: nowrap;
 border-right: 2px solid #741362 !important ;
}

/* рамка меню второго уровня при активизации
.ddmx55 td.item11-acton-last {
 border: 2px solid #741362 !important ;
}*/

/************************************** параметры в меню первого уровня при наведении и активизации ******************************************/
/*.ddmx55 .item11-acton-last a.item1,*/
.ddmx55 .item11-acton a.item1,
/*.ddmx55 .item11-acton-last a:hover,*/
.ddmx55 .item11-acton a:hover,
.ddmx55 .item11 a:hover,
/*.ddmx55 .item11-last a:hover,*/
.ddmx55 a.item1-active,
.ddmx55 a.item1-active:hover {
background-image: URL("../modules/mod_swmenupro/images/button2_on.jpg") ;
 color: #000000 !important ;
 /*картинка видна
 img {display: block;}
 Н1 {visibility: visible;}
 Н2 {visibility:  hidden;}
 */
}
 /* картинка видна */
 
/* параметры меню второго уровня */
.ddmx55 a.item2,
.ddmx55 a.item2:hover,
.ddmx55 a.item2-active,
.ddmx55 a.item2-active:hover {
 padding: 5px 5px 5px 5px !important ;
 font-size: 12px !important ;
 font-family: Arial, Helvetica, sans-serif !important ;
 text-align: left !important ;
 font-weight: bold !important ;
 text-decoration: none !important ;
 display: block;
 white-space: nowrap;
 width:200px;
 opacity:0.85;
}
/* параметры меню второго уровня */
.ddmx55 a.item2 {
 background-image: URL("http:../modules/mod_swmenupro/images/button_off.jpg") ;
 color: #FFFFFF !important ;
 border-top: 2px solid #741362 !important ;
 border-left: 2px solid #741362 !important ;
 border-right: 2px solid #741362 !important ;
}
/*
.ddmx55 a.item2-last {
 background-image: URL("http:../modules/mod_swmenupro/images/button_off.jpg") ;
 color: #FFFFFF !important ;
 border-bottom: 2px solid #741362 !important ;
 z-index:500;
}*/
/* параметры меню второго уровня при наведении и активизации */
.ddmx55 a.item2:hover,
.ddmx55 a.item2-active,
.ddmx55 a.item2-active:hover {
 background-image: URL("http://../modules/mod_swmenupro/images/button_on.jpg") ;
 color: #000000 !important ;
 border-top: 2px solid #741362 !important ;
 border-left: 2px solid #741362 !important ;
 border-right: 2px solid #741362 !important ;
}
/* параметры бордюра */
.ddmx55 .section {
 border: 10px solid #CDCDCD !important ;
 position: absolute;
 visibility: hidden;
 display: block;
 z-index: -1;
}
.ddmx55frame {
 border: 10px solid #CDCDCD !important ;
}

.ddmx55 .item11-acton .item1 img.seq2,
.ddmx55 .item11-acton-last .item1 img.seq2,
.ddmx55 img.seq1
{
 display:    inline;
}
.ddmx55 a.item1:hover img.seq2,
.ddmx55 a.item1-active img.seq2,
.ddmx55 a.item1-active:hover img.seq2,
.ddmx55 a.item2:hover img.seq2,
.ddmx55 a.item2-active img.seq2,
.ddmx55 a.item2-active:hover img.seq2
{
 display:    inline;
}
.ddmx55 img.seq2,
.ddmx55 .item11-acton .item1 img.seq1,
.ddmx55 .item11-acton-last .item1 img.seq1,
.ddmx55 a.item2:hover img.seq1,
.ddmx55 a.item2-active img.seq1,
.ddmx55 a.item2-active:hover img.seq1,
.ddmx55 a.item1:hover img.seq1,
.ddmx55 a.item1-active img.seq1,
.ddmx55 a.item1-active:hover img.seq1
{
 display:   none;
}
* HTML .ddmx55 td { position: relative; } /* ie 5.0 fix */
*

a-baa

  • Осваиваюсь на форуме
  • 15
  • 0 / 0
Re: swmenuPro+rollover
« Ответ #3 : 22.09.2009, 23:49:45 »
Никто не может ответить?  :o
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Выподает ошибка в swMenuPro 6.4

Автор Sektor38

Ответов: 7
Просмотров: 2479
Последний ответ 12.10.2011, 17:13:12
от dynamit
Rollover Images в статьях.

Автор Gungnir

Ответов: 3
Просмотров: 1826
Последний ответ 21.04.2011, 10:58:18
от sezon
swMenuPro

Автор karencho

Ответов: 10
Просмотров: 3334
Последний ответ 16.02.2010, 22:00:46
от terr
Проблема с swMenuPro

Автор Unreal1444

Ответов: 1
Просмотров: 1309
Последний ответ 03.02.2010, 18:00:21
от Unreal1444
swMenuPro 6.3 как убрать фон меню вообще?

Автор marutta

Ответов: 1
Просмотров: 1875
Последний ответ 06.08.2009, 22:26:40
от marutta