Mudando o layout dos formulários HTML

Os comandos html para formularios(input, button, etc) tem um layout que não pode ser mudado com CSS, mas existe alguns scripts em javascript que permitem alterar esse layout um deles é o niceform. Veja só a diferença:

o normal: usando o niceform:

bem melhor não ??

Para usa-lo é simples, primeiro faça o download dele aqui, ele vem com um arquivo de exemplo para poder dar uma olhada, mas para aplica-lo em suas paginas é só adicionar:

<script language=”javascript” type=”text/javascript” src=”niceforms.js”></script>
<style type=”text/css” media=”screen”>@import url(niceforms-default.css);</style>

e em seu formulario coloque class=”niceform” ex: <form action=”pagina.php” method=”post” class=”niceform”>

E pronto ele já irá alterar todos os comandos para o novo layout. O ueba usa esse sistema na sua pagina de enviar noticias http://ueba.com.br/NovoLink

Obs: na pasta images tem todas as imagens que ele usa(tudo que é visto são imagens), ou seja é possivel mudar elas para se adaptar ao layout do seu site =D

Quer aprender mais sobre HTML?. Então veja o preço de alguns livros no Submarino.

 

 

 

.

Compartilhe nos Sites Sociais:

Frases para se refletir »« Formulário de contato