Soy un TOTAL NOVATO en programacion, y aun mas novato si me hablais de paginas web.
Pero me he metido a cambiar el aspecto de un blog (de blogger) y estoy teniendo problemas con la imagen de fondo.
La plantilla esta en codigo XML
El caso es que la imagen de fondo va estatica, y el texto del blog se va desplazando sobre esta imagen.
Pero claro, yo he diseñado la imagen con mi Pc, que lo tengo a 1280x1024 . Y la gente que esta viendo el blog a menor resolucion, la imagen de fondo le sale cortada y pierde toda su gracia.
El codigo que controla la imagen de fondo es este.
/* ---( page defaults )--- */
body { margin: 0px; padding: 0px; text-align: left; font:$bodyfont; color:$textcolor; background: #2c1001 url('http://img206.imageshack.us/img206/2150/fondonegrokh1.jpg') no-repeat fixed top left; }
blockquote { margin: 0 0 0 30px; padding: 10px 0 0 20px; line-height: 1.5em; }
blockquote p { margin-top: 0; }
abbr, acronym { cursor: help; font-style: normal; }
code { color: #f63; }
hr { display: none; }
img { border: none; }
¿Se puede hacer que la imagen de fondo se "adapte" a la resolucion de pantalla, o eso requiere otro tipo de codigo mas complejo?
Algun tipo de opcion de "fit" (encajar).
O que dependiendo de la resolucion de pantalla, automaticamente la pagina cargase diferente archivo jpg (Osea, alojar 3 ó 4 archivos jpg de fondo, y que la pagina cargue el necesario en funcion de quien la visite)
No quiero hacer publicidad ni mucho menos, es solo una consulta tecnica, pero si os sirve de apoyo la pagina es
http://www.engaliao.com