Pownce: No public Pownce messages.

Agrega tu enlace

Diseñando formularios Publicada el Viernes 7 de Abril de 2006 a las 12:46 am por Infected-FX

Design Forms

No sé si les pase pero generalmente los formularios me parecen feos xP y no está por demás a veces darles un detallito, un fondo, un icono que se yo, en este tutorial aprenderemos a hacerlo, desde como darle un formato, el tabindex, las accesskeys y su uso, así como poder agregarle un diseño diferente a sus formularios de acceso ó de comentarios.

Otras entradas relacionadas


2 Trackbacks a este post

  1. Formulario elegante « Blog do kraudio
    Marzo 30, 2007 a las 09:38 pm
  2. Showcase - Formularios de contacto | Infected-FX| tutoriales, recursos y referencias para desarroladores y diseñadores web
    Agosto 27, 2007 a las 05:26 pm

24 comentarios

  1. Eden
    Abril 7, 2006 a las 7:32 am

    buuuuuuuuuh perfecto todos estos tricks me seran muy utiles para las webs ^^!
    gracias de nuevo hermano!

  2. renelc
    Abril 7, 2006 a las 9:13 am

    buenas ideas, yo la verdad soy mas programador que diseñador y pues la mayoria de las cosas ya las sabia, pero como las has puesto hace que se vea muy bien, ya llevo rato que agregue tu blog a mi lector de feeds, pero no habia agregado comentarios por hueva de registrarme , buen sitio

  3. HostMx Alon
    Abril 7, 2006 a las 5:11 pm

    me hiciste el dia, thx

  4. dbrdfx
    Abril 8, 2006 a las 12:55 am

    Este señor siempre facilitandonos las cosas y cada día abriendonos mas la mente …….. thank loco.!!

  5. erdanblo
    Abril 8, 2006 a las 4:36 am

    Muy bueno.

    Lo de los iconitos no lo sabia yo como hacer :P

  6. Gosucito
    Abril 9, 2006 a las 12:56 pm

    Infected, te “pasastes”! Justamente este tema es a mi parecer bastante importante para unh webmaster, ya que permite una interaccion mas practica para con los visitantes :)

    Gracias! Me va servir muchisimo!

  7. domingosantana
    Abril 10, 2006 a las 2:36 am

    Que bueno, servirá de mucho !!

  8. Guido Gastaldo
    Junio 27, 2006 a las 1:35 pm

    Gracias me es muy util tu sitio Soy principiante en css y estoy aprendiendo un monton

  9. Infected-FX
    Junio 27, 2006 a las 8:34 pm

    Me alegra mucho que les funcione este pequeño tutorial ^^

  10. Nikko
    Abril 8, 2007 a las 1:19 am

    Infected-FX muy buenos los tutoriales..¿Haz echo algun tutorial para aprender a personalizar bien estos formularios como tambien nuestras cajas de dialogo, en wordpress?..me vendria bien algo asi ^_^ saludos !!!!!

  11. Infected-FX
    Abril 8, 2007 a las 9:28 pm

    Nikko Se aplica exactamente de la misma forma brother, solo hay que ver ó definir la clase / ID al formulario que desees y seguir el tutorial, generalmente si tomas el theme “default” de wordpress encontrarás que los formularios ya cuentan con un ID lo único que habría que hacer sería personalizarlos por medio de CSS como lo muestra el formulario.

    Saludos ^^

  12. Nikko
    Abril 11, 2007 a las 9:06 pm

    Ook thank..a lo q me referia era truquitos a la hora de diseñar quizas, a la hora de personalizar…mas q nada era para complementar con lo q se ya..^_^ mediante css..igual gracias !!

  13. Samuel
    Agosto 28, 2007 a las 9:53 am

    Que bonito, pero me ha parecido más bonito el esquema del tutorial, cuando abro desde el zip el archivo solo, sale toooodo en una sola pag, pero cuando ya extraigo todo a una carpeta y ejecuto el html, VOILAAAAAA!! se ve una interfáz preciosa, habrá algún tutorial de como hacer eso?

    Al menos a mi me interesa, no se si a alguien más, pero a mi si!

    Gracias! este es uno de esos motivos por los cuales tengo metido en el google reader esta web.

  14. mariobj
    Agosto 30, 2007 a las 9:33 am

    Excelente recurso, yo me dedico a la programacion web y una de mis frustraciones es precisamente en lograr que mis aplicaciones, la mayoria orientadas para intranets luzcan bien…. quisiera ser diseñador :( pero esta recopilacion nos salva de muchos apuros y las apps lucen muy cool.

    Gracias por el recurso, este blog lo leo todos los dias sin falta, esta en mi top 10 de mis blogs imprescindibles.

    Chau y saludos desde colombia.

  15. wayzer
    Agosto 30, 2007 a las 1:39 pm

    perdona… pero donde esta el tutorial….??
    no hay link ni nada..
    espero tu respuesta…. lo necesito ej

    Saludos y suerte

  16. zanate
    Agosto 30, 2007 a las 2:06 pm

    No logro encontrar el archivo zip del tutorial, un dia lo vi pero no lo baje, y hoy reviso y no esta…
    Ayuda porfa!

  17. wayzer
    Agosto 31, 2007 a las 8:34 pm

    muchas gracias por leer el mensaje y poner la descarga…
    eso dice todo de vos y del blog…

    muchas userte.. sigan asi que se los vamos a agradecer

  18. BeStMaker
    Septiembre 18, 2007 a las 7:53 pm

    El mejor tutorial que he leecheado de tu sitio, por lo menos te digo GRACIAS! :)

  19. juanu
    Diciembre 17, 2007 a las 12:28 pm

    Sueloooo hacerlos sin estilos :( estoy descargando, veremos qué resulta :) graciass

  20. jopicar
    Mayo 28, 2008 a las 3:13 am

    Hola, de nuevo no encuentro el enlace del formuñario, si fueran tan amables de indicarme como descargarlo, gracias.
    Y recuerdo que lo descargué una vez y me encantó, pero tuve que “hacer limpieza” en el pc y ahora no lo encuentro… :(
    Un saludo.

  21. jopicar
    Mayo 29, 2008 a las 8:40 am

    Gracias por la ayuda… …y por la rapidez en responder, no puedo decir lo mismo que wayzer :(

  22. Fede777 | Geekspot
    Mayo 31, 2008 a las 2:13 pm

    Buenas, ando buscando el link para la descarga, donde esta???

  23. Jaime
    Agosto 13, 2008 a las 10:57 pm

    imposible descargar el archivo, no encuentro el link :S ponlo porfa

  24. jopicar
    Agosto 15, 2008 a las 1:30 pm

    A tod@s los que visitáis este blog y amablemente solicitáis el enlace para descargar el manual, aunque es evidente que no sóis correspondidos, exactamente como me paso a mí, sólo deciros que en mi blog en breve podréis acceder a descargar un tuto similar al aquí presentado, y me atrevería a decir que mejor, pero no lo voy a hacer, queda muy prepotente.
    He relizado modificaciones respecto al aquí presentado y será un placer compartirlo con tod@s aquell@s que deseen conocer como mejorar sus formularios.
    Un saludo para tod@s, nos vemos en TELARAÑA

    PD: Que conste que no intento hacer publicidad de mi blog, pero me cabrea bastante el pasotismo que aquí se estila. Sólo intento ayudar, que para eso están estas cosas.

Agregar comentario

*

*

XHTML: Puedes usar los siguientes tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Aumentar ↓ | Disminuir ↑

Sindica este sitio usando RSS

Recuerda que si quieres mantenerte informado y recibir nuestras actualizaciones agrega nuestro feed a tu lector favorito y podrás darle seguimiento a nuestro sitio.