Ir para conteúdo

POWERED BY:

Arquivado

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

hevertonhlt

Como deixa um link visitado por css?

Recommended Posts

Olá,

tenho pouco conhecido mento com o css, e por isso resolvi postar aqui para ver se alguem poderia esclarecer minha duvida.

Tipo, tenho um link e quando passo o mouse por cima o link muda de cor e fica cm underline. Mas gostaria de saber como que faço para deixa o link ativo (melhor dizendo, ficar a msm cor quando o mouse esta por cima do link), enquanto estou olhando o conteudo da pagina?

 

E quando sair da pag.. ir para um outro link, o link anterior voltar para a cor normal.

 

Resumindo, quando alguma pessoa estiver olhando o conteudo do link, o link fica de uma cor..ate o usuario sair dele.. quando sair ele volta para seu padrão.

 

 

#lk_informativo {	font-family: Arial, Helvetica, sans-serif;	font-size: 11px;	text-align: center;	text-decoration: none;	color: #999;	background-color: #FFF;} #lk_informativo a {	font-weight: bloder;	padding-right: 10px;	padding-left: 10px;	text-decoration: none;	color: #999;} #lk_informativo a:hover {	font-weight: bolder;	text-decoration: underline;	padding-right: 10px;	padding-left: 10px;	color: #426378;}

Obrigado pela atenção!

Compartilhar este post


Link para o post
Compartilhar em outros sites

nao nao..gostaria de deixa o link como visitado enquando o usuario estiver vendooo a pagina q é do linkexemplo..Principal | Noticias | Eventosentao o cara click em Eventos..enquanto o cara estiver olhando os eventos.. o links fica diferente.. com um outro estilo..mas quando cara click em noticias .. o link Eventos volta para seu normal.. eo link Noticias fica de uma outra forma..espero que tenha intendido! ;)obrigado msm assim

Compartilhar este post


Link para o post
Compartilhar em outros sites

opa da uma olhada nesse site e ve se é isso que você quer

 

visualize no ie. http://www.querodesign.com/projects/index.htm (FF e Opera estão mal configurados)

 

Vlw FelipeMorais realmente tava errado... estranho porque eu acho que copiei da barra de endereço mas beleza... ta corrigido já

Compartilhar este post


Link para o post
Compartilhar em outros sites

Vamo lá que isso é muito util

 

Esse aqui é o menu:

 

<div id="menu">	<ul>		<li class="item-Link1 selecionado"><a href="">Link1</a></li>		<li class="item-Link2"><a  href="">Link2</a></li>		<li class="item-Link3"><a href="">Link3</a></li>		<li class="item-Link4"><a href="" >Link4</a></li>		<li class="item-Link5"><a href="">Link5</a></li>	</ul></div>
veja a diferença do <li> que estara selecionado na pagina, muito importante para determinar qual é o link ativo

 

<li class="item-Link1 selecionado"></li>

 

enquanto o link não selecionado é:

<li class="item-Link2"></li>

bem agora o css:

 

/* caracteristicas do link não selecionado */#menu a {	font:9px 'Verdana', Arial, Helvetica, sans-serif;	color:#666666;	background-color:#FFFFFF;}/* caracteristica do link ativo, n eh o link da pagina atual */#menu a:hover {	font:9px 'Verdana', Arial, Helvetica, sans-serif;	color:#FFFFFF;	background-color:#656565;}/*caracteristicas do link da pagina atual*/#menu ul li.selecionado a  {	font:9px 'Verdana', Arial, Helvetica, sans-serif;	color:#FFFFFF;	background-color:#FAB830;}/* o mesmo link da pagina atual, serve para que ele n fique diferente quando se passa o mouse por cima */#menu ul li.selecionado a:hover  {	font:9px 'Verdana', Arial, Helvetica, sans-serif;	color:#FFFFFF;	background-color:#FAB830;}
bom é isso :P

 

Testa ae! no meu aqui funcionou direitinho, e lembra de nas outras paginas de trocar o "selecionado" para o link da pagina. espero que tenha entendido

 

Flw ae!

 

Eu não fiz com o seu css pois você não coloco o html mas de qualquer forma é fácil adaptar, qualquer duvida posta ae

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.