ver imágenes fondo web en local

rakeljuice · #1 (**permalink**) 22/09/2011, 11:45

Hola! Hay algo que me tiene loca desde hace mucho tiempo y son las imágenes de fondo de las webs que hacen texturas (una pared, cuero, papel pintado, etc) y al ponerlas en mosaico no parecen tener fin. Nunca lo he utilizado porque no se como crearlas, y ahora que me he puesto a ello, intento guardar en local algunas de las imágenes de fondo que veo y me gustan, para ver cómo están hechas, pero no veo la manera. Viendo el código fuente de la pagina no se donde mirar. Pongo buscar la palabra background, por ejemplo, pero nada, pues me salen urls que llevan a unas imágenes que nada tienen que ver con el fondo de la web. ¿Alguna idea?

Ojo, que no quiero copiar ni usar el trabajo de otro, solo aprender.

KoswiDigital · #2 (**permalink**) 23/09/2011, 08:29

Hola.

Con toda seguridad esos fondos están en la hoja de estilos. Busca y accede al CSS de la página web y ahí verás las urls de las imágenes ;)

Un saludo.

DrFaust · #3 (**permalink**) 23/09/2011, 08:49

En Google Chrome, apretá F12 para abrir las herramientas para desarrolladores. En este caso, la solapa que te interesa se llama Resources.

Con el tiempo esa ventana va a convertirse en tu mejor amiga.

KoswiDigital · #4 (**permalink**) 23/09/2011, 10:01

Ya puestos, si utilizas firefox, hay 2 complementos geniales, Firebug y Web Developer.

En todo caso, si en la página web haces click derecho, ver código fuente, podrás localizar con facilidad la hoja de estilos.

Un saludo.

rakeljuice · #5 (**permalink**) 26/09/2011, 10:12

Lo siento, pero no lo veo.... ni en el codigo fuente ni con el web developer de firefox...

En esta web, por ejemplo, que ya se que son solo puntitos, pero he estado probando y no lo encuentro, cómo lo veis? http://www.amaliahornero.com/

Gracias

KoswiDigital · #6 (**permalink**) 26/09/2011, 10:27

http://www.amaliahornero.com/Resources/fondo.jpg

Ese puntito, con repeat se convierte en ese fondo que ves. Si haces click derecho y ves el código fuente, encontrarás esta línea de estilo css:

Código css:

Ver originalbody { margin:0px; background-color:#fff; background-image:url(Resources/fondo.jpg); height:100% }

Prácticamente es lo mismo en todas las webs, sólo que a veces, ese código css está en un archivo css, el que encontrarás entre las etiquetas <head></head>.

Un saludo.

SantiagoFlash · #7 (**permalink**) 26/09/2011, 10:57

tmb lo podes hacer con photoshop crea una imagen parecida con un Punto o con stilo madera ya qe vienen varias texturas y le das repeat ... si es algo que quieres usar aparte de CSS ;)

si queres te paso algunos Tutoriales si es qe tas interesada ;)

rakeljuice · #8 (**permalink**) 27/09/2011, 05:38

Hola, gracias por las respuestas.

Y en esta? http://www.pabloglanz.com.ar A ver, sorprendedme!, pues yo solo encuentro esto: http://www.pabloglanz.com.ar/wp-cont...ult/pollbg.gif y ese gif no puede ser esa imagen de fondo tan elaborada.....

Carlangueitor · #9 (**permalink**) 27/09/2011, 09:00

Son varias:

No sé por que no las ves, con el Firebug o Web developer no deberías tener problemas.

Saludos

KoswiDigital · #10 (**permalink**) 27/09/2011, 09:37

Si echas un vistazo al código fuente, verás esta línea:

Código HTML:

Ver original<style type="text/css" media="screen">
<!-- @import url( http://www.pabloglanz.com.ar/wp-content/themes/soulvision/style.css ); -->
</style>

Como bien dice Carlangueitor, utilizando esos complementos encontrarás estas cosas más fácilmente. En todo caso, echando un vistazo al código fuente también puedes encontrarlo, aunque tienes que localizar primero la hoja de estilos adecuada (puede haber más de una).

Un saludo.

rakeljuice · #11 (**permalink**) 16/11/2011, 14:24

Muchas gracias por las respuestas. La verdad es que siempre busco la palabra background, no se muy bien mirar en las hojas de estilo.