Multi hojas de estilo

[PabloManuel]

Hola!! Feliz año!!

Sigo con mi proyecto y ha llegado el momento de las hojas de estilo, he depurado y reducido al máximo la única que tengo.

Pero lo que toca es que el cliente pueda elegir entre distintos estilos, la idea no es que cambie la estructura de cada página (salvo matices) si no que el cliente pueda elegir entre distintos formatos que cambien colores, bordes, biselados, sombras y poco más.

He estado mirando y lo iba a hacer creando varios archivos css y que el cliente seleccionara el deseado en su gestor de contenido.

Pero claro, si modifico algo, tengo que tener cuidado de modificarlo en cada estilo y si añado algo lo mismo, tengo que añadir las clases a cada archivo.

¿cómo estructuráis esto?
¿qué manera es la correcta?

Quiero crear ahroa mismo dos y el paso siguiente es hacerlos "Responsives" con lo cual tengo que hacer el trabajo para los dos archivos CSS

[pzin]

No sé si hay una forma correcta de hacerlo o alguna que sea la menos mala.

A bote pronto, yo pondría una hoja que cargara después de las demás, con los estilos del skin que haya elegido el usuario. Y ahí sólo especificas lo que realmente se cambie (colores y demás como dices).

[PabloManuel]

Gracias por responder!!

Claro, pero el problema está a la hora de ampliar la Web, es decir, lo que me recomiendas es crear una hoja que diseñe la estructura y otras hojas con colores bordes tipos de letras Etc no?

Entonces la clase .piepagina, por ejemplo, estará en tres archivos: css_matriz, css_estilo1 y css_estilo3

El problema es mantener todo esto, si creo, borro, modifico nuevo código tengo que tener cuidado de hacer las cosas "n" veces con cada estilo.

Lo pensé, pero a la hora de programar ya sabes que vas probando, vas cambiando y algún estilo quedará desactualizado o no existirá.

La hoja de estilo que tengo ahora, única para todos los usuarios tiene 3000 líneas, no sé si será mucho.

El problema es que todas las páginas de mis clientes se parecen, porque aunque cambia el contenido, la clase ".contenido" es la misma para todas, fondo blanco, borde radio de 3px y sombra gris. Y quiero que las páginas se diferencien sin tener que desarrollar para cada uno.

[pzin]

Un archivo de 3000 lineas es bastante complejo de mantener creo yo. Mírate algún lenguaje de preprocesado para CSS, como SASS.

Una opción más sucia (independientemente de que uses o no SASS) es que esa hoja de estilos sea generada dinámicamente con un lenguaje de servidor, y ahí sólo mantendrías una sola hoja que toma los datos de algún lugar (base de datos, YAML, XML, etc).

[PabloManuel]

os cuento lo que he hecho y lo que voy a hacer.

a través del gestor el cliente elige una u otra hoja. Ya funciona.

Pero claro, las hojas son iguales al 90% cambiando colores, gradiant, bordes y poco más.

he pensado en hacer una con la estructura que sea la matriz y que luego se cargue una segunda que modifique sólo lo anterior.

la cuestión es si en las páginas le pongo dos clases (estructura + diseño)

o bien no tocar esto y repetir la clase en las hojas css.

Es decir, en la hoja de estilo matriz estaría la estructura: float, padding, margen...
y en las segundas la misma clase añadiendo: fuentes, colores fuentes bordes ect....

no sé que será más lioso, pero tal como lo tengo ahora es una puta... ya que tengo que tener cuidado de tenerlas "sincronizadas"

[PabloManuel]

por cierto, lo de SASS está genial, ojalá tuviera tiempo de ponerme con ello, pero claro, lo podré usar si mi hosting lo tiene no?