Micogian ha scritto:La cosa più semplice è quella di sostituire l'immagine originale con quella nuova.
L'immagine originale è site_logo.gif e si trova nella cartella "styles/prosilver/theme/images".
Questo se l'immagine da inserire ha la stessa dimensione.
L'alternativa è quella che ho fatto io, ho creato un file css personalizzato e l'ho aggiunto alla lista dei Css presenti nel file stylesheet.css. Questo torna utile per altre modifiche sullo stile.
La parte di codice da inserire nel css personalizzato è questa
Codice: Seleziona tutto
.imageset.site_logo {
background-image: url("./images/logo_personalizzato.jpg") !important;
padding-left: 175px;
padding-top: 75px;
}
il padding-left e padding-top servono per posizionare il logo.
Per il fatto che il css personalizzato è messo in fonto alla lista dei css viene interpretato per ultimo e va a sostituire il css originale, tra l'altro anche l'attributo
!important pone la classe come prioritaria.
Se vuoi cambiare il colore di fondo della testata, inserisci nel css questa variante:
Codice: Seleziona tutto
/* Immagine di fondo testata */
.headerbar {
background-color: #B5C598 !important; /*#45547C !important;*/
background-image: url("./images/bg_header_ap.gif");
color: #FFFFFF;
}
Il codice originale l'ho lasciato mettendolo tra i tag di commento
/* ...*/
Devi ovviamente creare una nuova immagine "bg_header.gif" e inserire il colore di fondo, quelli indicati sono quelli che ho usato io nel forum di prova:
http://www.actaplantarum.org/forum/
Il css personalizzato può tornare utile per altre modifiche che non toccano i file di sistema.
Nel mio forum ho cambiato i colori e spostato l'avatar a sinistra, solamente con un css personalizzato.