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.html
Codigo:
Y nos quedara de la siguiente Manera:
2.-Ahora Vamos a darle estilos a nuestro index. html , creamos un archivo llamado Estilos.css
Codigo:
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.css
Codigo:
Y nos quedara algo asi:
Sigamos dandole estilos , y añadimos estas lineas de codigo en el Estilos.css
Codigo:
Nos quedara de la siguiente manera:
por ultimo añadimos esta linea de codigo al Estilos.css
Codigo:
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