[Resolvido] botao rollover css

[ulfreitas 6]

boa tarde

quero fazer um botao rollover com css, mas estou com uma duvida. o codigo que estou usando é esse:

 

a.botao{
	background: url(botao.jpg);
	display: block;
	width: 100px;
	height: 19px;
}

a.botao:hover {
background-position:0 -19px;
}

 

e depois o código html:

<a href="#" class="botao"></a>

o primeiro estado do botão ele é vermelho.

o segundo (hover)quando o mouse passa sobre o botao, ele muda para a cor verde.

Simplão né?

 

Eu quero saber, qual código usar para quando eu clicar clicar ele manter a cor verde.

 

eu tentei o '.visited', e qual o problema? isso vai ser um menu, e todos os botoes que eu clico vao ficando verde... hum!

 

eu preciso o seguinte, quando eu passo o mouse ele fica verde, quando eu clico ele se mantem verde, e quando eu clicar em outro botao ele volta ao estado original vermelho.

 

espero que alguem possa tirar essa duvida.

 

Obrigado pela atenção

[Darkjouse 0]

Já pensou em fazer o php imprimir uma class de botao ativo para quando entrar na página dele?

 

Dá uma olhada: http://www.maujor.com/blog/2009/08/12/destacar-link-para-pagina-corrente/

[ulfreitas 6]

Já pensou em fazer o php imprimir uma class de botao ativo para quando entrar na página dele?

 

Dá uma olhada: http://www.maujor.com/blog/2009/08/12/destacar-link-para-pagina-corrente/

 

:blink: ???

Obrigado Dark, desculpa a ignorancia amigo, mas não entendi nada do q você falou, nao uso php, só queria saber a linha de código do css. Mas valeu.

[Thiago Retondar 18]

Use o :active para quando clicar e coloque um class="ativo" no selecionado. Assim é só definir as mesma propriedades para os dois, assim:

 

a:active, a.active{
background: red;
}

Da uma olhada http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://maujor.com/tutorial/csslinks.php

 

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

[ulfreitas 6]

ah legal Thiago, valeu pela explicação.

 

consegui fazer o q eu queria seguindo o site q você me indicou.