Esta imagen como se hace

[Plus]

Una pregunta, ¿alguno sabe como está hecha la imagen de la siguiente web? por ejemplo la del RSS o la de tweter, facebook ..., es que me parece que está integrada con el fondo, y me gustaría hacer algo similar en mi web para que no me puedan quitar algunos logos.

http://www.civittas.es

¡ Muchas Gracias !

[Daniel Ulczyk]

Pues que la imagen no está hecha en el fondo, esta presentada con CSS; mirá el código:

Código HTML:

<li style="background: url("/images/icono_facebook.png") no-repeat scroll 0px 0px transparent;" class="iconos_sociales" id="icono_social_Facebook">
<a href="#">
<img width="34" height="34" border="0" src="/images/transp.gif" title="Civittas en Facebook"></a>
</li>
 

[JavierB]

Hola Plus

Muevo tu tema al foro de CSS desde Web general.

Saludos,

[Plus]

Iniciado por Daniel Ulczyk

Pues que la imagen no está hecha en el fondo, esta presentada con CSS; mirá el código:

Código HTML:

<li style="background: url("/images/icono_facebook.png") no-repeat scroll 0px 0px transparent;" class="iconos_sociales" id="icono_social_Facebook">
<a href="#">
<img width="34" height="34" border="0" src="/images/transp.gif" title="Civittas en Facebook"></a>
</li>
 

¡ Muchas gracias ! ... osea que es una especie de capa en div??? ... me revisaré el código buscando los comandos en google ...

[xcoltx]

si.. esas no son imagenes en bruto.. son divs con el tamaño width y height de una foto pero con la propiedad background o background-image :D

mira

Código HTML:

<div style="height:35px; width:35px; background:url(http://www.civittas.com/images/icono_youtube.png);">
</div>
 

aunque en esa pagina tienen algo mas puesto no se que sera xD

[buzu]

En realidad tiene una imagen transparente encima (tal como en el ejemplo de Daniel) de modo que si puedes ver la imagen, pero no es la imagen real sino un gif transparente. Ahora, eso no te garantiza que tus imágenes sean imposibles de 'robar', pero por lo menos va a desanimar a uno que otro que intente quitártelas, pero en realidad saltarse ese 'sistema de seguridad anti-robo' es muy sencillo.

[Plus]

Iniciado por buzu

En realidad tiene una imagen transparente encima ...

¡ Muchas gracias ! ahora ya me queda un poco más claro para que hacía eso, entiendo porqué con el botón dcho no puedo copiar la imagen, pero como bien dices con el código fuente si que se puede hacer. Pero claro ya desanima a algunos a hacerlo.

[buzu]

exacto, puedes incluso, si es que realmente quisieras robar todas las imágenes, automatizar el robo... En realidad no hay nada que te detenga para hacerlo. Sin embargo, no hace mal usar ese método, al contrario. Siempre y cuando se esté consiente de que métodos como ese no son garantía de que nadie robará nuestras imágenes, se pueden usar y tal vez combinar con otros métodos solo para ir logrando que sean menos los que en determinado momento se roben nuestras imágenes.