- Postagens: 73
- Obrigados Recebidos: 0
Item de menu em itálico
- renesarli
-
Autor do Tópico
- Offline
- JCB! Junior
-
Menos
Mais
- marciomarcal
-
- Offline
- JCB! Expert
-
14 anos 2 semanas atrás #56064
por marciomarcal
[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...
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.
- MMarzan
-
- Offline
- JCB! Professional
-
Menos
Mais
- Postagens: 186
- Obrigados Recebidos: 0
14 anos 2 semanas atrás #56074
por MMarzan
"E agora, para algo completamente diferente!"
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.
é 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
-
Autor do Tópico
- Offline
- JCB! Junior
-
Menos
Mais
- Postagens: 73
- Obrigados Recebidos: 0
14 anos 2 semanas atrás #56237
por renesarli
Obrigado Mmarzan, mas ou não entendi muito bem ou não funcionou.
Segue o link: http://roor.com.br/delamano/br/home
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.
- MMarzan
-
- Offline
- JCB! Professional
-
Menos
Mais
- Postagens: 186
- Obrigados Recebidos: 0
14 anos 1 semana atrás #56269
por MMarzan
"E agora, para algo completamente diferente!"
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.
<!-- 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.