Niceforms – Mudando a cara dos seus formulários


Galera.

Esse código que o badboy.media.design (Lucian Slatineanu) criou é muito massa. Dá pra mudar a cara dos formulários, e não deixar só aquela coisa “dura” dos forms padrões do ie e ff. Os efeitos superam o que a gente consegue com css, já que podemos aplicar imagens de fundo nos inputs e selects da vida…

É muito fácil de aplicar:

1º – Salve a pasta images que vem no .zip no seu site.
2º – Coloque o seguinte código no <head> do seu html:
<script language=”javascript” type=”text/javascript” src=”niceforms.js”></script>
<style type=”text/css” media=”screen”>@import url(niceforms-default.css);</style>

3º – Aplique a classe niceforms no seu formulário, adicionando o seguinte parâmetro na tag <form>:
class=”niceform”

Veja um exemplo
Faça o download da versão 2.0 

, , , , , , , , ,

  1. #1 por Ricardo em Julho 18th, 2008

    Amigo, boa tarde, não sei se vc já teve esse tipo de problema com o niceforms, mas eu não estou conseguindo colocar dois campos para aparecerem na mesma linha, faz ideia do motivo que isso ocorre? Um grande abraço.

  2. #2 por Weverton Naves em Agosto 7th, 2008

    Ricardo.

    Tive esse problema essa semana.
    No meu caso, não consegui colocar selects e inputs na msm linha, somente inputs com inputs. Para resolver o caso, coloque cada tag dentro de spans, com float left:

  3. #3 por Alesanco Andrade em Setembro 28th, 2008

    Amigo, o link para download do material está quebrado, vc tem os arquivos com vc?
    Abração.

  4. #4 por Leonardo em Janeiro 17th, 2009

    O link ñ está funcionando para download… disponibiliza os arquivos ai para gente…

  5. #5 por Weverton Naves em Janeiro 19th, 2009

    Leonardo, é pq lançaram a versão 2.0.
    Veja novamente, o link foi corrigido.

  6. #6 por Leonardo em Janeiro 19th, 2009

    Weverton, mto obrigado amigo, agora acho q vou conseguir personalizar o meu formulário… (rs).

    Sou um visitante constante aqui… Nota 1.000 os artigos de disponibiliza. Continue assim… Parabéns!!!

    Mta paz e saúde!

    Abs.

  7. #7 por Nayla vieira em Maio 20th, 2009

    Uso niceforms mais sempre tenho problemas com quebra no layout, ja tentei formatar no css de varias formas e usar diversos recursos, mais raramente eu consigo com que a posição do form fique sem quebra. ..

    • #8 por Weverton Naves em Maio 22nd, 2009

      É verdade Nayla. O niceforms pode ocasionar algumas quebras em layouts mais complexos, já que é uma técnica de replacement, em que substituímos os campos do formulário por divs e funcionalidades javascript. Recomendo a utilização em sites simples, pois essa técnica tbm não é muito bem vista pelas normas da W3C.

  8. #9 por Alesanco Andrade em Outubro 27th, 2009

    Amigo, o link para download do material está quebrado, vc tem os arquivos com vc?
    Abração.

  9. #10 por Rodrigo de Lucca em Dezembro 9th, 2009

    Pessoal, seguinte, Existe a possibilidade de criar duas Combobox(selects) dependentes com niceforms:

    Exemplo: Preciso de algo como Estado, Cidade, onde ao selecionar o estado apresentasse somente as cidades do estado selecionado, eu tinha feito isso com DWR e estava ok, mas ao aplicar o niceforms o DWR parou de funcionar devido as que o niceforms cria.

    Alguem ai pode me dar um Solução para isto?

(não será publicado)
  1. Nenhum trackback.