1. Fórum
  2. /
  3. Clube do Desenvolvedor
  4. /
  5. Clube do Webmaster
  6. /
  7. Cor do menu drop down [RESOLVIDO]

Cor do menu drop down [RESOLVIDO]

  • lucascatani
  • Avatar de lucascatani Autor do Tópico
  • Offline
  • JCB! Professional
  • JCB! Professional
Mais
14 anos 4 meses atrás #49082 por lucascatani
lucascatani created the topic: Cor do menu drop down [RESOLVIDO]
Bom dia pessoal, preciso fazer um menu drop down para o joomla onde as linhas alternem as cores, por exemplo, linha par seja cinza e linha ímpar seja branca.

MENU
SUBMENU (fundo cinza)
SUBMENU (fundo branco)
SUBMENU (fundo cinza)
SUBMENU (fundo branco)
Lucas Catani
[b:1bmpfj72]Blog[/b:1bmpfj72]: <!-- m --><a class="postlink" href=" www.l9web.com.br/blog/ " onclick="window.open(this.href);return false;"> www.l9web.com.br/blog/ </a><!-- m -->
[b:1bmpfj72]MSN:[/b:1bmpfj72] <!-- e --><a href="Este endereço de email está sendo protegido de spambots. Você precisa do JavaScript ativado para vê-lo.">Este endereço de email está sendo protegido de spambots. Você precisa do JavaScript ativado para vê-lo.</a><!-- e -->
[b:1bmpfj72]L9WEB | WEBSITES[/b:1bmpfj72] <!-- m --><a...

Please Entrar ou Registrar to join the conversation.


Mais
14 anos 4 meses atrás #49199 por edyonil
edyonil replied the topic: Re: Cor do menu drop down
Cara isso é meio complicado.... Mas não impossível.

Bom vejamos, cada item criado no menu, o joomla por se só cria uma classe para ela, bastar você verificar cada classe e estilizar como desejar. Não vejo outra forma.
[b:8sje7mdx]________________________________________________________________[/b:8sje7mdx]
[size=110:8sje7mdx][color=#400080:8sje7mdx][b:8sje7mdx]Aprender e desenvolver são metas que para mim devem ser batida.[/b:8sje7mdx][/color:8sje7mdx][/size:8sje7mdx]
Ajudar é cumprir a missão que o Deus pai nos passou.
[url:8sje7mdx]http://edyonil.com[/url:8sje7mdx]
[url:8sje7mdx]http://gmais.de/edyonil[/url:8sje7mdx] - [url:8sje7mdx]http://twitter.com/edyonil[/url:8sje7mdx]
[url:8sje7mdx]...

Please Entrar ou Registrar to join the conversation.

  • lucascatani
  • Avatar de lucascatani Autor do Tópico
  • Offline
  • JCB! Professional
  • JCB! Professional
Mais
14 anos 4 meses atrás #49319 por lucascatani
lucascatani replied the topic: Re: Cor do menu drop down
Este é o código css do submenu....
/* begin MenuSubItem */
.art-menu ul a
{
	display:block;
	text-align: center;
	white-space: nowrap;
	height: 20px;
	width: 180px;
	overflow:hidden;
	line-height: 20px;
	margin-right: auto;
	background-image: url('../images/subitem-bg.png');
	background-position: left top;
	background-repeat: repeat-x;
	border-width: 0px;
	border-style: solid;
}

.art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
	display: inline;
	float: none;
	margin: inherit;
	padding: inherit;
	background-image: none;
	text-align: inherit;
	text-decoration: inherit;
}

.art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
	text-align: left;
	text-indent: 12px;
	text-decoration: none;
	line-height: 20px;
	color: #FFFFFF;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
font-variant: normal;
}

.art-menu ul ul a
{
	margin-left: auto;
}

.art-menu ul li a:hover
{
	color: #EDE502;
	background-position: 0 -20px;
}


.art-menu ul li:hover>a
{
	color: #EDE502;
	background-position: 0 -20px;
}

.art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span
{
	color: #EDE502;
}

.art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span
{
	color: #EDE502;
}

/* end MenuSubItem */

a classe do item que eu quero mudar a cor é "item9"

o firebug me dá esse caminho para a regra css "html.gecko body div#art-main div.art-Sheet div.art-Sheet-body div.art-nav div.art-nav-center ul.art-menu li.parent ul li.item9"

Nesse site <!-- w -->[url=http://www.alphalabor.com.br" onclick="window.open(this.href);return false;]www.alphalabor.com.br[/url]<!-- w --> tem um menu drop down semelhante de uma cor só, caso queira testar com seu firebug....
Lucas Catani
[b:1bmpfj72]Blog[/b:1bmpfj72]: <!-- m --><a class="postlink" href=" www.l9web.com.br/blog/ " onclick="window.open(this.href);return false;"> www.l9web.com.br/blog/ </a><!-- m -->
[b:1bmpfj72]MSN:[/b:1bmpfj72] <!-- e --><a href="Este endereço de email está sendo protegido de spambots. Você precisa do JavaScript ativado para vê-lo.">Este endereço de email está sendo protegido de spambots. Você precisa do JavaScript ativado para vê-lo.</a><!-- e -->
[b:1bmpfj72]L9WEB | WEBSITES[/b:1bmpfj72] <!-- m --><a...

Please Entrar ou Registrar to join the conversation.

Mais
14 anos 4 meses atrás #49329 por edyonil
edyonil replied the topic: Re: Cor do menu drop down
Entendir.

Então, quase todas as regras escritas no css do seu template sobreescreve as do componente. Se você aplicar o efeito desejado no arquivo CSS padrão do template ele com certeza vai sobreescrever.

Entendeu?
[b:8sje7mdx]________________________________________________________________[/b:8sje7mdx]
[size=110:8sje7mdx][color=#400080:8sje7mdx][b:8sje7mdx]Aprender e desenvolver são metas que para mim devem ser batida.[/b:8sje7mdx][/color:8sje7mdx][/size:8sje7mdx]
Ajudar é cumprir a missão que o Deus pai nos passou.
[url:8sje7mdx]http://edyonil.com[/url:8sje7mdx]
[url:8sje7mdx]http://gmais.de/edyonil[/url:8sje7mdx] - [url:8sje7mdx]http://twitter.com/edyonil[/url:8sje7mdx]
[url:8sje7mdx]...

Please Entrar ou Registrar to join the conversation.

  • lucascatani
  • Avatar de lucascatani Autor do Tópico
  • Offline
  • JCB! Professional
  • JCB! Professional
Mais
14 anos 4 meses atrás #49336 por lucascatani
lucascatani replied the topic: Re: Cor do menu drop down
Essa regra é responsável por cada uma linha do sub-menu.
.art-menu ul a
{
   display:block;
   text-align: center;
   white-space: nowrap;
   height: 20px;
   width: 180px;
   overflow:hidden;
   line-height: 20px;
   margin-right: auto;
   background-image: url('../images/subitem-bg.png');
   background-position: left top;
   background-repeat: repeat-x;
   border-width: 0px;
   border-style: solid;
}

Tentei criar uma regra nova assim:
.art-menu.item9 ul a
e nada...

Alguma luz?
Lucas Catani
[b:1bmpfj72]Blog[/b:1bmpfj72]: <!-- m --><a class="postlink" href=" www.l9web.com.br/blog/ " onclick="window.open(this.href);return false;"> www.l9web.com.br/blog/ </a><!-- m -->
[b:1bmpfj72]MSN:[/b:1bmpfj72] <!-- e --><a href="Este endereço de email está sendo protegido de spambots. Você precisa do JavaScript ativado para vê-lo.">Este endereço de email está sendo protegido de spambots. Você precisa do JavaScript ativado para vê-lo.</a><!-- e -->
[b:1bmpfj72]L9WEB | WEBSITES[/b:1bmpfj72] <!-- m --><a...

Please Entrar ou Registrar to join the conversation.

  1. Fórum
  2. /
  3. Clube do Desenvolvedor
  4. /
  5. Clube do Webmaster
  6. /
  7. Cor do menu drop down [RESOLVIDO]
Joomla Templates Best Joomla Templates Premium Joomla Templates Free Joomla Templates