Foros del Web » Creando para Internet » CSS »

Esta imagen como se hace

Estas en el tema de Esta imagen como se hace en el foro de CSS en Foros del Web. Una pregunta, ¿alguno sabe como está hecha la imagen de la siguiente web? por ejemplo la del RSS o la de tweter, facebook ..., es ...
  #1 (permalink)  
Antiguo 15/02/2010, 04:12
Avatar de Plus  
Fecha de Ingreso: enero-2004
Mensajes: 82
Antigüedad: 13 años, 11 meses
Puntos: 0
Pregunta Esta imagen como se hace

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 !
__________________
Culto es aquel que sabe dónde encontrar lo que no sabe ...

http://filazero.org
  #2 (permalink)  
Antiguo 15/02/2010, 05:56
Avatar de Daniel Ulczyk
Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.175
Antigüedad: 12 años, 9 meses
Puntos: 2072
Respuesta: Esta imagen como se hace

Pues que la imagen no está hecha en el fondo, esta presentada con CSS; mirá el código:
Código HTML:
Ver original
  1. <li style="background: url("/images/icono_facebook.png") no-repeat scroll 0px 0px transparent;" class="iconos_sociales" id="icono_social_Facebook">
  2. <a href="#">
  3. <img width="34" height="34" border="0" src="/images/transp.gif" title="Civittas en Facebook"></a>
  4. </li>

__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #3 (permalink)  
Antiguo 15/02/2010, 06:36
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Hola Plus

Muevo tu tema al foro de CSS desde Web general.

Saludos,
  #4 (permalink)  
Antiguo 15/02/2010, 06:42
Avatar de Plus  
Fecha de Ingreso: enero-2004
Mensajes: 82
Antigüedad: 13 años, 11 meses
Puntos: 0
Respuesta: Esta imagen como se hace

Cita:
Iniciado por Daniel Ulczyk Ver Mensaje
Pues que la imagen no está hecha en el fondo, esta presentada con CSS; mirá el código:
Código HTML:
Ver original
  1. <li style="background: url("/images/icono_facebook.png") no-repeat scroll 0px 0px transparent;" class="iconos_sociales" id="icono_social_Facebook">
  2. <a href="#">
  3. <img width="34" height="34" border="0" src="/images/transp.gif" title="Civittas en Facebook"></a>
  4. </li>

¡ Muchas gracias ! ... osea que es una especie de capa en div??? ... me revisaré el código buscando los comandos en google ...
__________________
Culto es aquel que sabe dónde encontrar lo que no sabe ...

http://filazero.org
  #5 (permalink)  
Antiguo 15/02/2010, 08:49
Avatar de xcoltx  
Fecha de Ingreso: diciembre-2008
Mensajes: 65
Antigüedad: 9 años
Puntos: 0
Respuesta: Esta imagen como se hace

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:
Ver original
  1. <div style="height:35px; width:35px; background:url(http://www.civittas.com/images/icono_youtube.png);">
  2. </div>

aunque en esa pagina tienen algo mas puesto no se que sera xD
  #6 (permalink)  
Antiguo 15/02/2010, 11:28
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 11 años, 1 mes
Puntos: 122
Respuesta: Esta imagen como se hace

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.
__________________
twitter: @imbuzu
  #7 (permalink)  
Antiguo 16/02/2010, 02:18
Avatar de Plus  
Fecha de Ingreso: enero-2004
Mensajes: 82
Antigüedad: 13 años, 11 meses
Puntos: 0
De acuerdo Respuesta: Esta imagen como se hace

Cita:
Iniciado por buzu Ver Mensaje
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.
__________________
Culto es aquel que sabe dónde encontrar lo que no sabe ...

http://filazero.org
  #8 (permalink)  
Antiguo 16/02/2010, 09:47
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 11 años, 1 mes
Puntos: 122
Respuesta: Esta imagen como se hace

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.
__________________
twitter: @imbuzu

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:52.