sábado, 30 de marzo de 2013

formulario Css de registro para PWG!

@fernando publico: "formulario Css de registro para PWG!"
UN FORMULARIO ATRACTIVO PARA SU SITIO WEB ! ESPERO Y LES AGRADE!

<head>
<meta charset="utf-8">
<title>HTML5 Contact Form</title>
<link rel="stylesheet" media="screen" href="
http://xd90210.webcindario.com/form/styles.css" >
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk
/html5.js"></script>
<![endif]-->
</head>
<body>
<form class="contact_form" action="#" method="post">
<ul>
<li>
<h2>
Contáctanos</h2>
</li>
<li>
<label for="name">Nombre:</label>
<input type="text"  placeholder="Johan Ricardo" required />
</li>
<li>
<label for="email">Email:</label>
<input type="email" name="email" placeholder="jricardo@ejemplo.com" required />
</li>
<li>
<label for="website">Sitio Web:</label>
<input type="url" name="web" placeholder="http://tutosytips.com" required />
</li>
<li>
<label for="Mensaje">Mensaje:</label>
<textarea name="Mensaje" cols="40" rows="6" required ></textarea>
</li>
<li>
<button class="submit" type="submit">Enviar</button>
</li>
</ul>
</form>

ASÍ QUEDARA EL FORMULARIO


HTML5 Contact Form

<!--[if IE]>

<![endif]
-->



  • Deja tu Opinion!















CSS JQUERY | LOGIN BOX

@fernando publico: "CSS JQUERY | LOGIN BOX"
NO DISPONIBLE POR RECLAMACIÓN DE COPYRIGHT 

lunes, 18 de marzo de 2013

Jquery lightbox

@fernando publico: "Jquery lightbox"



Jquery Linght Box


La light box es una herramienta muy elegante, la cual trabaja con la librería JQUERY,
este plugin o efecto es muy practico cuando el sitio tiene información como una galería,
la mayoría de sitios web en la actualidad utilizan JQUERY Y JAVASCRIPT 
los cuales ayudan en el estilo y lo asen mas elegante.

PARA PODER EFECTUAR LA LIGHTBOX SE REQUIERE LO SIGUIENTE:
<script src="http://xd90210.webcindario.com/lightbox/js/jquery-1.7.2.min.js"></script> 
<script src="http://xd90210.webcindario.com/lightbox/js/lightbox.js"></script>
CSS:
<link href="http://xd90210.webcindario.com/lightbox/css/lightbox.css" rel="stylesheet" />
Por ultimo debes de poner la etiqueta en el enlace para mostrar la galería jquery:


<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>


la etiqueta REL es la encargada de utilizar o mandar a llamar la galería jquery, si todo lo realizaste correctamente se vera asi:
image #1



banners