Jump to content

Modificar el fondo-marco de la web


Recommended Posts

Hola a todos, estoy modificando mi página web y quiero modificar el fondo, pero no todo el fondo, sino hacer como un borde o marco que englobe toda la web. He hecho un esbozo de como me gustaría que quedara la web:

http://img820.imageshack.us/img820/6764/ejemplo1o.jpg

Lo he intentado hacer por el global.css y lo máximo que he podido conseguir ha sido esto:
http://img823.imageshack.us/img823/2465/ejemplo2.jpg
http://img828.imageshack.us/img828/4843/ejemplo3.jpg
i esto no lo quiero porque no queda nada bien.

Aquí dejo un par de ejemplos de webs que he visto que tienen lo que yo quiero hacer:
http://www.garbitek.com
http://www.en1click.com/tienda/

A ver si alguien me puede ayudar, se lo agradecería muchísimo.

Gracias de antemano.
Saludos.

Link to comment
Share on other sites

  • 1 year later...

Partimo de la base que no quieres cambiar el tema ,quitando opciones, entonces tendras que crearte un div contenedor para tu tienda y crearte las imágenes que serán el fondo ,luego con CSS le asignas la imagen al div.

Suerte!!

 

Buenas noches,

si lo que se quiere es tener un fondo distinto en función de la resolución del navegante?

He buscado pero parece ser que no es posible... o no doy con la palabra mágica en Google.

 

Salu2

Link to comment
Share on other sites

¿Donde encontráis el lenguaje HTML? Yo lo intento cambiar desde la unidad c de mi ordenador que es donde tengo alojada la tienda. Lo hago con el Dreamweaber, pero no se producen cambios en mi página.

 

Estoy un poco desesperada. ¿Alguien puede ayudarme?

 

Mil gracias.

Link to comment
Share on other sites

  • 2 weeks later...

Hola Meli;

 

intento contestarte desde mi ignorancia, ya que no me dedico a esto y utilizo el mejor sistema que es el de prueba/error, lo primero SIEMPRE de cualquier archivo primera lo copias por seguridad si subes el archivo que has corregido y no da el resultado esperado , siempre puedes subir la copia que hiciste y como si no pasara nada.

 

utiliza el navegador Firefox y a bajate el addon gratuito llamado FIREBUG

 

si va a la pagina http://www.garbitek.com indicada por ti y abres el firebug te aparecera en la parte de abajo , en la parte superior izquierda veras un recudro azul, pulsas y es como si lo activaras, si ahora te pones sobre " por ejemplo la imagen de fondo" te aparecera dentro de firebug el codigo, en este caso indica

 

body { 
background-color:#398c00; 
background-image:url("../img/bgglow.jpg"); 
background-repeat:repeat-x; 
font-size:11px; 
font-family:Tahoma,Arial,Verdana; 
color:#4C4C4C; 
height:100%; 
line-height:18px; 
margin:0 auto; 
padding:0; 
} 

 

 

en la parte derecha del firebug veras que ese codigo esta en global.css

 

la unica parte que nos interesa es

 

background-color:#398c00; 
background-image:url("../img/bgglow.jpg"); 
background-repeat:repeat-x; 

 

 

realmente en esta web tiene una imagen corta y el color de la web identico al final de la imagen por lo que da sensacion de una imagen que cubre todo.

 

luego he ido a la carpeta themes, dentro a la carpeta css y en "global.css" he cambiado / añadido esas lineas.

 

subido por ftp la imagen a la carpeta img y el archivo global.css a su sitio y funciona de cine, era tan simple como esto.

 

recuerda que en todos estos foros hay muchas personas que trabajan y viven de esto , y aunque saben que es mas facil de la que parece no les interesa divulgarlo , como es normal por otra parte.

 

cada uno protege su parcela.

 

saludos y espero te haya servido.

 

GTC

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...