Item de menu em itálico

  • renesarli
  • Avatar de renesarli Autor do Tópico
  • Offline
  • JCB! Junior
  • JCB! Junior
Mais
14 anos 2 semanas atrás #56041 por renesarli
renesarli created the topic: Item de menu em itálico
Pessoal, eu estou precisando fazer com que apenas 1 dos itens de menu fique em itálico. É possível?

Please Entrar ou Registrar to join the conversation.


Mais
14 anos 2 semanas atrás #56064 por marciomarcal
marciomarcal replied the topic: Re: Item de menu em itálico
manda o link

[size=110:3psbdbm9][b:3psbdbm9][color=#000000:3psbdbm9]Marcio Marçal[/color:3psbdbm9][/b:3psbdbm9][/size:3psbdbm9]
[color=#FF4000:3psbdbm9]SIM ProArte -[/color:3psbdbm9] <!-- m --><a class="postlink" href=" simproarte.com.br " onclick="window.open(this.href);return false;"> simproarte.com.br </a><!-- m -->
[color=#0000BF:3psbdbm9]Facebook -[/color:3psbdbm9] <!-- m --><a class="postlink" href=" facebook.com/marciomarcal " onclick="window.open(this.href);return...

Please Entrar ou Registrar to join the conversation.

Mais
14 anos 2 semanas atrás #56074 por MMarzan
MMarzan replied the topic: Re: Item de menu em itálico
Renesarli,

é só vc colocar uma classe no seu css com o número do item que vc quer deixar itálico, por exemplo:

.item(n) a {
font-style:italic;
}


espero que resolva.

abs.

"E agora, para algo completamente diferente!"

Please Entrar ou Registrar to join the conversation.

  • renesarli
  • Avatar de renesarli Autor do Tópico
  • Offline
  • JCB! Junior
  • JCB! Junior
Mais
14 anos 2 semanas atrás #56237 por renesarli
renesarli replied the topic: Re: Item de menu em itálico

MMarzan escreveu: Renesarli,

é só vc colocar uma classe no seu css com o número do item que vc quer deixar itálico, por exemplo:

.item(n) a {
font-style:italic;
}


espero que resolva.

abs.


Obrigado Mmarzan, mas ou não entendi muito bem ou não funcionou.
Segue o link: http://roor.com.br/delamano/br/home

Please Entrar ou Registrar to join the conversation.

Mais
14 anos 1 semana atrás #56269 por MMarzan
MMarzan replied the topic: Re: Item de menu em itálico
Olá, vou te dar um site de referência:

<!-- w -->[url=http://www.consuladodosom.com.br" onclick="window.open(this.href);return false;]www.consuladodosom.com.br[/url]<!-- w -->

lá em cima no menu principal, eles usaram uma imagem pra cada item de menu... isso quer dizer que no css eles colocaram uma condição para cada item, so que ao invés da fonte, alteraram o background...

o css referente ao menu está assim:

ul.menu-nav {
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
zoom:0;
position:absolute;
z-index:100;
top:0;
left:235px;
}

ul.menu-nav li {
display:block;
padding:0 0 0 0;
float:left;
margin:0 0 0 0;
padding:0 0 0 0 !important;
position:relative
}
ul.menu-nav li a {

}
.item1 a {
float:left !important;
width:124px !important;
height:24px !important;
background:url(../images/b1.gif) no-repeat 0 0 !important;
display:block !important;
padding:69px 0 0 0 !important;
color:#fff !important;
font-size:30px !important;
text-align:center !important;
}
.item2 a {
float:left !important;
width:123px !important;
height:24px !important;
background:url(../images/b2.gif) no-repeat 0 0 !important;
display:block !important;
padding:69px 0 0 0 !important;
color:#fff !important;
font-size:15px !important;
text-align:center !important;
}
.item20 a {
float:left !important;
width:124px !important;
height:24px !important;
background:url(../images/b3.gif) no-repeat 0 0 !important;
display:block !important;
padding:69px 0 0 0 !important;
color:#fff !important;
font-size:15px !important;
text-align:center !important;
}
.item8 a {
float:left !important;
width:124px !important;
height:24px !important;
background:url(../images/b4.gif) no-repeat 0 0 !important;
display:block !important;
padding:69px 0 0 0 !important;
color:#fff !important;
font-size:15px !important;
text-align:center !important;
}
.item7 a {
float:left !important;
width:123px !important;
height:24px !important;
background:url(../images/b5.gif) no-repeat 0 0 !important;
display:block !important;
padding:69px 0 0 0 !important;
color:#fff !important;
font-size:15px !important;
text-align:center !important;
}
.item6 a {
float:left !important;
width:124px !important;
height:24px !important;
background:url(../images/b6.gif) no-repeat 0 0 !important;
display:block !important;
padding:69px 0 0 0 !important;
color:#fff !important;
font-size:15px !important;
text-align:center !important;
}

o número referente ao item é o número que aparece dos itens de menu, lá no admin...

o que percebi no seu código é que cada item lá em cima parece um menu individual... e ele considera a numeração a partir do item pai... por exemplo... cada item principal é o item1 dos menus : menu-1, menu-2 e assim por diante... achei estranho... e é por isso que esse tipo de regra não funciona pra vc...

veja se concebeu o menu da forma correta...

abs.

"E agora, para algo completamente diferente!"

Please Entrar ou Registrar to join the conversation.