Formulario de contacto sencillo con CSS
A estas alturas seguro que hemos visto millones de sitios web en nuestra vida cibernética. Encontramos de todo en esta selva que es internet, de todos los colores y estilos de diseño imaginables. Todo el mundo está tratando de ser diferente, tratando de separarse de el resto.
En el blog [Re]Encoded dot Com dejan caer la siguiente pregunta: ¿por qué es que casi todos los sitios Web, desde los mejores a lo peor de lo peor, todavía parecen estar usando el mismo feo formulario utilizados por defecto?. Con buen ánimo dicen que eso puede cambiar, al menos en nuestro sitio web.
Por lo que en el artículo Creating Killer Forms with CSS nos deja consejos para condimentar los campos de formulario para que se aparte un poco del resto. No es un tutorial sobre CSS, por lo que se parte suponiendo que tenemos cierto conocimiento sobre el tema. Es un formulario de contacto básico, que realizamos mediante CSS, para ello nos proporciona todos los códigos.
Tutorial: formulario de contacto en HTML
Formulario de contacto para Flash
Armando el formulario (la parte divertida)
Un formulario tiene tres instancias:
- Escritura: donde se escribe el mensaje y hacemos clic en Enviar.
- Envío: donde el sistema muestra una barra de estado indicando que el mensaje se está enviando.
- Agradecimiento: donde le agradecemos a la persona por enviarnos un mensaje.
Vamos a crear cada una de estas instancias en un frame diferente, dentro de un mismo SWF.
Contact-Pop: Formulario de contacto con estilo en jQuery
Contact-Pop es un plugin para jQuery que permite crear un efecto-amimación con el formuario de contacto fácilmente, el cual se sobrepone en el contenido de la página web actual. Es completamente configurable.
Enlace | Detalles y demo, Descarga ejemplo
Como crear un formulario en Dreamweaver
En este tutorial vamos a aprender a crear un formulario en nuestro dreamweaver.
Lo primero que debemos de saber es cuales son los elementos que podemos añadir a nuestro fomulario, para ello podemos ir panel formularios de nuestro dreamweaver, aquí podemos verlos:
Formulario de contacto externo Gratis
Este servicio, es muy bueno además del formulario de contacto, tiene muchas otras cosas gratis:
-galeria de plantillas para webs
-traffic boost(ni idea…jajaa de apoco ire revisando)
-Salas de chat
-formularios de contacto
-tell-a-friend (recomienda esta web)
-affiliate program
-search engine tools
-mini tools
-horoscopo
-comics
….blog, classifieds, e-cards, faq service, free links, guestmap, guestbook, headline news, hit counter, horoscope, mailing list, message forum, online calendar, password protect, photo album, redirect, site search, this day in history, traffic exchange, vote caster, web cartoon, web poll(encuestas), web ring.
y muchas otras cosas para que agregues a tu blog….
Para tener esto, solo hay que pinchar en los iconos y listo, comenzaremos con la explicación del formulario:
