Foros del Web » Creando para Internet » Diseño web »

Como puedo poner este increible fondo.?

Estas en el tema de Como puedo poner este increible fondo.? en el foro de Diseño web en Foros del Web. Navengando me encontre esta pagina que la verdad solo me llamo la atencion por el fondo!! pero anque ya vi el codigo no se desde ...
  #1 (permalink)  
Antiguo 08/09/2008, 14:59
Avatar de Amaury_C  
Fecha de Ingreso: octubre-2007
Mensajes: 48
Antigüedad: 10 años, 2 meses
Puntos: 0
Como puedo poner este increible fondo.?

Navengando me encontre esta pagina que la verdad solo me llamo la atencion por el fondo!! pero anque ya vi el codigo no se desde donde se llama o como lo podria implementar en una pagina.

http://dessalles.com/
  #2 (permalink)  
Antiguo 08/09/2008, 16:03
Avatar de Omura
Colaborador
 
Fecha de Ingreso: julio-2006
Ubicación: Peru
Mensajes: 3.491
Antigüedad: 11 años, 5 meses
Puntos: 185
Respuesta: Como puedo poner este increible fondo.?

esta interesante el efecto del fondo, las imagenes las jala de google maps, encima de este fondo real le pone una imagen transparente que son los cuadrados que se ven, para tener una idea de como lo hizo yo empezaría revisando los archivos .js
__________________
Mi error era de código... pero de código genético.
  #3 (permalink)  
Antiguo 08/09/2008, 16:52
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.711
Antigüedad: 12 años, 7 meses
Puntos: 833
De acuerdo Respuesta: Como puedo poner este increible fondo.?

Yo más bien miraría las Hojas de Estilo (*.css). Creo que eso podría hacerse haciendo que el fondo sea de posición fija, y haciendo un repeat de los cuadrados (siendo estos imágenes).
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #4 (permalink)  
Antiguo 08/09/2008, 16:56
Avatar de olaechea  
Fecha de Ingreso: abril-2006
Ubicación: lima
Mensajes: 52
Antigüedad: 11 años, 7 meses
Puntos: 0
Respuesta: Como puedo poner este increible fondo.?

por lo visto es javascript, ahora en labores mas tarde lo checo bien

salUdos
__________________
Por que a la sombra la luz es mejor
  #5 (permalink)  
Antiguo 08/09/2008, 17:36
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Como puedo poner este increible fondo.?

Hombre, pues en el pie dice: imágenes: c2008 DigitalGlobe, Cnes/Spot Image, GeoEye - Términos de uso
Powered by GOOGLE.

Por cierto: está echa con Wordpress

<meta content="WordPress 2.5.1" name="generator"/>
__________________
Visita mi nueva web idplus.org

Última edición por Mikmoro; 08/09/2008 a las 17:43
  #6 (permalink)  
Antiguo 08/09/2008, 19:48
Avatar de ElJavista
Colaborador
 
Fecha de Ingreso: marzo-2007
Ubicación: Lima Perú
Mensajes: 2.231
Antigüedad: 10 años, 9 meses
Puntos: 67
Respuesta: Como puedo poner este increible fondo.?

Cita:
Iniciado por Amaury_C Ver Mensaje
Navengando me encontre esta pagina que la verdad solo me llamo la atencion por el fondo!! pero anque ya vi el codigo no se desde donde se llama o como lo podria implementar en una pagina.

http://dessalles.com/
Bueno, te enseñaré como tienes que hacerlo, si estás en I.E. Dale botón derecho, guardar como y bajate el fondo, si estás usando F.F. pues haz lo mismo pero de un modo algo distinto, el punto es que tienes que bajarte el fondo. Después lo subes a tu web, digamos que que lo coloques en la carpeta "imagenes". Bien, entonces solo tienes que modificar el codigo de la etiqueta body de tu pagina, así:

<body style="background-image: url(imagenes/page_gradient.png); background-color: #CCCCCC">

Honestamente no estoy seguro que #CCCCCC sea el color correcto, ve probando.
  #7 (permalink)  
Antiguo 09/09/2008, 14:00
Avatar de Omura
Colaborador
 
Fecha de Ingreso: julio-2006
Ubicación: Peru
Mensajes: 3.491
Antigüedad: 11 años, 5 meses
Puntos: 185
Respuesta: Como puedo poner este increible fondo.?

Cita:
Iniciado por ElJavista Ver Mensaje
Bueno, te enseñaré como tienes que hacerlo, si estás en I.E. Dale botón derecho, guardar como y bájate el fondo, si estás usando F.F. pues haz lo mismo pero de un modo algo distinto, el punto es que tienes que bajarte el fondo. Después lo subes a tu web, digamos que que lo coloques en la carpeta "imagenes". Bien, entonces solo tienes que modificar el codigo de la etiqueta body de tu pagina, así:

<body style="background-image: url(imagenes/page_gradient.png); background-color: #CCCCCC">

Honestamente no estoy seguro que #CCCCCC sea el color correcto, ve probando.

lo que Amaury_C desea es saber como hacer el efecto del fondo que se mueve y viendo el código pues es un poquito mas complicado que ponerle un background al body

la imagen page_gradient.png solo es una imagen transparente con dos filos en color negro de 100x100 que se repite por toda la pagina y va encima de la real imagen de fondo, un truco simple pero efectivo para hacer un poco mas difícil de copiar una imagen, esto lo hace usando CSS al igual que el color de fondo que se muestra al principio.

Tanto la imagen que se muestra luego, que es un mapa jalado directamente de Google Maps, y el efecto de movimiento lo hacen con javascript.

Lo que yo hago muchas veces en estos casos es copiar la pagina y quitarle todo para dejar solo el efecto que me interesa para ver como funciona, en este caso si usando IE o Firefox vas al menú archivo y le das a la opción Guardar como... solo obtendrás un archivo HTML, 0 imágenes, 0 archivos .js, 0 archivos .css, en resumen sigues sin saber como funciona realmente la web, para solucionar esto y dándole una rápida revisión al código básicamente necesitas mirar:

http://dessalles.com/wp-content/them...lles/style.css
http://dessalles.com/wp-content/them...s/js/global.js

ahora sin las imágenes/vídeos es probable que se descuadre la web, en este caso probablemente no importe mucho, pero por si las dudas para capturar las imágenes tienes 2 opciones:

si usas IE recurrir a los temporales y recuperarlas desde ahí.

si usas Firefox ve a menú Herramientas a la opción Información de la pagina, una vez ahí selecciona Medios.
__________________
Mi error era de código... pero de código genético.
  #8 (permalink)  
Antiguo 09/09/2008, 17:51
 
Fecha de Ingreso: junio-2008
Mensajes: 15
Antigüedad: 9 años, 5 meses
Puntos: 0
Respuesta: Como puedo poner este increible fondo.?

y si lo haces tipo banner,,, osea con animacion gif
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 02:25.