imagen transparente sobre foto

hola a todos...
pueden darme una idea de como puedo hacer para poner una imagen transparente sobre una o varias fotos... lo vi en una pagina en este momento no recuerdo la direccion. Estuve probando a ver is me salia pero nada de nada.
la idea es que al tratar de guardar la imagen guarden la imagen que esta sobre la foto. Espero me hallan entendido la idea.
Saludos.

Lo estas viendo justo en ésta web, Cristalab (en la cabecera).

¿Cómo? Tendrias que posicionar con un relative y unos absolutes. Suponiendo que la imagen fondo.jpg es un fondo, y la imagen mascara.gif es la imagen transparente.

XHTML

Código :

<div id="container">
  <img src="fondo.jpg" alt="Imágen que tiene como función un fondo" />
  <img src="mascara.gif" class="mask" alt="Imágen que tiene como función, una máscara" />
</div>

CSS

Código :

#container { position: relative; }
.mask { position: absolute; top: 0; left: 0; }

NOTA: Éste es un código de ejemplo, si deseas entender más sobre éste tema. Deberás aprender sobre el posicionamiento en CSS, y posicionamiento absoluto/relativo con CSS.

cesar (o como se escriba)
en general, todo lo que se hizo una vez se puede hacer de nuevo, y puede ser deshecho.
intentar proteger una imagen finalmente resultará inutil y te la "robarán". hay mil formas de hacerlo, comenzando por las más rudimentarias como imprimir pantalla o terminando usando firefox y quitando los estilos de un sitio.

mi recomendación personal es que lo dejes por la paz.
un saludo.

muchas gracias Neo...
osea tengo que hacer una transparencia del mismo tamaño que la de mi imagen o imagenes... ?

fael
=)
si tengo muy en claro que por mas que quiera proteger una imagen igual alguien de alguna forma las "robara" pero solo quiero darme el gustito y quitarme esa pequeña duda

Puedes quitarte la duda, pero igual no te sirve de nada, y generas código por gusto, malgastas el ancho de banda, ... y sobretodo, es absurdo .


Si y no. Si es "solo" un gif transparente de 1px por 1px, puedes ponerle el mismo tamaño en la etiqueta img, width y height.

Saludos.

A propósito del tema, he visto que ciertos servidores no dejan que la imagen "salga" digamos lo así del servidor, es decir que si la muestras en otra web sale una imagen alternativa (normalmente un anuncio de la web) lo habéis visto? cómo se debe hacer eso?

the_NEO_JP escribió:

todo un maestro !


muchas gracias a todos de verdad muchisimas gracias...

Sisco, a eso se le llama Hotlink, y eso suelen ofrecerlo los servidores. Preguntale al soporte tecnico de tu servidor si lo ofrecen para que puedas probarlo y activarlo.

Y siempre puedes preguntarle a Google. Ahora que ya sabes como se llama, imagino que podrás ubicarlo muy fácilmente.

Suerte

Si en tu hosting manejas CPanel, puedes activarlo por tu cuenta, incluso en las ultimas versiones ya puedes incluir código para establecer lo que desees que muestre cuando se detecta un HotLink.

Saludos

como le ago para hacer q una imagen se aga transparente y abajo de esale pongo otra imagen mi msnes [email protected] para k me digan