roni90

Hola Amigos:En esta ocacion , les enseñare a validar un formulario html , con jquery y css(Hojas de Estilos en Cascada ), para mandarlo a una pagina PHP, No hago mas largo este Tutorial , es por eso que puse los videos , espero les gusteParte 1link: http://www.youtube.com/watch?v=GQfaB3HqXAA&feature=feeduParte 2link: http://www.youtube.com/watch?v=UPXR1OWmoEc&feature=relatedParte 3link: http://www.youtube.com/watch?v=xaJJp_OeZxM&feature=relatedParte 4link: http://www.youtube.com/watch?v=s0Hw96PsOxE&feature=related

Hola amigos de Taringa :Lo que haremos sera lo siguiente---> http://tutorialesderoni.260mb.com/HTML Comenzamos:1.-Vamos a crear nuestro documento HTML , y lo Nombraremos index.htmlCodigo:Y nos quedara de la siguiente Manera:2.-Ahora Vamos a darle estilos a nuestro index. html , creamos un archivo llamado Estilos.cssCodigo:Y para que el index. html entienda las hojas de estilo , vamos agregar esta linea entre el head:Codigo:Y nos va a ir quedando algo como esto:Hasta ahora va todo perfecto , sigamos dandole estilo a nuestro index. html , es por eso que agregamos estas lineas de codigo al archivo Estilos.cssCodigo:Y nos quedara algo asi:Sigamos dandole estilos , y añadimos estas lineas de codigo en el Estilos.cssCodigo:Nos quedara de la siguiente manera:por ultimo añadimos esta linea de codigo al Estilos.cssCodigo:Por el Momento es todo de las Hojas de Estilo(Un poco largo verdad?? Pero quien dijo que la belleza era facil jajaja), sigamos.3.-Bueno en la carpeta donde tenemos el index. html y Estilo. css , creamos una carpeta que se llame js(Ahi guardaremos el jquery ).Bueno nos descargamos el jquery en el siguiente enlace --> http://code.jquery.com/jquery-1.6.2.js Para los que no sepan , copian todo el documento y lo guardan en un bloc de notas , lo guardan como jquery1.5.js , y ese documento lo guardan dentro de la carpeta js.4.- abrimos un archivo nuevo y lo nombramos accion.js y copiamos el siguiente codigo:Codigo:Este archivo igual lo guardemos en la carpeta js.Y en el documento index. html agregamos estas lineas de codigo:Codigo:Y si hemos hecho las cosas bien tendremos nuestro efecto de lightbox con formulario.Eso quiere decir que al apretar el boton verde. Nos aparecera el Formulario:Pueden ver mi video en el siguiente enlace:Bueno amigos eso ha sido todo por este post , espero que les guste , y nos veamos mas adelante en otro tutorial Los saluda su amigo RONI.Adios