Ir para conteúdo

POWERED BY:

Arquivado

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

asp.net

Aplicar estilo do menu da macromedia em botões do formulário

Recommended Posts

Galera, gostaria de saber se tem como aplicar um estilo CSS num elemento Button igual ao que se aplica por ai, como no link http://www.imasters.com.br/artigo.php?cn=2622&cc=58, num button é que estou desenvolvendo uma aplicação web que vai utilizar buttons de formulário, e não quero deixar o padrão cinza nestes botões. Quero fazê-los ficarem iguais, se possível aos links do tutorial acima ou do site da microsoft.

Compartilhar este post


Link para o post
Compartilhar em outros sites

eh facil rapaz... eh soh você criar uma classe no css:

.botao {border: 1px solid #666666;background: #FFFF99;font: bold 8pt Verdana;padding: 3px 6px;}
e chamá-la no input do formulário:

<input type="submit" value="Logar" class="botao" /><input type="reset" value="Limpar" class="botao" />
lembrando q tem q chamar na classe, naum dah pra fazer com q todos os botoes fiquem assim, pq ele eh um input e como caixas d texto, botoes, combos, entre outros sao input tb, naum eh recomendavel usar as configurações pra tag input...

 

Lembrando tb q as configurações da classe q falei ali foi uma q fiz aki rápidim, pode faze qq coisa... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

Mas no caso eu quero assim:Botão sem o mouse em cima dele um estilo, e quando o usuário coloca o mouse sobre o botão (hover) ele muda alguma configuração no botão, como por exemplo mudar a cor de fundo, acessa o site da microsoft e veja com funciona o menu do lado esquerdo, quando o cursor está sobre o elemento ele muda a cor de fundo.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não Bruno, estou falando de Button mesmo<form><input type=button text="Nome do Botão"></form>Mas quero aplicar o efeito de hover (MouseOver), que aplicamos nos links, para este button.

Compartilhar este post


Link para o post
Compartilhar em outros sites

por CSS naum dah... teria q fazer isso por javascript... pq o internet explorer naum aceita hover em tags q naum sejam links... (tinha q ser o maldito)... http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

<input type="submit" onmouseover="this.className='classeOn'" onmouseout="this.className='classeOff'" class="classeOff/>
Ae você cria no css as classes... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

ué, tah prontim ali em cima http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif depois crie as classes no css...

.classeOn {background: #FFFFFF;border: 1px solid #666666;color: #000000;}.classeOff {background: #FFFF99;border: 1px solid #000000;color: #000000;}
isso eh soh um exemplo http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

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.