cambio el fondo

bottler · #1 (**permalink**) 29/10/2011, 23:40

como cambio el fondo para que se vea diferemte en cada pagina , ejemplo en home un fondo en contacto otro fondo y asi en cada pagina un fondo diferente.
si tienn un link para aprender por favor pasenmelo

emprear · #2 (**permalink**) 30/10/2011, 06:53

a cada body de tus diferentes páginas le das una clase o id diferentes, y en tu css

Código CSS:

Ver originalbody.home{
background-image: url(home.jpg);
}
body.contacto{
background-image: url(contacto.jpg);
}

Saludos

Hurieta · #3 (**permalink**) 30/10/2011, 14:15

A emprear le faltaron algunas cosas...

Pagina Web 1 (Index)

Código:

<html>
<head>
<title> Pagina Web 1</title>
<link href="estilos.css" rel="stylesheet" type="text/css">
</head>
<body class="home">

Mi pagina web

</body>
</html>

Pagina Web 2 (Contacto)

Código:

<html>
<head>
<title> Pagina Web 2</title>
<link href="estilos.css" rel="stylesheet" type="text/css">
</head>
<body class="contacto">

Mi pagina web

</body>
</html>

estilos.css

Código:

body.home{
background-image: url(home.jpg);
}

body.contacto{
background-image: url(contacto.jpg);
}

bottler · #4 (**permalink**) 30/10/2011, 14:16

no puedo ayudame pasame tu correo para mandarte le home y el css porfavor.
no encuentro mensaje privado para mandate mi correo gracias

Carlangueitor · #5 (**permalink**) 30/10/2011, 14:21

Amigo, el objetivo del foro es compartir, si tienes algún problema hazlo por aquí no por privado, así no solo te ayudas tú, si no a cualquiera que encuentre el sitio.

Ahora, pro qué no puedes? Solo tienes que agregar class="seccion" en tu etiqueta body y luego hacer las modificaciones con CSS. Tampoco esperes que te hagan todo el trabajo gratis.

Saludos

emprear · #6 (**permalink**) 30/10/2011, 14:28

Cita:

Iniciado por Hurieta

A emprear le faltaron algunas cosas...

Pagina Web 1 (Index)

Código:

<html>
<head>
<title> Pagina Web 1</title>
<link href="estilos.css" rel="stylesheet" type="text/css">
</head>
<body class="home">

Mi pagina web

</body>
</html>

Pagina Web 2 (Contacto)

Código:

<html>
<head>
<title> Pagina Web 2</title>
<link href="estilos.css" rel="stylesheet" type="text/css">
</head>
<body class="contacto">

Mi pagina web

</body>
</html>

estilos.css

Código:

body.home{
background-image: url(home.jpg);
}

body.contacto{
background-image: url(contacto.jpg);
}

Si querés también le explico como publicar con ftp

y hablando de olvidar cosas, no dejes ejemplos de html sin utilizar un DOCTYPE, ya que te propones ayudar , hacelo correctamente

bottler · #7 (**permalink**) 30/10/2011, 21:14

no perdon
ya lo pude lograr,
gracias