Personalizzazione del logo

Le procedure descritte in questa pagina del Wiki permettono di personalizzare il logo principale visualizzato in alto a sinistra:

È una buona pratica non applicare queste modifiche al tema di default, ma al tuo tema. (Leggi in che modo è possibile Crea il tuo tema.)

Il modo più semplice per cambiare il logo è quello di sostituire il file public/assets/themes/default/images/layout/logo.png con il logo che si desidera utilizzare. Il logo deve essere in formato PNG e di dimensione 40 x 40 pixel.

If you know CSS you have more flexibility to edit the logo. Edit the file public/assets/themes/default/stylesheets/general/construction.css and search for the following rule: Se si conoscono i CSS si può avere maggiore flessibilità per modificare il logo. Modificare il file public/assets/themes/default/stylesheets/general/construction.css e cercare la seguente regola:

#logodiv {
    background-image: url(../../images/layout/logo.png);
    position: relative;
    margin: 5 auto;
    text-align: left;
    background-repeat: no-repeat;
    height: 45px;
    width: 45px;
    margin-left: 15px;
    margin-top:6px;
}

Cambiando la proprietà background-image è possibile scegliere quale immagine deve essere utilizzata come logo. In questo modo è possibile utilizzare qualsiasi formato di immagine. Per esempio, è possibile inserire il vostro logo in formato JPG public/assets/themes/default/images/layout/logo.jpg e modificare la proprietà background-image qui url(../../images/layout/logo.jpg).

È possibile modificare le proprietà width (larghezza) e height (altezza) per configurare la modalità in cui il logo verrà mostrato. Si noti che questo non ridimensiona il logo, ma lo taglia se esso è più grande. Cambiando le proprietà di margini margin-left (sinistra) e margin-top (sopra) è possibile configurare il numero di pixel di distanza dal vertice sinistro e dal bordo superiore rispetto ai quali il logo sarà collocato.