[Resolvido] Menu a:visited ()

[Iso0406 1]

Boa tarde amigos !!

 

Estou construindo um menu com imagens, e até agora tudo bem !!

o "a:houver" funciona bem com a imagem e o "a:" também !!

 

Só que tenho uma dúvida em relação ao "a:visited" !

Se eu colocar a imagem nele, quem for visitar o meu site a imagem vai ficar como que ja foi clicado, e eu não queria isso, o que eu quero !!

É que quando a pessoa acessa o meu menu ( por exemplo: "Principal, contatos e empresa") Principal, quando ele for acessar o link "contatos" o "A:VISITED" deixe de estar marcado como visitado!!

 

E possível isso??

 

Abraços !!

[programador php 0]

sim

 

igualmente você faz com o hover faça com o visited

 

só não esqueça da ordem de exibição

 

LoVe-HAte

 

primeiro

 

link

visited

hover

Active

 

 

 

abraço

[William Bruno 1501]

Na verdade, oque você qr então, é fazer um ACTIVE. Que vai marcar em qual página a pessoa está atualmente.

 

Eu fiz isso nessa página:

http://www.cenasordidas.hbe.com.br/novolay...;nick=lorddeath

 

Não encontrei maneira mais fácil, ou somente via CSS.(repare que o ACTIVE são os azuis, e os meus VERDES são os VISITED, oque você não qr). Ai eu tive que usar php...

Vamo esperar por alguém mais experiênte, ainda sou só um estudante em CSS, nunca trabalhei com isso =/

[Rasp 3]

Boa tarde amigos !!

 

Estou construindo um menu com imagens, e até agora tudo bem !!

o "a:houver" funciona bem com a imagem e o "a:" também !!

 

Só que tenho uma dúvida em relação ao "a:visited" !

Se eu colocar a imagem nele, quem for visitar o meu site a imagem vai ficar como que ja foi clicado, e eu não queria isso, o que eu quero !!

É que quando a pessoa acessa o meu menu ( por exemplo: "Principal, contatos e empresa") Principal, quando ele for acessar o link "contatos" o "A:VISITED" deixe de estar marcado como visitado!!

 

E possível isso??

 

Abraços !!

Iso0406,

Deixa eu ver se entendi oq você qr... quando o cara estiver em qualquer pagina você quer que o link apareça normal como se nunca tivesse sido clicado? é isso?

 

se for faça isso:

 

#menu a:link, #menu a:active, #menu a:visited {
		  background-image: url(sua_imagem.jpg);
}

#menu a:hover {
		  background-image: url(sua_imagem_2.jpg);
}

 

Cara sempre uso assim é fica perfeito beleza? qualquer coisa posta aí

abs ;)

[Iso0406 1]

Deixa eu ver se entendi oq você qr... quando o cara estiver em qualquer pagina você quer que o link apareça normal como se nunca tivesse sido clicado? é isso?

 

 

É isso que eu quero,

 

Como se ele não tivesse visitado !!

 

Como eu faço ?

 

esse é o código !!!

 

.menu {

position : absolute;

top : 100px;

*top : 105px;

left : 67px;

*left : 71px;

font:"Times New Roman", Times, serif;

font-style:oblique;

letter-spacing: 1px;

font-size:14px;

text-align:center;

}

.menu ul {

 

margin : 0;

padding : 0;

background:#999999;

}

 

.menu li {

display : block;

*display:inline;

margin-left : 1px;

}

 

.menu a {

float : left;

line-height: 16px;

text-decoration:none;

border-bottom : 2px solid #371823;

background-image:url(img/menu_img.jpg);

padding : 0.2em 0.2em 0.2em 0;

color: #eeeeee;

width : 7.74em;

*width : 7.74em;

height : 20px;

}

 

.menu a:hover {

background-image:url(img/menu_img2.jpg);

color: #000;

}

 

 

HTML:

 

 

<div class="menu">

 

<ul>

 

<li><a href="servicos.php" target="iframe">Serviço</a></li>

 

<li><a href="reservas.php" target="iframe">Reserva</a></li>

 

<li><a href="suprimentos.php" target="iframe">Suprimentos</a></li>

 

<li><a href="bloqueio.php" target="iframe">Bloqueio</a></li>

 

<li><a href="desligamento.php" target="iframe">Desligamento</a></li>

 

</ul>

 

</div>

[William Bruno 1501]

Se eu colocar a imagem nele, quem for visitar o meu site a imagem vai ficar como que ja foi clicado, e eu não queria isso, o que eu quero !!

É que quando a pessoa acessa o meu menu ( por exemplo: "Principal, contatos e empresa") Principal, quando ele for acessar o link "contatos" o "A:VISITED" deixe de estar marcado como visitado!!

Oque eu entendi foi o seguinte: você não quer diferenciar o visited do menu normal, mas quer diferenciar do atual e do hover. Por isso eu falei do active, mas se não é isso, basta você fazer o visited ser igual ao estado link(antes de visitar, ou passar o mouse em cima).

. menu a:link, .menu a:visited {
	background-image:url(img/menu_img.jpg);
	color: #eeeeee;
}

você conhece CSS sprite? é uma boa utilizar essa técnica para esse tipo de menu, pois evita aquele "delay" no aparecimento das imagens.

http://imasters.com.br/artigo/6041/css/css_sprite/

[Iso0406 1]

tiu uiLL !!

 

Quando você visitar o menu, o link A:VISITED fica em vermelho ou da cor que você quiser, não é mesmo ?

Quando você clica no menu principal por exemplo, não fica vermelho? eu quero é que quando eu visitar o menu a empresa esse vermelho do menu principal , do A:visited suma ou ficque uma img !!

 

Entendeu?

 

Abrços,

[William Bruno 1501]

Tá dificil de entender... porque você está misturando as coisas...

http://www.maujor.com/tutorial/csslinks.php

Existem pseudoclasses, algumas delas nós aplicamos nos links:

 

:link define o estado do link NORMAL, ANTES de ser visitado

:visited define o estado do link DEPOIS de visitado, e já ter saido

:hover define o estado do link NO PASSAR do mouse

:actve define o estado do link ATUAL

 

Essa parte do "suma ou fique uma imagem", depois que você sair de determinado link, é apenas fazer oque eu e o Rasp dissemos! Fazer o visited ser igual ao estado normal do link.

Se você clicar em algum link, como você disse:

Quando você visitar o menu, o link A:VISITED fica em vermelho ou da cor que você quiser, não é mesmo ?

Aqui que está a tua confusão. Se eu estiver no "PRINCIPAL", e ele ficar vermelho é porque foi estilizado para vermelho a pseudoclasse ACTIVE. você chegou a olhar o meu site que postei como exemplo?

Veja que se você clicar em algum Nome do menu horizontal que fica em CIMA, ele fica AZUL(indicando o ATUAL), e ao sair dele, o link volta ao estado normal. E tem um HOVER tb, que é um pouco mais claro.

É isso que você qr?

http://www.cenasordidas.hbe.com.br/novolay...;nick=lorddeath

 

ps: vizualize IE7 ou FireFox(tô com um probleminha nos IE6- )

Cara, se não for isso, antes que eu desista, ponha um link para a sua página e explique claramente quais cores e oque você qr para os estados:

"Assim que abre a página, antes de clicar ou passar o mouse"

"Já visitado, qndo a pessoa está até em outro lugar"

"Com o mouse em cima do link" e

"O estado para mostrar que a pessoa está AQUI!"

[Iso0406 1]

Eu já dei uma olhada em seu menu !!

 

No seu menu o estado normal do link é preto ?

 

quando você clica no menu fica azul, quando você sai deste link e vai para outro fica verde, esse verde é o que ? visited ou active ?

 

abraços

 

e desculpa por te encomodar !!

[William Bruno 1501]

No meu menu : mapas, tutoriais, cs movies...

 

o Verde é o visited

o Azul é o active(conteudo atual)

o Preto é o hover

e o Cinza é o normal, link

 

Agora clica em CS MOVIES, veja que ele vai ficar AZUL, mostrando que esse é o ACTIVE, ATUAL.

Lá em cima tem outro menuzinho..

o AZUL dele é o ACTIVE tb, o hover é esse cinzinha mais claro, e o normal é o cinza mais escuro.,

Acho que é exatamente esse meu menuzinho de cima que você ta querendo... pois qndo você clica por exempo em "Shadow", esse vai ficar azul, e o "LordDeath" que você estava antes, volta a ser o cinza mais escuro.

 

A mesma coisa com os outros desse menu... só diferencia o ATUAL, e o HOVER.

[Iso0406 1]

tiu uiLL!!!!

 

cara o meu não funciona, dê uma olhada no meu código que está lá em cima se puder me de uma ajuda !!

 

abraços,

[William Bruno 1501]

Cara, o probleminha é que para fazer esse "active" eu tive que usar php... com condições que testavam se era o menu em que a pessoa está, ai imprime uma nova classe para formatar o li atual. e se não, num faz nada..

 

Eu até hoje juro que não entendo como funciona o ACTIVE, parece uma mistura de :focus com :hover.

Só aparece se eu segurar o mouse sobre o link. Muito estranho... enfim, até que apareça alguém para resolver isso, eu fiz assim cara:

<ul id="submenu">
	<li><a href="?pagina=cs_movies&nick=lorddeath"<?php if($nick==lorddeath){ print " class=\"sub_atual\""; } ?>>LordDeath</a></li>
	<li><a href="?pagina=cs_movies&nick=Shadow"<?php if($nick==Shadow){ print " class=\"sub_atual\""; } ?>>Shadow</a></li>

Aí é a condição IF, que ta pegando o $nick que tá vindo via GET.

E no css, essa classe "sub_atual", é que tá fazendo ficar azul.

 

Vamo esperar alguém mais experiênte ... eu sou só estudante de CSS por enqnto, tô atrás de um emprego nessa área.

E no outro menu, eu imprimia dinamicamente uma id pro body..

[Iso0406 1]

Valeu mano

 

Abraços,