Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

maregito

Como faço para

Recommended Posts

aê gente to querendo da um efeito no menu de meu site, mais a bronca é que tenho um menu da horizontal e outro na vertical, o que quero é da efeitos diferentes fiz uma folha de estilo onde o a:hover da um efeito ao link, so que todos os links ficam com este efeito, como faço para por em liks especificos e por outros a:hover com cores diferentes na mesma pagina?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bem cara, é só criar uma class. Aí no link que você quer que use aquele estilo, ponha <a href="destinodolink" class="aquevocecriou">link</a>Entendeu?Abraços

Compartilhar este post


Link para o post
Compartilhar em outros sites

<div id="menuHorizontal">

<a href="pagina.html">Texto</a>

</a>

 

<div id="menuVertical">

<a href="pagina.html">Texto</a>

</a>

 

CSS:

#menuHorizontal {

color: #FFCC33;

text-decoration: none;

}

 

#menuVertical {

color: #FF6600;

text-decoration: none;

}

 

pronto... agora todos os links do div do menu horizontal vaum ficar amarelos sem sublinhados e do menu vertical laranjas e sem sublinhados... agora você pode ficar mexendo somente no css sem precisar mexer no codigo xhtml... eh soh você colocar o q você quiser em seu respectivo div no css http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

Aê Bruno valeu pela força! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Mas minha bronca é a seguinte da uma olhada

http://www.maregito.com/home/editorial/ind...editorial_0.htm

quando você passa o mause no menu da horizontal fica verde escuro com as letras branca e o menu da vertical fica com o mesmo efeito, bom eu queria aplicar outro efeito (cor) visto que o menu da horizontal é verde e o da vertical amarelo.

os estylos todos estão sendo chamados de uma folha de stylo fora.

se você obsevar todos os links estão com esse efeito no a:hover, quando o que quero é da um efeito no menu da horizontal, outro no menu da vertical e outro nos links naturais

http://forum.imasters.com.br/public/style_emoticons/default/ermm.gif você acha que tem como eu estou usando html e php.

 

Valew mesmo assim!!!

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

pow, agora q eu vi... c tah usando em tabela... ae fica mais chato... coloca isso num div e dentro de listas pow... ;) vai ver... vai ficar bem mais facil e relax... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif ou entaum coloque um id na tabela e referencie no css o id da tabela...

Compartilhar este post


Link para o post
Compartilhar em outros sites

Desculpa se to incomodando muito mai você poderia da uma exemplo de como eu posso por o id na tabela e a class na folha de stylo, é que sou iniciante neste troço e não sei muito bem todos os macetes.Valeu ai ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

html:

<table class="primeiraTabela"><tr><td><a href="#">Exemplo</a></td></tr><tr><td><a href="#">Exemplo</a></td></tr></table><table class="segundaTabela"><tr><td><a href="#">Exemplo02</a></td></tr><tr><td><a href="#">Exemplo02</a></td></tr></table>
css:

table.primeiraTabela td a { color: #FFCC33; }table.primeiraTabela td a:hover { color: #FF6600; }table.segundaTabela td a { text-decoration: none; }table.segundaTabela td a:hover { text-decoration: underline; }
prontim... eh soh bate um poko a cabeça... eh facil... ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.