desenvolvimento para web - xhtml, css, padrões da web, usabilidade, acessibilidade, web design, SEO, blogs e tecnologias para desenvolver a web

  • Feed artigos
  • Feed comentários
  • Feed por e-mail
  • Início
  • Ferramentas
  • Downloads
  • Feeds
  • Mapa do blog
  • Sobre

Radio buttons e check boxes personalizados

4 de abril de 2008 0 comentários

Personalizar radio buttons e check boxes é uma excelente maneira de dar uma “cara nova” a páginas web. Foi justamente isso que tive que fazer ontem.

Rapidamente encontrei um esqueminha para fazer isso, de autoria de Carlos Silva Jr, escritor do Freecode.

Basta pegar os códigos que ele montou e utilizar onde se queira, muito simples! O melhor é que dá pra utilizar qualquer imagem para a estilização! Confira a página de exemplos de radio buttons e check boxes personalizados.

Melhor que isso só juntando com a classe PHP para montar formulários! ;-)

Radio buttons e check boxes personalizados
Categorias
css, design, indicações, javascript
Indicar artigo
x

 





Indicar artigo
Comentários RSS
Comentários RSS
Trackback
Trackback

Todo desenvolvedor web deve ler

Use a cabeça: HTML com CSS e XHTML. Criando página web com CSS. Usabilidade na web. Não me faça pensar. Design para a internet.

Artigos relacionados a "Radio buttons e check boxes personalizados"

  • Classe PHP para montar formulários
  • “Como fazer” com jQuery
  • A melhor lista de plugins para jQuery do mundo!
  • Como usar qualquer tipo (fonte tipográfica) em seu blog Wordpress
  • Revisão de formatos de imagem para web
  • Sombrear imagens com CSS
  • Como tirar screenshot de um web site inteiro e obter uma imagem completa
  • Redimensionar e fazer montagens em imagens com o rsizr
  • Diferenças entre IDs e Classes
  • CSS float: considerações, dicas e macetes para bons layouts na web

Comente!

Translator

Portuguese flagItalian flagChinese (Simplified) flagEnglish flagGerman flagFrench flagSpanish flagJapanese flag

Artigos mais visitados

  • Briefing para desenvolvimento de web sites: considerações, dicas e modelos
  • CSS float: considerações, dicas e macetes para bons layouts na web
  • Como pegar parte do conteúdo (dados) de outro site com PHP
  • Como montar um portfolio sem ter clientes
  • CodeIgniter: framework PHP ágil, robusto e de alta performance

Categorias

  • (x)html (4)
  • acessibilidade (4)
  • blogs (7)
  • css (17)
  • design (29)
  • firefox (5)
  • indicações (49)
  • javascript (5)
  • jquery (8)
  • miscelânea (28)
  • php (8)
  • séries (9)
  • seo (10)
  • usabilidade (6)
  • wordpress (17)

Eu indico

  • blosque.com
  • ChromeBrasil
  • Fique Rico
  • Insistimento
  • Maikel Neris
  • Professional Blogger



Artigos Recentes

"Wordpress como CMS"?

Centralizar suas páginas web com CSS: como deixar o site sempre no centro com folhas de estilo

Compatibilidade CSS e o Internet Explorer: tabela comparativa de compatibilidade CSS/IE

Usabilidade na página de categorias + dicas sobre títulos de artigos de blogs: dobradinha de guest-posts

Maneira simples de saber quem faz referências a seu blog Wordpress

Conheça algumas caraterísticas de um bom problogger

Últimos Comentários

Paulo Faustino: Tárcio, amigão. Vou querer implementar isso no meu blog brevemente e conto com a (...)

Haha.pf: Olá... Tem uma opção pra fazer o download do chrome... aih vc baixa e instala... http://www.chromebrasil.com.br/baixar-instalador-offline-do-google-chrome/ att (...)

tigo di: Talvez a falta do menu textual dificulte o acesso à outras opções ( à (...)

Gevã: Foi um começo legal, gostei da novidade mas enquanto não tivermos plugins como os (...)

Felipe: Ehh Cara! A Google é uma empresa realmente incrível, porém eu não concordo com (...)

Mais Comentados

Gestalt aplicado ao design web (parte 1): origem do termo, significado e utilidade (13)

Maneiras práticas para melhorar a visitação de seu blog e fidelizar seus leitores (13)

As melhores práticas de SEO que você pode adotar em seu web site ou blog para melhorar o posicionamento nos mecanismos de busca (12)

CSS float: considerações, dicas e macetes para bons layouts na web (11)

Google Chrome - primeiras impressões sobre o navegador da Google (10)

desenvolvimento para web trata sobre padrões da web, usabilidade, acessibilidade,
web design, SEO e tecnologias web, tais como HTML, XHTML, CSS, javascript, jQuery, PHP e mais.

A tradução automática é do Wordpress Global Translator Plugin e há alguns direitos reservados.