Programación Web y Scripting > CSS / SASS / LESS

 Como poner icono dentro de los formularios login?

(1/1)

franz.:
Hola, que tal tengo la duda, pues lo que intento es poner las imagene dentro de los recuadros
img145.imageshack.us/img145/4668/login0dq2.png  <-- poner en su navegador para ver la imagen ya q no tengo permisos pa publicar imagenes ni enlaces.
me refiero al de icono de la llave y el otro al del usuario, alguien me puede explicar?
muchas Gracias.

F_Tanori:
A ver...

Te dejo un ejemplo


Saludos

Mollense:

--- Cita de: "franz." ---Hola, que tal tengo la duda, pues lo que intento es poner las imagene dentro de los recuadros
img145.imageshack.us/img145/4668/login0dq2.png  <-- poner en su navegador para ver la imagen ya q no tengo permisos pa publicar imagenes ni enlaces.
me refiero al de icono de la llave y el otro al del usuario, alguien me puede explicar?
muchas Gracias.
--- Fin de la cita ---
franz. Podrías hacer lo siguiente:

1) Create una clase CSS como esta:

--- Código: CSS ---.inputUsuario{    background-image: url('imgLogueoUsuario.png');    background-position: 1px center;    background-repeat: no-repeat;    padding:0 0 0 16px;} El padding es para que el texto no aparezca sobre la imágen, le puse 16px como si la imagen tuviese 14 px.

Después simplemente cuando declarás el Input, le decís que la clase css es la que acabaste de crear:


--- Código: Text ---<input type="text" class="inputUsuario" /> 
Un saludo

Mollense:

--- Cita de: "F_Tanori" ---A ver...

Te dejo un ejemplo


Saludos
--- Fin de la cita ---
Jaja, ¡pero que códigos tan parecidos!.  :beer:

franz.:
Muchas Gracias a  todos vosotros por los ejemplos, ya le he entendido y le estoy aplicando mas estilos, muchas gracias de nuevo  :lol:

Navegación

[0] Índice de Mensajes