Organizzare file .css per consentire cambiare tutto il layout del sito in un comando

[Luca_pluatrco]

Ciao,

arrivati alla prima release del portale realizzato con framework .NET (ASP.NET e C#), mi è stato chiesto di ottimizzare (da leggere come "pulire") il codice, in quanto molte regole con il tempo sono state aggiunte senza un preciso criterio, visti i tempi ristretti.

Le linee guida suggerite/desiderate sono le seguenti:

[1] Racchiudere in cartelle tutti i file e le immagini relative ad un oggetto semantico (es. cartella "Menu" per i menu e le relative immagini,ecc.)

[2] Per ogni cartella dovrebbero esserci DUE file (es. MenuThemes.css e MenuSkins.css) che rispettivamente contengano le regole di aspetto (colore,font, immagini sfondo, ecc) e di posizione (padding, margin, ecc) rispettivamente.

Lo scopo è di porre le basi per rendere possibile nella seconda release di applicare un differente "TEMA" al portale e cambiare in "one-shot" i colori/temi principali del portale.

Posto l'obiettivo, questo procedimento è corretto?
In alternativa avevo pensato ad un file base (es. bluTheme.css) dove mettere classi base con regole generiche. Ad es. .HeaderObject sarebbe la classe che ogni componente con header (Dialog, web part, list ecc) andrebbe ad usare.
In tal modo, cambiando font e color in questa classe, tutti gli header ne sarebbero influenzati automaticamente.

NOTA: nel nostro caso i file css vengono aggiunti TUTTI dal framework in ordine alfabetico, quindi volendo poi cambiare stile, dovremmo forzare l'aggiunta dei file diversi in fondo, dato che non è possibile applicare solo quelli.

Grazie per ogni consiglio!

[blekm]

Originariamente inviato da Luca_pluatrco
[1] Racchiudere in cartelle tutti i file e le immagini relative ad un oggetto semantico (es. cartella "Menu" per i menu e le relative immagini,ecc.)

non so quanto grande sia il vostro framework, ma questa può essere una buona idea

/img/menu/
/img/galleria/
/img/prodotti/

e cosi via

Originariamente inviato da Luca_pluatrco
[2] Per ogni cartella dovrebbero esserci DUE file (es. MenuThemes.css e MenuSkins.css) che rispettivamente contengano le regole di aspetto (colore,font, immagini sfondo, ecc) e di posizione (padding, margin, ecc) rispettivamente.

questa mi pare una pazzia, avere due classi con specifiche diverse in due file, diventerai scemo prima che tu te ne renda nemmeno conto

Originariamente inviato da Luca_pluatrco
In alternativa avevo pensato ad un file base (es. bluTheme.css) dove mettere classi base con regole generiche. Ad es. .HeaderObject sarebbe la classe che ogni componente con header (Dialog, web part, list ecc) andrebbe ad usare.
In tal modo, cambiando font e color in questa classe, tutti gli header ne sarebbero influenzati automaticamente.

buona idea, si. Per i div "generici" fai cosi

Originariamente inviato da Luca_pluatrco
NOTA: nel nostro caso i file css vengono aggiunti TUTTI dal framework in ordine alfabetico, quindi volendo poi cambiare stile, dovremmo forzare l'aggiunta dei file diversi in fondo, dato che non è possibile applicare solo quelli.

il framework carica i css in ordine alfabetico? :master:

[Luca_pluatrco]

non so quanto grande sia il vostro framework, ma questa può essere una buona idea
/img/menu/
/img/galleria/
/img/prodotti/

e cosi via

Il nostro portale è molto complesso. Si tratta di un CMS che permette di gestire tasks, documenti, organizzare meeting (videoconferenze con skype e altri programmi) ecc.

La struttura sarebbe (ad esempio per i menu presenti) :

Menu
   |_Images
   |_MenuHeader.css
   |_MenuAction.css
   |_MenuSystem.css

Non vendiamo prodotti e non abbiamo bisogno di galleries.
L'idea è gestire gli stili di componenti complessi (ad esempio usiamo molto web part con all'interno altri controlli asp.net inseriti dinamicamente) e permetterne la modifica in modo facile e automatico, se possibile.