Sunteți pe pagina 1din 4

<!

doctype>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="estilos.css">
<title>Efecto Windows 8</title>
</head>
<body>
<section class="contenedor">
<div class="rotar">
<span><article id="rotar-1">
Ventana similar a la de windows 8
</article>
</span>
<span><article id="rotar-2">
Ventana similar a la de windows 8
</article>
</span>
<span><article id="rotar-3">
Ventana similar a la de windows 8
</article>
</span>
<span><article id="rotar-4">
Ventana similar a la de windows 8
</article>
</span>
<span><article id="rotar-5">
Ventana similar a la de windows 8
</article>
</span>
</div>
</section>
</body>
</html>
.contenedor
{
padding: 15px;
margin: 20px auto;
max-width: 980px;
}
.rotar article {
display: inline-block;
padding: 15px;
text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.6);
box-shadow: 0px 0px 10px black;
color: #333;
cursor: pointer;
}
.contenedor .rotar article {
margin: 10px;
height: 100px;
width: 120px;

background: #2E9AFE;
-webkit-transform: perspective(300px);
-moz-transform: perspective(300px);
-webkit-transform-origin: 100% 50%;
-moz-transform-origin: 100% 50%;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transform: perspective(600px);
-moz-transform: perspective(600px);
}
.contenedor .rotar span:hover #rotar-1 {
-webkit-transform: perspective(300px) rotateY(-180deg)
translateX(100%);
-moz-transform: perspective(300px) rotateY(-180deg)
translateX(100%);
}
.contenedor .rotar span:hover #rotar-2 {
-webkit-transform: perspective(300px) rotateY(-180deg)
translateX(100%);
-moz-transform: perspective(300px) rotateY(-180deg)
translateX(100%);
}
.contenedor .rotar span:hover #rotar-3 {
-webkit-transform: perspective(300px) rotateY(-180deg)
translateX(100%);
-moz-transform: perspective(300px) rotateY(-180deg)
translateX(100%);
}
.contenedor .rotar span:hover #rotar-4 {
-webkit-transform: perspective(300px) rotateY(-180deg)
translateX(100%);
-moz-transform: perspective(300px) rotateY(-180deg)
translateX(100%);
}
.contenedor .rotar span:hover #rotar-5 {
-webkit-transform: perspective(300px) rotateY(-180deg)
translateX(100%);
-moz-transform: perspective(300px) rotateY(-180deg)
translateX(100%);
}
.contenedor .rotar span:nth-child(2n) article
{
background: rgb(240,34,150);
}
.contenedor .rotar span:nth-child(3n) article
{
background: rgb(180,70,30);
}
.contenedor .rotar span:nth-child(4n) article
{
background: rgb(150,120,80);
}
.contenedor .rotar span:nth-child(5n) article
{

background: rgb(200,170,190);
}
.contenedor .rotar span:nth-child(6n) article
{
background: rgb(180,170,220);
}
El isset, nos ayuda mucho en formularios, como por ejemplo, saber si se pulso el boton}
Por ejemplo en la linea que escribiste:

if (isset($_POST['enviarregistro'])) {
echo "codigo que kieras que se haga cuando se pulse el boton -enviar registro-";
}else {
echo "Codigo cuando no se ha pulsado el boton -enviar registro-";
}

Ejemplo #1 Un formulario HTML sencillo


<form action="accion.php" method="post">
<p>Su nombre: <input type="text" name="nombre" /></p>
<p>Su edad: <input type="text" name="edad" /></p>
<p><input type="submit" /></p>
</form>

No hay nada especial en este formulario. Es solamente un formulario HTML sin


ninguna clase de etiqueta especial. Cuando el usuario rellena este formulario y
oprime el botn de envo, se llama a la pgina accion.php. En este fichero se
podra escribir algo as:
Ejemplo #2 Mostrar informacin de nuestro formulario
Hola <?php echo htmlspecialchars($_POST['nombre']); ?>.
Usted tiene <?php echo (int)$_POST['edad']; ?> aos.

Un ejemplo del resultado de este script podra ser:


Hola Jos. Usted tiene 22 aos.

La funcin isset() de PHP Para que sirve?


December 10, 2010sebastianfaundezLeave a commentGo to comments

Son muchas las funciones que PHP ofrece para el desarrollo de aplicaciones web
profesionales, una de ellas es funcin isset() la cual recibe un parmetro de entrada -una

variable PHP- y evala si esta tiene contenido o si su contenido es diferente a NULL. Un


ejemplo de su uso es el siguiente:
if(isset($_POST[id_usuario]) {
echo La variable $id_usuario tiene un valor distinto de NULL';
}

S-ar putea să vă placă și