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/
08/09/2008, 13:59
| ||||
| ||||
| 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/ |
|
08/09/2008, 15:03
| ||||
| ||||
| 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. |
|
08/09/2008, 15:52
| ||||
| ||||
 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. |
|
08/09/2008, 15:56
| ||||
| ||||
| 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 |
|
08/09/2008, 16:36
| ||||
| ||||
| 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 16:43 |
|
08/09/2008, 18:48
| ||||
| ||||
| Respuesta: Como puedo poner este increible fondo.? Cita: 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í:
Iniciado por Amaury_C  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/ <body style="background-image: url(imagenes/page_gradient.png); background-color: #CCCCCC"> Honestamente no estoy seguro que #CCCCCC sea el color correcto, ve probando. |
|
09/09/2008, 13:00
| ||||
| ||||
| Respuesta: Como puedo poner este increible fondo.? Cita:
Iniciado por ElJavista 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. |
