Ayuda

tupio98 · #1 (**permalink**) 27/11/2010, 14:02

No tengo ni idea de programación, ni de códigos ni nada por el estilo, pero he hecho algunas cosillas como www.sierraextreme.net y www.senderismoaracena.com
y las cosas que me gustaría saber es cómo puedo poner varias background en una hoja de estilo, para no estar cada dos por tres haciendo hojas de estilos para cada página html y también, me gustaría saber que código hay que poner para que la imagen de blackground ocupe toda la página.

Un saludo y muchas gracias

gordot · #2 (**permalink**) 28/11/2010, 12:49

lo que tienes que hacer es crear una hoja de estilo y despues a este archivo lo llamas en todas tus otras paginas asi de esta forma:

<head
<link rel="stylesheet" href="tuhojadestilo.css" type="text/css" />
</head>

al archivo tuhojadestilo.css:

body {
margin: 0;
padding: 0;
line-height: 1.7em;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
color: #606060;

background: url(/fond.png) repeat;

}

con el repeat, se repite todo el fondo, que es una imagen es este caso

tupio98 · #3 (**permalink**) 28/11/2010, 15:19

Cita:

Iniciado por gordot

lo que tienes que hacer es crear una hoja de estilo y despues a este archivo lo llamas en todas tus otras paginas asi de esta forma:

<head
<link rel="stylesheet" href="tuhojadestilo.css" type="text/css" />
</head>

al archivo tuhojadestilo.css:

body {
margin: 0;
padding: 0;
line-height: 1.7em;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
color: #606060;

background: url(/fond.png) repeat;

}

con el repeat, se repite todo el fondo, que es una imagen es este caso

Lo que yo quiero hacer es utilizar una hoja css para que en el resto de las páginas me salgan un fondo diferente

gordot · #4 (**permalink**) 28/11/2010, 15:24

me parece que no se puede. Lo que puedas hacer es crear varias hojas de estilo y unicamente le cambias el fondo.

saludos

tupio98 · #5 (**permalink**) 28/11/2010, 15:30

Ok, muchas gracias...
y para que la imagen de fondo ocupe toda la pantalla?

gordot · #6 (**permalink**) 28/11/2010, 15:39

background: url(/fond.png) repeat;

tambien puedes usar repeat-x ó repeat-y , depende si queres que se repinta de forma horizontal o vertical

tupio98 · #7 (**permalink**) 28/11/2010, 15:40

Pero no quiero que se repita, si no que una sola imagen ocupe toda la pantalla.

Gracias

gordot · #8 (**permalink**) 28/11/2010, 20:31

entonces tienes que tener una imagen grande, de dimensiones por lo menos 800x600, y pones

background: url(/fond.png) no-repeat;,

si pones una imagen chica, no va a funcionar.