Io le personalizzazioni dello style le ho risolte in un altro modo, non modifico i file di sistema ma ho creato un file xxx.css personalizzato che contiene appunto le modifiche al codice css e poi ho aggiunto il file xxx.css nella lista dei css in stylesheet.css.
Questo è un esempio de codice che ho utilizzato per cambiare il logo, modificare i colori dei box del prosilver e portare l'avatar a sinistra.
Per il principio che se una classe css è doppia vale l'ultima, non ho fatto nessuna modifica ai css originali.
Per le classi principali ho usato "! important" che dà priorità alla classe.
Codice: Seleziona tutto
/* Style Sheet actafung
Questo è lo stile personalizzato previsto per Acta Fungorum
creato da Giovanni Dose 02/11/2014
-------------------------------------------------*/
/* Colore fondo pagina */
html, body {
color: #536482;
background-color: #CDCDCD !important; /*#F5F7FA;*/
}
/* Logo Acta Fungorum */
.imageset.site_logo {
background-image: url("./images/site_logo.gif") !important;
padding-left: 175px;
padding-top: 75px;
}
/* Immagine di fondo testata */
.headerbar {
background-color: #45547C !important;
background-image: url("./images/cosmo1.jpg" )!important; /*url("./images/bg_header_af.gif");*/
color: #FFFFFF;
}
/* Colore dei moduli forabg */
.forabg {
background-color: #45547C !important; /*#0076b1;*/
background-image: url("./images/bg_list1.gif");
}
/* Colore dei moduli forumbg */
.forumbg {
background-color: #45547C !important; /*#12A3EB;*/
background-image: url("./images/bg_list1.gif");
}
/* Colore del pannello links */
.navbar {
background-color: #DCE0E3 !important; /*#cadceb;*/
}
/* Profilo a destra, testo a sinistra */
----------------------------------------*/
.attachbox {
float: left;
width: auto;
max-width: 100%;
margin: 5px 5px 5px 0;
padding: 6px;
border: 1px dashed transparent;
clear: right; /*left;*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.postbody {
padding: 0;
line-height: 1.48em;
width: 76%;
float: right; /*left;*/
position: relative;
}
.postprofile {
/* Also see tweaks.css */
margin: 5px 0 10px 0;
min-height: 80px;
border: 1px solid transparent;
border-width: 0 0 0 1px;
width: 22%;
float: left; /*right;*/
display: inline;
}
.bg1 {
background-color: #EBF3DB; /*#ECF3F7;*/
}
.bg2 {
background-color: #EFF3E7; /*#e1ebf2;*/
}
.online {
background-image: none;
background-position: 10% 0; /*100% 0;*/
background-repeat: no-repeat;
}
Il risultato è visibile qui:
http://darkylab.altervista.org/forum/
Nel codice personalizzato ho mantenuto, commentandoli" i codici originali.