Ir para o conteúdo
  • Revista PROGRAMAR: Já está disponível a edição #60 da revista programar. Faz já o download aqui!

acao

[Resolvido] Alterar a cor do elemento da nav

Mensagens Recomendadas

acao

boas

necessito ajuda em ;

ao selecionar uma pagina na nav e que o elemento correspondente a essa pagina mude de cor.

já consigo que mude de cor ao passar o rato porcima.

cod:

<nav>
		<div id="menubar">
			<ul id="menu">
				<li class="selected"><a href="Index.html">Home</a></li>
				<li><a href="#">Ilustracao</a></li>
				<li><a href="#">3ds</a></li>
				<li><a href="#">video</a></li>
				<li><a href="#">Contacto</a></li>
				<li><a href="#">teste</a></li>
			</ul>
		</div>
	</nav>

/*----------------------------------------------------------------------
			 // nav //
----------------------------------------------------------------------*/
nav {
   margin:0;
   padding:0;
   height:50px;
   background-color:#00006A;}
#menubar {
   height: 50px;
   padding-left:50px;}
ul#menu, ul#menu li {
   float: left;
   margin: 0;
   padding: 0;}
ul#menu li {
 list-style: none;}
ul#menu li a {
   letter-spacing: 0.1em;
   font: normal 100% 'lucida sans unicode', arial, sans-serif;
   display: block;
   float: left;
   height: 24px;
   padding: 13px 26px 13px 26px;
   text-align: center;
   color: #FFF;
   text-transform: uppercase;
   text-decoration: none;
   background: transparent;}
ul#menu li a:hover, ul#menu li.selected a:active,ul#menu li.selected a {
   color:#FFF;
   background:#CCC;}

cumps

acao

Editado por Rui Carlos

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
fteixeira1993

Boas,

Este tópico está no sitio enrrado... Aqui é php não css x), mas o que tu queres é do tipo

a:active{
color: blue;
}

Editado por brunoais
quote desnecessariamente grande removido

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
acao

boas

já tinha tentado o active mas não consigo por a funcionar, assim apenas muda de cor enquanto carrega depois volta à cor inicial.

assim consigo colocar o home correto mas se clicar noutra pagina não muda fica sempre selecionado o home

ul#menu li a:hover, ul#menu li.selected a, ul#menu li.selected a:hover {
    color:#FFF;
  background:#CCC;}

cumps

acao

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora

×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade. Este site usa cookies para disponibilizar funcionalidades personalizadas. Para mais informações visite esta página.