[SOLUCIONADO] Insertar un formulario a una imagen

[obautista52]

Buenas,

La verdad soy algo nuevo en esto y necesito si me pueden colaborar con lo siguiente, tengo una imagen a la cual tengo que insertarle un formulario, cree el formulario en html pero no se como hago para que me quede en el lugar de la imagen el formulario que me paso la diseñadora.

Muchas gracias por la atención prestada y estaré atento a sus respuestas.

[lauser]

Inserta el código que tienes para que te puedan ayudar.

[fede5426]

Aplica la imagen como fondo del formulario, con background-image..

Código CSS:

form{
  background-image:url("ruta/de/tu/imagen.jpg");
}
 

http://codepen.io/anon/pen/pJgMeg

[GemliosG]

Buenas disculpen por meterme en el post, pero acabo de ver el codepen y si quisiera quitarle el color blanco a los formularios y ponerlos semitransparente

[fede5426]

Iniciado por GemliosG

Buenas disculpen por meterme en el post, pero acabo de ver el codepen y si quisiera quitarle el color blanco a los formularios y ponerlos semitransparente

A los input? Con background-color usando RGBA:

Código CSS:

input, textarea{
    background-color: rgba (255,255,255,.5);
}
 

Donde el primer valor es la cantidad de Rojo, el segundo, Verde, el tercero Azul y el último la opacidad, que va desde 0 hasta 1, en el ejemplo use .5 que seria la mitad (0.5 es lo mismo).

Se podría hacer también con opacity, pero también te bajaría la opacidad de lo que escribas adentro.

[AngelKrak]

GemliosG con este codigo lo haces semitransparente ;)

Código CSS:

input,
textarea {
  font-size: 1em;
  width: 20em;
  font-family: arial;
  border: none;
  padding: 2px;
  background: rgba(255, 255, 255, 0.3);
}
 

Codepen:
http://codepen.io/AngelKrak/pen/jPqOMe

[obautista52]

Gracias a todos, la verdad era un poco mas complejo pero ya logre quien me ayudara.

Saludos

[GemliosG]

Muchas gracias, y disculpen las molestias