Ir para conteúdo

POWERED BY:

Arquivado

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

PhiloBV

[Resolvido] Links diferentes com CSS no dreamweaver mx

Recommended Posts

Saudacoes,

 

Como primeiro post, tenho uma grande duvida e procuro ajuda para sanar-la.

Estou fazendo uma pagina no dreamweaver mx e quero trabalhar com links diferentes nela, so que nao to conseguindo. Eu consigo criar uma folha de estilo CSS e dentro dela "a:link, a:visited,a:hover", mas dai qndo crio outra folha, nao sei c esta e a forma correta com os mesmo itens, nao consigo seta no outro link que gostaria que se comportasse diferente do anterior.

Ja alterei o campo "a class="item" (mudei item tanto pra "link1" como pra "link2" q sao as minhas duas folhas criadas) mas ele sempre assume apenas a segunda opcao em toda a pagina.

Por favor, se existe algum topico criado anteriormente sobre o assunto, desculpa estar repetindo a pergunta feita por alguem anteriormente, sou novo ainda no forum.

Desde ja agradeco a ajuda e estarei disponivel para tambem ajudar qndo possivel.

Obrigado

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bom, seja bem-vindo,

Quanto ao problema, tente colocar no seu CSS, entre <head></head>:

 

<style type="text/css">
a.link1:link{
	font-family: Tahoma, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #2B368D;
	text-decoration:none;
}
a.link1:visited{
	font-family: Tahoma, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #2B368D;
	text-decoration:none;
}
a.link1:active{
	font-family: Tahoma, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #2B368D;
	text-decoration:none;
}
a.link1:hover{
	font-family: Tahoma, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #0099FF;
	text-decoration:underline;
}
a.link2:link{
	font-family: Tahoma, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration:none;
}
a.link2:visited{
	font-family: Tahoma, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration:none;
}
a.link2:active{
	font-family: Tahoma, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration:none;
}
a.link2:hover{
	font-family: Tahoma, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #F3F3F3;
	text-decoration:underline;
}
</style>

E, entre <body></body>:

 

<a href="link1.html" class="link1">Link 1</a><br />
<a href="link2.html" class="link2">Link 2</a>

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bom, seja bem-vindo,

Quanto ao problema, tente colocar no seu CSS...

Muitissimo obrigado, deu certo sim, e dai pesquisando (i muito alem de horas tentando) consegui colocar, mas foi de muita utilidade este topico e aajuda concebida. Obrigado!!!

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.