amundsen
04-04-2011, 00:33
Witam
Myślałem że uda mi się samodzielnie rozwiązać problem, ale muszę się zwrócić z prośbą o pomoc. Od 3 dni walczę z modułem menu MG Menu (dostępne pod adresem LINK (http://extensions.joomla.org/extensions/structure-a-navigation/menu-systems/drop-a-tab-menus/6059?qh=YToyOntpOjA7czoyOiJtZyI7aToxO3M6MzoibWdzIj t9) )
Menu to wygląda tak że po najechaniu na zakładkę zmienia kolor wokół wyrazów. No i własnie tu pojawia się problem. Nie chcę aby po najechaniu zmieniał się kolor wokół tylko kolor czcionki (tu sobie poradziłem :)) Chodzi o to żeby po kliknięciu na nadrzędną zakładkę zaświeciła się ona takim samym kolorem jak rozwinięte menu
3869
natomiast po najechaniu na inną nadrzędną zakładkę (przy aktywnej innej zakładce) zaświeciła się ona jeszcze inny kolorem
3870
Jak dział ten moduł bez zmian mozna zobaczyć tu: LINK (http://plock.comoj.com)
Grzebałem w css-ie i udało mi się doprowadzić do sytuacji gdzie po na zakładkę uzyskałem efekt jednak po kliknięciu nadrzędnego menu zakładki w podrzędnym menu mają prostokąty innego koloru (nie stanowią jednolitego tła.
Plik css wygląda tak:
#nav {
position: relative;
top: 3px;
height: 40px;
width: 500px;
}
#nav li {
float: left;
}
/*root menu item - inactive*/
#nav li a:visited, #nav li a:link {
padding: 0px 10px 0px 10px;
background: black;
text-decoration: none;
color: #fff;
line-height: 20px;
display: block;
}
/*root menu item - active*/
#nav li a:hover, #nav li a:active, #nav li.on a.top {
background: red;
text-decoration: underline;
color: #000;
}
/*submenu block - if parent menu inactive and not hovered*/
#nav li ul {
margin: 0 auto;
position: absolute;
display: none;
left: 0;
top: 20px;
width: 500px; /*if you change it, dont forget to change the #nav tag too*/
background: magenta; /*this background overlaps the longer submenu group if shorter submenu group appears*/
}
/*submenu block - if parent menu hovered*/
#nav li:hover ul, #nav li.over ul {
position: absolute;
display: block;
z-index: 600;
}
/*submenu block - if parent menu selected*/
#nav li.on ul {
display: block;
}
/*submenu item - inactive*/
#nav li ul li a:visited, #nav li ul li a:link {
padding: 0px 10px 0px 10px;
background: blue;
text-decoration: none;
color: #fff;
line-height: 20px;
}
/*submenu item - active*/
#nav li ul li a:active, #nav li ul li a:hover, #nav li.on ul li.on a {
background: green;
text-decoration: underline;
color: #000;
}
Myślałem że uda mi się samodzielnie rozwiązać problem, ale muszę się zwrócić z prośbą o pomoc. Od 3 dni walczę z modułem menu MG Menu (dostępne pod adresem LINK (http://extensions.joomla.org/extensions/structure-a-navigation/menu-systems/drop-a-tab-menus/6059?qh=YToyOntpOjA7czoyOiJtZyI7aToxO3M6MzoibWdzIj t9) )
Menu to wygląda tak że po najechaniu na zakładkę zmienia kolor wokół wyrazów. No i własnie tu pojawia się problem. Nie chcę aby po najechaniu zmieniał się kolor wokół tylko kolor czcionki (tu sobie poradziłem :)) Chodzi o to żeby po kliknięciu na nadrzędną zakładkę zaświeciła się ona takim samym kolorem jak rozwinięte menu
3869
natomiast po najechaniu na inną nadrzędną zakładkę (przy aktywnej innej zakładce) zaświeciła się ona jeszcze inny kolorem
3870
Jak dział ten moduł bez zmian mozna zobaczyć tu: LINK (http://plock.comoj.com)
Grzebałem w css-ie i udało mi się doprowadzić do sytuacji gdzie po na zakładkę uzyskałem efekt jednak po kliknięciu nadrzędnego menu zakładki w podrzędnym menu mają prostokąty innego koloru (nie stanowią jednolitego tła.
Plik css wygląda tak:
#nav {
position: relative;
top: 3px;
height: 40px;
width: 500px;
}
#nav li {
float: left;
}
/*root menu item - inactive*/
#nav li a:visited, #nav li a:link {
padding: 0px 10px 0px 10px;
background: black;
text-decoration: none;
color: #fff;
line-height: 20px;
display: block;
}
/*root menu item - active*/
#nav li a:hover, #nav li a:active, #nav li.on a.top {
background: red;
text-decoration: underline;
color: #000;
}
/*submenu block - if parent menu inactive and not hovered*/
#nav li ul {
margin: 0 auto;
position: absolute;
display: none;
left: 0;
top: 20px;
width: 500px; /*if you change it, dont forget to change the #nav tag too*/
background: magenta; /*this background overlaps the longer submenu group if shorter submenu group appears*/
}
/*submenu block - if parent menu hovered*/
#nav li:hover ul, #nav li.over ul {
position: absolute;
display: block;
z-index: 600;
}
/*submenu block - if parent menu selected*/
#nav li.on ul {
display: block;
}
/*submenu item - inactive*/
#nav li ul li a:visited, #nav li ul li a:link {
padding: 0px 10px 0px 10px;
background: blue;
text-decoration: none;
color: #fff;
line-height: 20px;
}
/*submenu item - active*/
#nav li ul li a:active, #nav li ul li a:hover, #nav li.on ul li.on a {
background: green;
text-decoration: underline;
color: #000;
}