Controlar varias paginas con un solo estilo general

dani-rous · 17 Mar 2009, 01:23 · Solicitar retirada

He creado una pagina web en la cual todas las secciones son identicas gracias a la hoja estilo-general, pero quiero saber si es posible hacer una pagina web donde cada seccion tenga la misma estructura, pero con distintas caracteristicas( como colores de fondos diferentes, colores y tamaños de letras y cosas asi. ) y si serian controladas por una sola hoja de estilo-general.css o obligatodiamente tendria que llevar cada seccion su propia hoja de estilos.css. :)

peugeot · 17 Mar 2009, 01:54 · Solicitar retirada

Hola,

si es posible hacer esos cambias que deseas, teniendo una sola hoja de estilos. Si mantienes la misma estructura básica del diseño pero, deseas cambiar, digamos, el color de fondo del #menu, de amarillo a verde, título, párrafo, etc. entonces, tienes que poner dentro del <head> en html:

<style type="text/css">

#menu {background-color:green}
h1 {color:red}
p {font: 11px verdana, sans-serif; color:yellow}

</style>
</head>

Y sin necesidad de llenarte de hojas de estilos. saludos, :wink:

dani-rous · 17 Mar 2009, 02:52 · Solicitar retirada

Hola otra vez... La pagina en cuestion no esta determinada por colores, al modificarla cambie el background color x background imagen que estan controladas por el estilo-general.css, y lo que queria saber en concreto era que si por ejem mi pagina de index (con un background imagen de nubes o textura) y la pagina de lineas que tenga un background (con un background imagen estrellas) diferente ala de index, y asi cada pagina su propio color de background, porque los codigos que me diste solo sale por debajo del menu lateral, ya que como tiene en vez de colores, imagenes de fondo estas predominan pero se hacen todas iguales y los colores salen por debajo ejem.
index = fondo de nubes
pagian de fondos= un fondo de estrellas
pagina de gif= un fondo marino etc.

peugeot · 17 Mar 2009, 17:01 · Solicitar retirada

Prueba lo siguiente:

sube tu background-image desde la hoja html y dale las características desde css. Yo nunca lo he hecho (no tengo fondos de imagen) pero debe funcionar.

Ya nos dirás y cualquier cosa, por aquí estamos.

dani-rous · 18 Mar 2009, 11:26 · Solicitar retirada

hola, si que va el fondo y esta con caracteristicas en el estilo css, pero es lo mismo, se cambia el fondo a todas las paginas por igual.
porque tengo esto en estilos-generales.css
body {background-color: #000000 ; background-image: url(objetos/fondo-2.gif) }

pero es para toda la pagina y lo busco es poner un fondo en cada una de las paginas independientemnte.
miralo aqui
http://falcon-web.atwebpages.com/

y lo busco es hacer una pagina mas o menos asi

http://www.gifsyfondos.com/
mira la ruta fondos/luego picas en animados/ luego en los distintos colores y veras que cada pagina tiene un background imagen distinto
y es lo que intento lograr.

peugeot · 18 Mar 2009, 15:45 · Solicitar retirada

Voy a explicarme mejor. Supongamos que tu web tiene 4 hojas enlazadas a una misma hoja css: pagina1.html, pagina2.html, pagina3.html, pagina4.html, y todas con bg-image de estrellitas, estamos? Pero, quieres que la pagina2.html tenga bg-image de nubes.

Entonces, en la cabecera (head) de la pagina2.html tienes que poner:

<style type="text/css>
body {background-image: url(objetos/fondo-2.gif)}
</style>
</head>

Eso es todo, y en la pagina3.html, que quieres que tenga fondo de olitas, haz de poner la misma etiqueta pero, poniendo la ruta de la imagen de olitas, ejm:

body {background-image: url(objetos/fondo-3.gif)}

y así sucesivamente en cada hoja que quieras cambiarle el fondo. Ojo, tu hoja de estilos solo ha de quedar con:

body {text-align:center}

Los cambios solo los harás en html. También elimina el background-color, salvo que sea el color de fondo de la estrellitas (no sé si las estrellitas vienen solas o están sobre el fondo negro).

Otra cosa que te puede ayudar: vi tu página de fondos y demora mucho en cargar. Puedes bajarle el peso a tus imágenes (están bonitas) para que carguen mucho más rápido, siguiendo unos pasos fáciles en la sección photoshop de este mismo foro. Mejor te dejo elk enlace:

http://www.comocreartuweb.com/phpBB2/ftopic16626.html

Espero haberme explicado mejor y ya nos contarás. saludos

dani-rous · 19 Mar 2009, 21:57 · Solicitar retirada

Mira, coloque los codigos como me recomendaste y me han dado muy buen resultado, era lo que estaba buscando conseguir.

Muchas gracias por el dato.
Sobre el peso de las imagenes de la pagina, estoy en ello. Pero como soy nuevo completamente con el photoshop es mas me lo acabo de instalar.
el punto es que las imagenes gif de fondo transparente salen con fondo en blanco, tengo el photoshop CS3 y no se como hacerle para que me la devuelva con el fondo transparente. las fijas si he conseguido quitarles el exceso de peso.
Gracias por la ayuda.

peugeot · 20 Mar 2009, 17:21 · Solicitar retirada

cuando uno crea un archivo nuevo, lo hace desde ARCHIVO, clic en NUEVO y en la ventana que se abre, abajo en "contenido de fondo", escoges TRANSPARENTE. Así, ya no te saldrá el fondo blanco.

Si tu imagen está con 2 capas (una capa para las estrellas y la otra capa para el fondo blanco), entonces simplemente, elimina la capa para el fondo blanco. Todo eso se hace desde el panel CAPAS ubicado en la derecha del ps.

Si ese no es el caso, pon un mensaje nuevo en la sección photoshop de este mismo a ver qué dicen los demás compañeros con relación a tu imagen con fondo blanco.

saludos