- Postagens: 33
- Obrigados Recebidos: 0
[RESOLVIDO]Menus com cores diferentes
- paolinelli
-
Autor do Tópico
- Offline
- JCB! Colaborador
-
Menos
Mais
15 anos 4 meses atrás #33725
por paolinelli
paolinelli created the topic: [RESOLVIDO]Menus com cores diferentes
Boas...
Estou utilizando o maximenuCK, queria que quando o mouse hover, cada menu ficasse de uma cor EX: home = vermelho, empresa = azul...
este é o CSS que estou usando
.clr {clear:both;}
/*** style global du menu ***/
div#maximenuCK ul.maximenuCK {
background : url(../images/fond_bg.png) top left repeat-x;
height : 34px;
padding : 0;
margin : 0;
}
div#maximenuCK ul.maximenuCK li.maximenuCK {
background : none;
list-style : none;
border : none;
}
div#maximenuCK ul.maximenuCK li.maximenuCK>a img {
margin : 3px;
border : none;
}
div#maximenuCK ul.maximenuCK li.maximenuCK img {
border : none;
}
div#maximenuCK ul.maximenuCK li a.maximenuCK {
text-decoration : none;
text-indent : 2px;
height : 27px;
outline : none;
background : none;
border : none;
padding : 0;
cursor : pointer;
}
/*** element actif ***/
div#maximenuCK ul.maximenuCK2 li.current>a span {
font-weight : bold;
color : #6495ED;
}
div#maximenuCK ul.maximenuCK li.current>a:hover span.titreCK {
}
div#maximenuCK ul.maximenuCK li.active>a span.titreCK {
color : #6495ED;
font-weight : bold;
}
/*** styles des éléments parent du premier niveau ***/
div#maximenuCK ul.maximenuCK li.level0 {
height : 34px;
padding : 0 10px;
background : url(../images/separator.png) top right no-repeat;
}
div#maximenuCK ul.maximenuCK li.current.level0>a span {
font-weight : bold;
color : #6495ED;
}
div#maximenuCK ul.maximenuCK li.parent.level0>a {
background : url(../images/maxi_arrow0.png) bottom right no-repeat;
}
/*** styles des éléments parent ***/
div#maximenuCK ul.maximenuCK li.parent.level0 li.parent {
background : url(../images/maxi_arrow1.png) center right no-repeat;
}
/*** styles des liens et descriptions ***/
div#maximenuCK span.descCK {
color : #c0c0c0;
display : block;
text-transform : none;
font-size : 10px;
text-decoration : none;
height : 12px;
line-height : 12px;
float : none !important;
float : left;
}
div#maximenuCK span.titreCK {
color : #FFFFFF;
display : block;
text-transform : none;
font-size : 14px;
line-height : 30px;
text-decoration : none;
text-align : left;
height : 17px;
float : none !important;
float : left;
width: 164px;
}
div#maximenuCK ul.maximenuCK a:hover span.titreCK {
color : #6495ED;
text-decoration : underline overline;
font-weight : bold;
}
/*** styles des enfants ***/
div#maximenuCK ul.maximenuCK2 a.maximenuCK {
width : 160px;
}
/*** styles des conteneurs enfants ***/
div#maximenuCK ul.maximenuCK ul.maximenuCK2 {
background : #1a1a1a;
margin : 3px 0 0 0;
padding : 0;
border : none;
width : 180px;
}
div#maximenuCK ul.maximenuCK2 li.maximenuCK {
width : 180px;
padding : 2px 0 0 0;
border : none;
margin : 0;
background : none;
}
div#maximenuCK ul.maximenuCK2 li a.maximenuCK {
text-decoration : none;
border-bottom : 1px solid #505050;
width : 150px;
margin : 0 auto;
padding : 3px 0 3px 0;
}
ul.maximenuCK li div.floatCK {
background : #1a1a1a;
border : 1px solid #707070;
}
/*** styles des modules ***/
div#maximenuCK div.maximenuCK_mod {
width : 170px;
padding : 0;
overflow : hidden;
color : #ddd;
white-space : normal;
}
div#maximenuCK div.maximenuCK_mod div.moduletable {
border : none;
background : none;
}
div#maximenuCK div.maximenuCK_mod fieldset{
width : 160px;
padding : 0;
margin : 0 auto;
overflow : hidden;
background : #1a1a1a;
border : none;
}
div#maximenuCK ul.maximenuCK2 div.maximenuCK_mod #form-login ul {
left : 0;
margin : 0;
padding : 0;
width : 170px;
}
div#maximenuCK ul.maximenuCK2 div.maximenuCK_mod #form-login ul li {
margin : 2px 0;
padding : 0 5px;
height : 20px;
background : #1a1a1a;
}
div#maximenuCK ul.maximenuCK2 div.maximenuCK_mod a {
border : none;
margin : 0;
padding : 0;
display : inline;
background : #1a1a1a;
color : #888;
font-weight : normal;
}
div#maximenuCK ul.maximenuCK2 div.maximenuCK_mod a:hover {
color : #FFF;
}
div#maximenuCK ul.maximenuCK div.maximenuCK_mod h3 {
font-size : 14px;
width : 170px;
color : #aaa;
font-size : 14px;
font-weight : normal;
background : #444;
margin : 5px 0 0 0;
padding : 3px 0 3px 0;
}
/*** module dernieres news ***/
div#maximenuCK ul.maximenuCK2 div.maximenuCK_mod ul {
margin : 0;
padding : 0;
width : 170px;
background : none;
border : none;
text-align : left;
}
div#maximenuCK ul.maximenuCK2 div.maximenuCK_mod li {
margin : 0 0 0 15px;
padding : 0;
width : 155px;
background : none;
border : none;
text-align : left;
font-size : 11px;
float : none;
display : block;
line-height : 20px;
white-space : normal;
}
Obrigado
Estou utilizando o maximenuCK, queria que quando o mouse hover, cada menu ficasse de uma cor EX: home = vermelho, empresa = azul...
este é o CSS que estou usando
.clr {clear:both;}
/*** style global du menu ***/
div#maximenuCK ul.maximenuCK {
background : url(../images/fond_bg.png) top left repeat-x;
height : 34px;
padding : 0;
margin : 0;
}
div#maximenuCK ul.maximenuCK li.maximenuCK {
background : none;
list-style : none;
border : none;
}
div#maximenuCK ul.maximenuCK li.maximenuCK>a img {
margin : 3px;
border : none;
}
div#maximenuCK ul.maximenuCK li.maximenuCK img {
border : none;
}
div#maximenuCK ul.maximenuCK li a.maximenuCK {
text-decoration : none;
text-indent : 2px;
height : 27px;
outline : none;
background : none;
border : none;
padding : 0;
cursor : pointer;
}
/*** element actif ***/
div#maximenuCK ul.maximenuCK2 li.current>a span {
font-weight : bold;
color : #6495ED;
}
div#maximenuCK ul.maximenuCK li.current>a:hover span.titreCK {
}
div#maximenuCK ul.maximenuCK li.active>a span.titreCK {
color : #6495ED;
font-weight : bold;
}
/*** styles des éléments parent du premier niveau ***/
div#maximenuCK ul.maximenuCK li.level0 {
height : 34px;
padding : 0 10px;
background : url(../images/separator.png) top right no-repeat;
}
div#maximenuCK ul.maximenuCK li.current.level0>a span {
font-weight : bold;
color : #6495ED;
}
div#maximenuCK ul.maximenuCK li.parent.level0>a {
background : url(../images/maxi_arrow0.png) bottom right no-repeat;
}
/*** styles des éléments parent ***/
div#maximenuCK ul.maximenuCK li.parent.level0 li.parent {
background : url(../images/maxi_arrow1.png) center right no-repeat;
}
/*** styles des liens et descriptions ***/
div#maximenuCK span.descCK {
color : #c0c0c0;
display : block;
text-transform : none;
font-size : 10px;
text-decoration : none;
height : 12px;
line-height : 12px;
float : none !important;
float : left;
}
div#maximenuCK span.titreCK {
color : #FFFFFF;
display : block;
text-transform : none;
font-size : 14px;
line-height : 30px;
text-decoration : none;
text-align : left;
height : 17px;
float : none !important;
float : left;
width: 164px;
}
div#maximenuCK ul.maximenuCK a:hover span.titreCK {
color : #6495ED;
text-decoration : underline overline;
font-weight : bold;
}
/*** styles des enfants ***/
div#maximenuCK ul.maximenuCK2 a.maximenuCK {
width : 160px;
}
/*** styles des conteneurs enfants ***/
div#maximenuCK ul.maximenuCK ul.maximenuCK2 {
background : #1a1a1a;
margin : 3px 0 0 0;
padding : 0;
border : none;
width : 180px;
}
div#maximenuCK ul.maximenuCK2 li.maximenuCK {
width : 180px;
padding : 2px 0 0 0;
border : none;
margin : 0;
background : none;
}
div#maximenuCK ul.maximenuCK2 li a.maximenuCK {
text-decoration : none;
border-bottom : 1px solid #505050;
width : 150px;
margin : 0 auto;
padding : 3px 0 3px 0;
}
ul.maximenuCK li div.floatCK {
background : #1a1a1a;
border : 1px solid #707070;
}
/*** styles des modules ***/
div#maximenuCK div.maximenuCK_mod {
width : 170px;
padding : 0;
overflow : hidden;
color : #ddd;
white-space : normal;
}
div#maximenuCK div.maximenuCK_mod div.moduletable {
border : none;
background : none;
}
div#maximenuCK div.maximenuCK_mod fieldset{
width : 160px;
padding : 0;
margin : 0 auto;
overflow : hidden;
background : #1a1a1a;
border : none;
}
div#maximenuCK ul.maximenuCK2 div.maximenuCK_mod #form-login ul {
left : 0;
margin : 0;
padding : 0;
width : 170px;
}
div#maximenuCK ul.maximenuCK2 div.maximenuCK_mod #form-login ul li {
margin : 2px 0;
padding : 0 5px;
height : 20px;
background : #1a1a1a;
}
div#maximenuCK ul.maximenuCK2 div.maximenuCK_mod a {
border : none;
margin : 0;
padding : 0;
display : inline;
background : #1a1a1a;
color : #888;
font-weight : normal;
}
div#maximenuCK ul.maximenuCK2 div.maximenuCK_mod a:hover {
color : #FFF;
}
div#maximenuCK ul.maximenuCK div.maximenuCK_mod h3 {
font-size : 14px;
width : 170px;
color : #aaa;
font-size : 14px;
font-weight : normal;
background : #444;
margin : 5px 0 0 0;
padding : 3px 0 3px 0;
}
/*** module dernieres news ***/
div#maximenuCK ul.maximenuCK2 div.maximenuCK_mod ul {
margin : 0;
padding : 0;
width : 170px;
background : none;
border : none;
text-align : left;
}
div#maximenuCK ul.maximenuCK2 div.maximenuCK_mod li {
margin : 0 0 0 15px;
padding : 0;
width : 155px;
background : none;
border : none;
text-align : left;
font-size : 11px;
float : none;
display : block;
line-height : 20px;
white-space : normal;
}
Obrigado
Please Entrar ou Registrar to join the conversation.
- Walkus
-
- Offline
- JCB! Hero
-
Menos
Mais
- Postagens: 1458
- Obrigados Recebidos: 0
15 anos 4 meses atrás #33755
por Walkus
[color=#FF0000:1fjd1yw0][b:1fjd1yw0]>>> NÃO RESPONDO[/b:1fjd1yw0] dúvidas por MSN/MP/E-mail, somente em casos de extrema URGÊNCIA <<<[/color:1fjd1yw0][color=#008000:1fjd1yw0] ####[/color:1fjd1yw0] Obrigado
[color=#0000BF:1fjd1yw0]##[/color:1fjd1yw0][color=#8000FF:1fjd1yw0]##[/color:1fjd1yw0][color=#FF00FF:1fjd1yw0]##[/color:1fjd1yw0][color=#FF4040:1fjd1yw0]##[/color:1fjd1yw0][color=#FFBF00:1fjd1yw0]##[/color:1fjd1yw0][color=#FFFF00:1fjd1yw0]##[/color:1fjd1yw0][color=#BFFF80:1fjd1yw0]##[/color:1fjd1yw0][color=#8080FF:1fjd1yw0][b:1fjd1yw0]www.[/b:1fjd1yw0][/color:1fjd1yw0][color=#FF0000:1fjd1yw0][b:1fjd1yw0]wa[/b:1fjd1yw0][/color:1fjd1yw0][color=#000000:1fjd1yw0]master[/color:1fjd1yw0][color=#8080FF:1fjd1yw0][b:1fjd1yw0].com.br[/b:1fjd1yw0][/color:1fjd1yw0] [color=#FFFFBF:1fjd1yw0]##[/color:1fjd1yw0][color=#FFFF80:1fjd1yw0]##[/color:1fjd1yw0][color=#FFFF40:1fjd1yw0]##[/color:1fjd1yw0][color=#FFFF00:1fjd1yw0]##[/color:1fjd1yw0][color=#008000:1fjd1yw0]##[/color:1fjd1yw0]
Walkus replied the topic: Re: Menus com cores diferentes
paolinelli;
Esse menu é padrão de algum template???
Se for me fale qual é, pois outro dia usei um que se configurava na própria configuração de temas na administração do Joomla.
Abç e sucesso
Esse menu é padrão de algum template???
Se for me fale qual é, pois outro dia usei um que se configurava na própria configuração de temas na administração do Joomla.
Abç e sucesso
[color=#FF0000:1fjd1yw0][b:1fjd1yw0]>>> NÃO RESPONDO[/b:1fjd1yw0] dúvidas por MSN/MP/E-mail, somente em casos de extrema URGÊNCIA <<<[/color:1fjd1yw0][color=#008000:1fjd1yw0] ####[/color:1fjd1yw0] Obrigado
[color=#0000BF:1fjd1yw0]##[/color:1fjd1yw0][color=#8000FF:1fjd1yw0]##[/color:1fjd1yw0][color=#FF00FF:1fjd1yw0]##[/color:1fjd1yw0][color=#FF4040:1fjd1yw0]##[/color:1fjd1yw0][color=#FFBF00:1fjd1yw0]##[/color:1fjd1yw0][color=#FFFF00:1fjd1yw0]##[/color:1fjd1yw0][color=#BFFF80:1fjd1yw0]##[/color:1fjd1yw0][color=#8080FF:1fjd1yw0][b:1fjd1yw0]www.[/b:1fjd1yw0][/color:1fjd1yw0][color=#FF0000:1fjd1yw0][b:1fjd1yw0]wa[/b:1fjd1yw0][/color:1fjd1yw0][color=#000000:1fjd1yw0]master[/color:1fjd1yw0][color=#8080FF:1fjd1yw0][b:1fjd1yw0].com.br[/b:1fjd1yw0][/color:1fjd1yw0] [color=#FFFFBF:1fjd1yw0]##[/color:1fjd1yw0][color=#FFFF80:1fjd1yw0]##[/color:1fjd1yw0][color=#FFFF40:1fjd1yw0]##[/color:1fjd1yw0][color=#FFFF00:1fjd1yw0]##[/color:1fjd1yw0][color=#008000:1fjd1yw0]##[/color:1fjd1yw0]
Please Entrar ou Registrar to join the conversation.
- paolinelli
-
Autor do Tópico
- Offline
- JCB! Colaborador
-
Menos
Mais
- Postagens: 33
- Obrigados Recebidos: 0
15 anos 4 meses atrás #33767
por paolinelli
paolinelli replied the topic: Re: Menus com cores diferentes
Walkus
Ele não é padrão de template, é um módulo (Maxi Menu CK).
Eu tentei configura-lo atráves do CSS, porém só consegui alterar as cores do sub-menu.
Obrigado...
Ele não é padrão de template, é um módulo (Maxi Menu CK).
Eu tentei configura-lo atráves do CSS, porém só consegui alterar as cores do sub-menu.
Obrigado...
Please Entrar ou Registrar to join the conversation.
- paolinelli
-
Autor do Tópico
- Offline
- JCB! Colaborador
-
Menos
Mais
- Postagens: 33
- Obrigados Recebidos: 0
- Walkus
-
- Offline
- JCB! Hero
-
Menos
Mais
- Postagens: 1458
- Obrigados Recebidos: 0
15 anos 3 meses atrás #33918
por Walkus
[color=#FF0000:1fjd1yw0][b:1fjd1yw0]>>> NÃO RESPONDO[/b:1fjd1yw0] dúvidas por MSN/MP/E-mail, somente em casos de extrema URGÊNCIA <<<[/color:1fjd1yw0][color=#008000:1fjd1yw0] ####[/color:1fjd1yw0] Obrigado
[color=#0000BF:1fjd1yw0]##[/color:1fjd1yw0][color=#8000FF:1fjd1yw0]##[/color:1fjd1yw0][color=#FF00FF:1fjd1yw0]##[/color:1fjd1yw0][color=#FF4040:1fjd1yw0]##[/color:1fjd1yw0][color=#FFBF00:1fjd1yw0]##[/color:1fjd1yw0][color=#FFFF00:1fjd1yw0]##[/color:1fjd1yw0][color=#BFFF80:1fjd1yw0]##[/color:1fjd1yw0][color=#8080FF:1fjd1yw0][b:1fjd1yw0]www.[/b:1fjd1yw0][/color:1fjd1yw0][color=#FF0000:1fjd1yw0][b:1fjd1yw0]wa[/b:1fjd1yw0][/color:1fjd1yw0][color=#000000:1fjd1yw0]master[/color:1fjd1yw0][color=#8080FF:1fjd1yw0][b:1fjd1yw0].com.br[/b:1fjd1yw0][/color:1fjd1yw0] [color=#FFFFBF:1fjd1yw0]##[/color:1fjd1yw0][color=#FFFF80:1fjd1yw0]##[/color:1fjd1yw0][color=#FFFF40:1fjd1yw0]##[/color:1fjd1yw0][color=#FFFF00:1fjd1yw0]##[/color:1fjd1yw0][color=#008000:1fjd1yw0]##[/color:1fjd1yw0]
Walkus replied the topic: Re: Menus com cores diferentes
paolinelli;
Esse menu é pago?
Se for é só pedir ajuda ao suporte do desenvolvedor.
Abç e sucesso
Esse menu é pago?
Se for é só pedir ajuda ao suporte do desenvolvedor.
Abç e sucesso
[color=#FF0000:1fjd1yw0][b:1fjd1yw0]>>> NÃO RESPONDO[/b:1fjd1yw0] dúvidas por MSN/MP/E-mail, somente em casos de extrema URGÊNCIA <<<[/color:1fjd1yw0][color=#008000:1fjd1yw0] ####[/color:1fjd1yw0] Obrigado
[color=#0000BF:1fjd1yw0]##[/color:1fjd1yw0][color=#8000FF:1fjd1yw0]##[/color:1fjd1yw0][color=#FF00FF:1fjd1yw0]##[/color:1fjd1yw0][color=#FF4040:1fjd1yw0]##[/color:1fjd1yw0][color=#FFBF00:1fjd1yw0]##[/color:1fjd1yw0][color=#FFFF00:1fjd1yw0]##[/color:1fjd1yw0][color=#BFFF80:1fjd1yw0]##[/color:1fjd1yw0][color=#8080FF:1fjd1yw0][b:1fjd1yw0]www.[/b:1fjd1yw0][/color:1fjd1yw0][color=#FF0000:1fjd1yw0][b:1fjd1yw0]wa[/b:1fjd1yw0][/color:1fjd1yw0][color=#000000:1fjd1yw0]master[/color:1fjd1yw0][color=#8080FF:1fjd1yw0][b:1fjd1yw0].com.br[/b:1fjd1yw0][/color:1fjd1yw0] [color=#FFFFBF:1fjd1yw0]##[/color:1fjd1yw0][color=#FFFF80:1fjd1yw0]##[/color:1fjd1yw0][color=#FFFF40:1fjd1yw0]##[/color:1fjd1yw0][color=#FFFF00:1fjd1yw0]##[/color:1fjd1yw0][color=#008000:1fjd1yw0]##[/color:1fjd1yw0]
Please Entrar ou Registrar to join the conversation.