pobodyisnerfect Posted November 14, 2011 Report Share Posted November 14, 2011 (edited) Primera vez que recurro a esta parte del foro =O weno vamos al grano, estoy haciendo una web, es resimple asi que no quizimos pagar jaja... pero tengo un problemilla, es una tontera quizas pero quiero lograrlo, busque y busque y no encontre lo que queria en la web. Tengo de fondo una imagen y quiero que se acomode a la resolucion de pantalla, osea que se ajuste al porte de la pantalla ya sea si entro en 800*600 o si entro en 1280*1024, pero siempre manteniendo la sproporciones de ancho y alto. Lo que logre es que se acomode, pero no mantiene la relacion de aspecto, asi que si se deforma, aunque se nota repoco en ciertas resoluciones pero se nota xD y si restauro la ventana del navegador y la achico, tambien se me achica y acomoda al tamaño de la ventan y se deformaapo, y no quiero eso, quiero que el fondo quede del mismo porte y salgan las barras pa scrolear la pagina po. La estoy haciendo en dreamweaver 8, y eso xD Ejemplos: 1.- Como me queda a mi, se acomoda a cualqueir esolucion de pantalla, pero se deforma y se nota al cambiar el tamaño de la ventana y en resoluciones para pantallas wide por ejemplo. Ventana maximizada (todo bn en 4:3) Reveal hidden contents Ventana "achicada" (aqui queda la caga xD)(ahi esta el mismo fondo de primus en mi pagina pa que se como se deforma) Reveal hidden contents 2.- Y aqui otro ejemplo de lo que no quiero y que un amigo me dijo que hiciera xD el fondo se achica junto con la ventana manteniendo su relacion sin deformarse, pero no quiero eso. Reveal hidden contents 3.- Como quiero que quede, El fondo queda fijo, no cambia su forma ni tamaño y aparecen las barras para scrollear la pagina. (Fue la unica wea de pagina que pille con un fondo que no sea de un solo color y se notara lo que quiero xD) Ventana Maximizada: Reveal hidden contents Ventana "Achicada": Reveal hidden contents Se entendio?? si quieren puedo poner el codigo o unos pantallazos de ejemplos de lo que quiero... eso gracias... saludos, ojala me puedan ayudar. chauz Edited November 14, 2011 by pobodyisnerfect Link to comment Share on other sites More sharing options...
rkstro Posted November 14, 2011 Report Share Posted November 14, 2011 Te podria servir un plugin para jquery que se llama supersized, mira por ejemplo esta pagina de error 404 http://www.mathieuproducciones.cl/404-chilecomparte Link to comment Share on other sites More sharing options...
pobodyisnerfect Posted November 14, 2011 Author Report Share Posted November 14, 2011 Mmmmm, pero el fondo no mantiene su tamaño y su relacion alto ancho cuando achicas la pantalla, de echo asi esta mi fondo, no quiero que pase eso... mmm no cacho. A menos que sea por el navegador, estoy en firefox 8. Link to comment Share on other sites More sharing options...
nazhox Posted November 14, 2011 Report Share Posted November 14, 2011 no te capto mucho la idea, podrías poner algún ejemplo Link to comment Share on other sites More sharing options...
AshWilliams Posted November 14, 2011 Report Share Posted November 14, 2011 Con un script que te detecte la resolución y que cargue la imagen background con la resolución deseada....aunque para eso deberías teneren una carpeta (fondos por ej) la misma imagen en las distintas resoluciones que existan. Saludos :mgay: Link to comment Share on other sites More sharing options...
cañangasñangas Posted November 14, 2011 Report Share Posted November 14, 2011 si puedes hazlo mediante js <body onload="e=document.getElementById('id_elemento'); body=document.getElementsByTagName('body')[0]; e.style.width=body.scrollWidth+'px'; e.style.height=body.scrollHeight+'px';" style="margin 0px 0px 0px 0px; padding:0px 0px 0px 0px;"><div id="id_elemento"></div>y lo unico que falta es el elemento que vaa llenar tu body Link to comment Share on other sites More sharing options...
pobodyisnerfect Posted November 14, 2011 Author Report Share Posted November 14, 2011 On 11/14/2011 at 1:40 AM, nazhox said: no te capto mucho la idea, podrías poner algún ejemplo Mañna subo una scap pa que se cache bn la idea... On 11/14/2011 at 2:22 AM, rob_loser said: Con un script que te detecte la resolución y que cargue la imagen background con la resolución deseada....aunque para eso deberías teneren una carpeta (fondos por ej) la misma imagen en las distintas resoluciones que existan. Saludos :mgay: jajaja que paja xD On 11/14/2011 at 2:52 AM, cañangasñangas said: si puedes hazlo mediante js <body onload="e=document.getElementById('id_elemento'); body=document.getElementsByTagName('body')[0]; e.style.width=body.scrollWidth+'px'; e.style.height=body.scrollHeight+'px';" style="margin 0px 0px 0px 0px; padding:0px 0px 0px 0px;"><div id="id_elemento"></div>y lo unico que falta es el elemento que vaa llenar tu body vamo a cachar que onda Link to comment Share on other sites More sharing options...
cañangasñangas Posted November 14, 2011 Report Share Posted November 14, 2011 (edited) On 11/14/2011 at 4:07 AM, pobodyisnerfect said: On 11/14/2011 at 1:40 AM, nazhox said: no te capto mucho la idea, podrías poner algún ejemplo Mañna subo una scap pa que se cache bn la idea... On 11/14/2011 at 2:22 AM, rob_loser said: Con un script que te detecte la resolución y que cargue la imagen background con la resolución deseada....aunque para eso deberías teneren una carpeta (fondos por ej) la misma imagen en las distintas resoluciones que existan. Saludos :mgay: jajaja que paja xD On 11/14/2011 at 2:52 AM, cañangasñangas said: si puedes hazlo mediante js <body onload="e=document.getElementById('id_elemento'); body=document.getElementsByTagName('body')[0]; e.style.width=body.scrollWidth+'px'; e.style.height=body.scrollHeight+'px';" style="margin 0px 0px 0px 0px; padding:0px 0px 0px 0px;"><div id="id_elemento"></div>y lo unico que falta es el elemento que vaa llenar tu body vamo a cachar que onda se me olvido decirte que mi propuesta era para el alto y ancho del elemento html, te dejo uno para el ancho y alto de la pantalla <body onload="e=document.getElementById('id_elemento');e.style.height=window.screenY+'px';e.style.width=window.screenX+'px';e.style.width=window.screenLeft"+'px';e.style.height=window.screenTop"+'px';" style="margin 0px 0px 0px 0px; padding:0px 0px 0px 0px;"><div id="id_elemento"></div> Edited November 14, 2011 by cañangasñangas Link to comment Share on other sites More sharing options...
rkstro Posted November 15, 2011 Report Share Posted November 15, 2011 On 11/14/2011 at 12:32 AM, pobodyisnerfect said: Mmmmm, pero el fondo no mantiene su tamaño y su relacion alto ancho cuando achicas la pantalla, de echo asi esta mi fondo, no quiero que pase eso... mmm no cacho. A menos que sea por el navegador, estoy en firefox 8. En ese script lo que hace es redimensionar la imagen de acuerdo al tamaño de la pantalla, pero siempre mantiene su relacion de aspecto, la imagen no la deforma, solo la adecua para ocupar toda la pantalla pero manteniendo el aspect ratio Link to comment Share on other sites More sharing options...
cañangasñangas Posted November 15, 2011 Report Share Posted November 15, 2011 (edited) discupla errores y errores he dicho, con css3 puedes lograr lo que pides <body onload="y=screen.height+'px'; x=screen.width+'px'; this.style.backgroundSize=y+','+x" style="background-image:url(tu_imagen);" > Edited November 15, 2011 by cañangasñangas Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now