user3 active - Joomla! Forum - community, help and support
hoi,
hoe kan ik het actief geselcteerde menu item uit het user menu een andere kleur geven?
ik gebruik om dit menu te stylen de volgende code. wanneer ik echter een stukje een active (ul#mainlevel-nav li a:active) toevoeg, het geselecteerde menu een seconde de active kleur, en vervolgens, als de pagina compleet geladen is, weer de normale menu kleur.
iemand enig idee hoe ik dit voor elkaar kan krijgen?
ul#mainlevel-nav {
list-style : none;
padding : 0;
margin : 0;
}
ul#mainlevel-nav li {
display : block;
background-image : none;
padding-left : 1px;
padding-right : 1px;
padding-top: 5px;
float : left;
margin : 0;
width : auto !important;
line-height : 22px;
white-space : nowrap;
border-left : 1px solid #4040ff;
border-top : 2px solid #4040ff;
border-right : 2px solid #4040ff;
background-color:#000080;
}
ul#mainlevel-nav li {
display : block;
padding-left : 16px;
padding-right : 15px;
text-decoration : none;
color : #ffffff;
background : transparent;
}
ul#mainlevel-nav li a:hover {
color: #ff0000;
}
hoe kan ik het actief geselcteerde menu item uit het user menu een andere kleur geven?
ik gebruik om dit menu te stylen de volgende code. wanneer ik echter een stukje een active (ul#mainlevel-nav li a:active) toevoeg, het geselecteerde menu een seconde de active kleur, en vervolgens, als de pagina compleet geladen is, weer de normale menu kleur.
iemand enig idee hoe ik dit voor elkaar kan krijgen?
ul#mainlevel-nav {
list-style : none;
padding : 0;
margin : 0;
}
ul#mainlevel-nav li {
display : block;
background-image : none;
padding-left : 1px;
padding-right : 1px;
padding-top: 5px;
float : left;
margin : 0;
width : auto !important;
line-height : 22px;
white-space : nowrap;
border-left : 1px solid #4040ff;
border-top : 2px solid #4040ff;
border-right : 2px solid #4040ff;
background-color:#000080;
}
ul#mainlevel-nav li {
display : block;
padding-left : 16px;
padding-right : 15px;
text-decoration : none;
color : #ffffff;
background : transparent;
}
ul#mainlevel-nav li a:hover {
color: #ff0000;
}
moderator note; verplaatst van algemeen >> templates
Comments
Post a Comment