Sobre los fondos de las webs...

musicmib · 12 Abr 2007, 13:41 · Solicitar retirada

Hola, no consigo ver los atributos que puede tener un fondo en una web. Me explico: por ejemplo, que el fondo de la web no se repita (sabéis que si el fondo que usas no es muy grande, puede salir repetido como mosaico), o que quede fijo o estático aunque se baje con las barras de desplazamiento, etc. Si me podéis ayudar y decirme todos los atributos que se le puede poner a un fondo de una web, os lo agradecería.
Muchas gracias por vuestra ayuda de antemano.
Emilio

Usuario 1064 · 12 Abr 2007, 15:19 · Solicitar retirada

dentro de background-image

repeat:repeat | repeat-x | repeat-y | no-repeat

y para el fondo fijo

background-attachment:fixed o background-attachment:scroll

hq · 12 Abr 2007, 15:32 · Solicitar retirada

Pufff!

Pues anda que no hay, como los pongamos todos, escribimos un libro. Lo mejor es que preguntes cómo se hace algo en concreto (que además seguro que hay varias formas).

Pero si quieres empezar, puedes hacerlo por aquí:
http://www.westciv.com/style_master/house/index.html

Está en inglés, pero a mi me ha venido muy bien!!

musicmib · 12 Abr 2007, 17:10 · Solicitar retirada

¿Los parámetros dónde y cómo van? Necesito el parámetro que deja la imagen de fondo sola y centrada (que no salga en mosaico), y que quede fija, aún bajando con la barra de desplazamiento. Serían, según decís:

no-repeat
background-attachment:fixed

Si se puede, deseo combinar los dos parámetros.

Tengo el fondo así, antes de añadirle estos parámetros:

<body background="file:///C:/Documents%20and%20Settings/Mis%20documentos/Mis%20imágenes/amapolas.jpg">

Haber si ahora, me podéis decir con este mismo ejemplo, cómo irían estos parámetros (separados con espacios, con puntos y comas ¿?), y dónde se colocan.
Respecto a la web que me dáis, como es inglés no sé en dónde mirar, porque no tengo ni idea de este idioma (qué lo voy a hacer, soy de los que estudié francés...), así que me quedo con las ganas de saber algo más...
Gracias por atenderme.

Usuario 1064 · 12 Abr 2007, 18:21 · Solicitar retirada

lo que yo te he dicho son estilos

con tu ejemplo podrias hacerlo así

<body background="imagen.jpg" style="background-attachment:fixed; background-repeat:no-repeat; background-position:center;">

pero si vas a usar este fondo para todas las paginas puedes hacer una hoja de estilos.

Por ejemplo:

estilos.css
body {
	background-image: url(imagen.jpg);background-attachment:fixed; background-repeat:no-repeat; background-position:center;
}

paginas.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<link href="estilos.css" rel="stylesheet" type="text/css" />
</head>

<body>CONTENIDO WEB
</body>
</html>

en el documento html llamas a la hoja de estilos a traves de:

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

hq · 13 Abr 2007, 09:48 · Solicitar retirada

Pues eso, como dice Solidaria.

JorGens · 13 Abr 2007, 11:48 · Solicitar retirada

Salvo que te queden dudas, creo que con lo que dice Solidaria te ha de sobrar. Buena explicación, si que si.

Solo quería advertirte de algo, he visto que pusiste esto,

<body background="file:///C:/Documents%20and%20Settings/Mis%20documentos/Mis%20imágenes/amapolas.jpg">

y te aviso que estás diciendo al navegador que el fondo amapolas lo tiene que buscar en la carpeta de Mis Documentos. Por tanto, cuando un visitante llega a tu web, SU navegador buscará las amapolas en SU carpeta de Mis Documentos, por lo que si no ha sembrado nada este otoño... me temo que no verá nada.

El caso es que en lugar de poner

file:///C:/Documents%20and%20Settings/Mis%20documentos/Mis%20imágenes/amapolas.jpg

debes poner esa ruta dirigida a tu servidor, concretamente a la carpeta donde esté o se vaya a guardar la amapola.

En la web está explicado el tema de las rutas de los archivos y creo que te va a venir bien leerlo. Es muy cortito y te aclarará este concepto tan importante.

http://www.comocreartuweb.com/herramientas-utiles/enciclopedia-r-ru…

Un saludo

musicmib · 13 Abr 2007, 17:08 · Solicitar retirada

Bueno, aquí van respuestas para todos vosotros: :D

Para "SOLIDARIA": Me vale lo que me pones en html, ya me funciona. En cuanto a lo de las hojas de estilos, tomaré nota y ya veré si soy capaz de ponerlo en práctica cuando me haga falta, porque de ese tema no tengo ni idea, aunque parece un poquito lioso.
No sé qué otros estilos serán de los más usuales para esto de los fondos, pero con estos, voy "servido" de momento.

Gracias también a "hq" por la ayuda, por supuesto.

¡¡ Qué lástima que uno no supiese tanto como vosotros !!

Al amigo "JORGENS", que también se ha sumado a este tema, le agradezco la explicación, pero entiendo lo que me dices. El ejemplo que he puesto, ha sido "algo falseado", le he hecho sobre la marcha cogiendo la imagen de MIS DOCUMENTOS para salir del paso y hacer las comprobaciones pertinentes, y le he borrado algo de la ruta. O sea, que mi ejemplo, realmente ponía esto:

<body background="file:///C:/Documents%20and%20Settings/Mi%20Nombre/Mis%20documentos/Mis%20imágenes/amapolas.jpg">

No te preocupes, aunque a alguno de los internautas que lea estos mensajes, seguro que le sirve.

LO DICHO A TODOS, MUCHÍSIMAS GRACIAS POR AYUDAR!!!