SoloCodigo

Programación Web y Scripting => HTML => CSS / SASS / LESS => Mensaje iniciado por: franz. en Viernes 11 de Julio de 2008, 03:17

Título: Como poner icono dentro de los formularios login?
Publicado por: franz. en Viernes 11 de Julio de 2008, 03:17
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.
Título: Re: Como poner icono dentro de los formularios login?
Publicado por: F_Tanori en Viernes 11 de Julio de 2008, 21:28
A ver...

Te dejo un ejemplo


Saludos
Título: Re: Como poner icono dentro de los formularios login?
Publicado por: Mollense en Viernes 11 de Julio de 2008, 21:36
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.
franz. Podrías hacer lo siguiente:

1) Create una clase CSS como esta:
Código: CSS
  1. .inputUsuario
  2. {
  3.     background-image: url('imgLogueoUsuario.png');
  4.     background-position: 1px center;
  5.     background-repeat: no-repeat;
  6.     padding:0 0 0 16px;
  7. }
  8.  
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
  1. <input type="text" class="inputUsuario" />
  2.  

Un saludo
Título: Re: Como poner icono dentro de los formularios login?
Publicado por: Mollense en Viernes 11 de Julio de 2008, 21:39
Cita de: "F_Tanori"
A ver...

Te dejo un ejemplo


Saludos
Jaja, ¡pero que códigos tan parecidos!.  :beer:
Título: Re: Como poner icono dentro de los formularios login?
Publicado por: franz. en Sábado 12 de Julio de 2008, 01:15
Muchas Gracias a  todos vosotros por los ejemplos, ya le he entendido y le estoy aplicando mas estilos, muchas gracias de nuevo  :lol: