[SOLUCIONADO] insertar en un mapeado un imput de registro

santi2892009 · #1 (**permalink**) 13/12/2014, 14:09

buenas noches lo que intento hacer es un login de registro facil hasta hay.

el tema seria insertar el imput esto:
<input name="password" type="password" class="form-login" title="Password" value="" size="30" maxlength="2048" />

en una zona mapeada el cual la e mapeado porque es una imagen hecha:tal que asi:

http://prntscr.com/5gglml
--------------------------------------------------------------------------------------
mi pregunta es como hacer el tema:como insertar el imput en la zona mapeada??.

PHPeros · #2 (**permalink**) 13/12/2014, 14:47

Una vez tienes el input sería cuestión de posicionarlo y rotarlo con CSS3.

santi2892009 · #3 (**permalink**) 13/12/2014, 14:49

si la idea seria esa posicionarlo,pero como lo roto ??graciass por la ayuda

PHPeros · #4 (**permalink**) 13/12/2014, 15:00

Con transformaciones 2D:

http://www.w3schools.com/cssref/css3_pr_transform.asp

santi2892009 · #5 (**permalink**) 13/12/2014, 15:04

ya pude hacer algo ahora a ver si me lo curro y puedo poner el imput en esa posicion....hice algo asi:

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Documento sin título</title>
<style>
#form {
    height:1.5em;
    width:7em;
    -webkit-transform: rotate(-60deg); 
    -moz-transform: rotate(-50deg); 
    font-size:1.5em;
    padding-top:124px;
    margin-left:2300Px;
}
}
</style>
</head><body>
<div id="form">
       <input name="password" type="password" class="form-login" title="Password" value="" size="30" maxlength="2048"></div>
 
 
</body></html>