Ir para conteúdo

POWERED BY:

Arquivado

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

seta

Página atual com botão diferente.

Recommended Posts

Bm galera,

 

Pesquisei muito antes de postar este tópico e realmente não achei nada satisfatorio.

 

Bom tenho um menu e precisso fazer com que o menu correspondente a pagina fique de cor diferente, a parte de css está toda pronta, mas não sei como imprementar para que funcione, este tipo de funcionalidade é muito comum do Joomla e o Wordpress.

 

Exemplo: http://www.shape5.com/demo/sportopolis/

 

Reparem que o HOME esta vermelho, e se clicar em outras pagina do menu a pagina atual ficará em vermelho.

 

 

Valeu! http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

isso é a pseudoclasse active do css

Compartilhar este post


Link para o post
Compartilhar em outros sites

isso é a pseudoclasse active do css

 

Então cara Active é quando o botão está ativo, quando você clica em cima do botão e segura, ou quando usa a tecla TAB para navegar.

 

O que quero é mudar uma classe do botão da pagina atual.

Compartilhar este post


Link para o post
Compartilhar em outros sites

entao você nao esta falando do menu à direita? so quando muda de pagina o link passa a active. se nao for isso expliwque melhor

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bom o que quero fazer é deixar como neste exemplo, a pagina atual é S5 No-MooMenu, e observe que o botão no menu fica vermelho diferente dos demais que é preto.

 

Imagem Postada

 

Quanto ao active ele não muda quando muda d epagina, ele é apenas usado quando está pressionando o botão, ou seja quando o botão esta ativo. Bom pelos menos é isso que a documentação diz sobre o active e também sempre usei assim.

 

Se não for pedir muito tem como você montar uma exemplo pra mim?

 

Desde já agradeço ao seu interesse em ajudar. http://forum.imasters.com.br/public/style_emoticons/default/clap.gif

 

 

Valeu!

Compartilhar este post


Link para o post
Compartilhar em outros sites

como pode ver eles usam o active

 

#s5_navv ul li.active a.active {
	background:url(../images/style1/s5_act_menu.png) repeat-x top center;
	height:43px;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:12px;
	padding-right:12px;
}
o sistema deste menu sao tabs

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.