Home  Fórum  Sobre  Contato 

Categorias

  • ClubePC (13)
  • Desenvolvimento (34)
    • AJAX (2)
    • HTML-CSS (15)
    • Javascript (4)
    • MySQL (5)
    • PHP (16)
      • Aprendendo PHP (6)
    • Scripts (4)
  • Designer (39)
    • CG (12)
      • 3ds Max (6)
    • Photoshop (18)
  • Diversos (24)
  • Download (53)
  • Games (20)
  • Guia de Compra (2)
  • Hardware (7)
  • Humor (11)
  • Internet (31)
    • Blogs (3)
    • Firefox (8)
  • Notícias (33)
  • Rapidinha (5)
  • Softwares (45)
  • Windows (33)

Posts antigos

July 2010
M T W T F S S
« Jun «-»  
 1234
567891011
12131415161718
19202122232425
262728293031  
  • Links

    • Contato
    • Efeito Azaron
    • Inexistent Man
    • MeioBit
    • Site da Morróida
    • Sorcery Quest

Site Meta

Syndicate this site using RSS 2.0The latest comments to all posts in RSS 2.0
  • Register
  • Log in

Artigos por e-mail

Receba por e-mail todos os artigos de nosso site.

Digite o seu e-mail:

Distribuido por FeedBurner

Dec-07 04

Mudando o layout dos formulários HTML

Enviado por: Thales RB. .     16 comentários.     Categorias: HTML-CSS, Javascript

Os comandos html para formulários(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 formulário 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 imagens tem todas as imagens que ele usa(tudo que é visto são imagens), ou seja é possível mudar elas para se adaptar ao layout do seu site =D

Não me servio pra nadaTalvez algum dia eu useValeu a pena saberVou usar issoOtimo! Sempre quis saber isso (4 votos. Média: 4.75 de 5)
Loading ... Loading ...
   8,709 visualizações

Tags: CSS, HTML, Javascript, Script

Leia também

  • Formatação de textos HTML, com editor WYSIWYG
  • Adicionando o efeito de neve ao seu site
  • Mostrando conteudo em abas
  • Redirecionando uma pagina
  • Fixando um conteudo na tela usando CSS

Frases para se refletir »« Formulário de contato

Como fazer formulários em HTML PHP(Aprendendo PHP) >> Clubepc
Pingback on December 14th, 2007.

[...] ter a sua aparencia alterada, mudada somente CSS, mas existe um jeito de alterar eles usando um script em javascript. Criando um [...]

José Martins
Comment on April 20th, 2008.

Estou a tentar aplicar este estilo aos meus formulários. Fiz exactamente como diz aqui, mas não está a funcionar. Será que me pode ajudar?

Thales RB
Comment on April 21st, 2008.

mas qual o problema ? simplesmente nao aparece ele ?

vc sabe usar o javascript ??

José Martins
Comment on April 21st, 2008.

Não sei se tem a ver com as outras folhas de estilo que tenho na página, mas não muda nada.

Não percebo nada de javascript.

Andre
Comment on June 30th, 2008.

Tambem nao estou a conseguir usar o estilo…

Henrique
Comment on July 12th, 2008.

Também naum consegui usar o estilo. :(

Nailton Gomes
Comment on August 14th, 2008.

Parabéns Cara!!

Muito bom esse seu site!

Henrique
Comment on January 19th, 2009.

Eu coloco o codigo ”
@import url(niceforms-default.css);” aonde? :s

rs
Comment on March 4th, 2009.

re

ricardo
Comment on July 4th, 2009.

O problema que esses arquivos niceforms-default.css e niceforms.js nao estao ai para baixar esse foi o problema

Thales RB
Comment on July 6th, 2009.

ricardo

atualizei os links do post, vc pode baixar ele aqui
http://www.emblematiq.com/projects/niceforms/download/

Luis Carlos
Comment on December 2nd, 2009.

“Os comandos html para formulários(input, button, etc) tem um layout que não pode ser mudado com CSS”
isso é falso, não é verdade, vejam os campos input no site http://www.institutoaguaviva.org.br

mais informacoes em http://www.w3schools.com/css/
estudem css, mais especificamente as propriedades border e background para mudar o layout dos input e textarea, select e outros

Jairo
Comment on February 24th, 2010.

nao consegui

Junior
Comment on April 13th, 2010.

teste

Junior
Comment on April 13th, 2010.

Agora vai

Admin
Comment on July 8th, 2010.

Muito Bom!

Deixe um comentário

Os campos nome e e-mail são obrigatorios(o e-mail não será exibido), a URL é opcional.

Os comentários podem ter os seguintes comandos:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>







Mais visualizados

  • Download Vray 1.5 para 3ds Max - 114,830 views
  • Emulador Nintendo DS &#8211; No$GBA - 94,534 views
  • Pacote de fontes Graffiti - 85,425 views
  • Instalar o Windows XP em Hds SATA - 53,708 views
  • Como fazer formulários em HTML/PHP - 52,873 views
  • Download Photoshop CS3 - 49,280 views
  • Detonado &#8211; Castlevania: Portrait of Ruin &#8211; NDS - 48,065 views
  • Download de modelos de carros para o 3ds Max - 46,474 views
  • Com o Windows Vista instalado como instalar o XP - 45,298 views
  • Detonado &#8211; Castlevania Order of Ecclesia &#8211; NDS - 43,772 views

Comentários Recentes

  • CASTLEVANIA disse: o iten new york steak eu usei ele para o nest of evil tem outro canto pra achar ele? por q sem ele nao fasso a quest build your strengh 2 eu tava...
  • Geison Soares disse: A Thales a respeito do meu comentário anterior devo-lhe dizer que estou jogando no computador atravéz de um emulador de nds,ok.Parabéns pelo...
  • Geison Soares disse: Fala Thales,po irmão aconteceu o seguinte comigo,quando eu cheguei em praticamente uns 80% do jogo ,perto do drácula e tudo o jogo começou a...
  • Thales RB disse: vc tem que curar elas com a magia sanctuary, que é mais dificil de fazer do que matar elas =D
  • ViniciusSMrt disse: Boa explicação. Exatamentemente o que eu procurava, pois me confudia na hora de usar “#” ou “.”.
  • Maicon disse: aff muito bom mas eu queria mesmo e criar uma partiçao com o vista starter e outra partiçao com XP
  • Taylor disse: Olá também estou com o mesmo problema…não consigo abrir os modelos, dá erro… sou iniciante no 3dmax, se alguem tiver alguma dica…
  • jaisson disse: muito maneiuro cara valeu mesmo foi de muita utilidade. quando puder mande mais!!!!!!!!
  • CASTLEVANIA disse: e sem derrotar ela nao vai pra forest of doom
  • CASTLEVANIA disse: ei quando a pessoa for derrotar stela te mq curar ela? ou so derrota? por q vc falo pra curar as duas eu to confuso mano responde aew por favor. flw

Tags

3ds Max 3ds Max Basico Aprendendo PHP Brushes ClubePC Computação Grafica CSS CSS-Hacks Designer Detonados Diversos Download Downloads Firefox Fontes Games Google Hardware HTML Humor Icones Internet Internet Explorer Javascript Jogos-PC Microsoft MySQL mysql-basico NDS Notícias Office Photoshop PHP PHP Basico Portable Rapidinha Script Sobre Softwares tags-HTML Wallpapers Windows Windows-Vista Windows-XP WordPress
eXTReMe Tracker