- Postagens: 73
- Obrigados Recebidos: 0
CSS no SwMenuFree - Cor de menu (item) ativo
- renesarli
-
Autor do Tópico
- Offline
- JCB! Junior
-
Menos
Mais
14 anos 1 mês atrás #55320
por renesarli
renesarli created the topic: CSS no SwMenuFree - Cor de menu (item) ativo
Pessoal, tenho este site em que criei o template e criei um menu com o componente SwMenufree. Dentro dele exportei todas as definições CSS para um arquivo externo e fiz minhas modificações, mas não estou conseguindo deixar o item ativo do menu ficar em amarelo ao invés do branco padrão de todos os itens. Alguém saberia me ajudar?
Segue o link do site: http://roor.com.br/162/
E aqui abaixo o código CSS do menu.
Segue o link do site: http://roor.com.br/162/
E aqui abaixo o código CSS do menu.
.transMenu {
position:absolute ;
overflow:hidden;
left:-1000px;
top:-1000px;
}
.transMenu .content {
position:absolute ;
}
.transMenu .items {
border: 0px none #FFFFFF ;
position:relative ;
left:0px; top:0px;
z-index:2;
}
.transMenu td
{
padding: 7px 5px 8px 5px !important;
font-size: 12px !important ;
font-family: HelveticaNeue-BoldCond, Verdana, Arial, Helvetica, sans-serif !important ;
text-align: left !important ;
font-weight: normal !important ;
color: #FFFF85 !important ;
}
#subwrap
{
text-align: left ;
}
.transMenu .item.hover td
{
color: #FFFFFF !important ;
}
.transMenu .item {
text-decoration: none ;
cursor:pointer;
cursor:hand;
}
.transMenu .background {
background-image:none; background-color: #135CAE !important ;
position:absolute ;
left:0px; top:0px;
z-index:1;
opacity:0.9;
filter:alpha(opacity=90)
}
.transMenu .shadowRight {
position:absolute ;
z-index:3;
top:-3000px; width:2px;
opacity:0.9;
filter:alpha(opacity=90)
}
.transMenu .shadowBottom {
position:absolute ;
z-index:1;
left:-3000px; height:2px;
opacity:0.9;
filter:alpha(opacity=90)
}
.transMenu .item.hover {
background-image:none; background-color: #0DB3D3 !important ;
}
.transMenu .item img {
margin-left:10px !important ;
}
table.swmenu {
top: 0px;
left: 0px;
position:relative ;
margin:0px !important ;
border: 0px none #FFFFFF ;
z-index: 1;
}
table.swmenu a{
margin:0px !important ;
padding: 7px 15px 6px 10px !important ;
display:block !important;
position:relative !important ;
}
div.swmenu a,
div.swmenu a:visited,
div.swmenu a:link {
font-size: 32px !important ;
font-family: HelveticaNeue-BoldCond, Arial, Helvetica, sans-serif !important ;
text-align: left !important ;
font-weight: bold !important ;
color: #FFFFFF !important ;
text-decoration: none !important ;
margin-bottom:0px !important ;
display:block !important;
white-space:nowrap ;
}
div.swmenu td {
border-right: 0px none #FFFFFF ;
border-top: 0px none #FFFFFF ;
border-left: 0px none #FFFFFF ;
background-image:none;}
div.swmenu td.last {
border-bottom: 0px none #FFFFFF ;
}
#trans-active a{
color: #FF0 !important ;
background-image:none;}
#swmenu a.hover {
background-image:none; color: #FF0 !important ;
}
#swmenu span {
display:none;
}
Please Entrar ou Registrar to join the conversation.