Quando costruiamo un nuovo sito spesso già abbiamo un logo da inserire nella parte alta del template che utilizziamo. Qualsiasi template installiamo ha il suo bel logo in alto; immaginiamo di avere uno nostro e di volerlo sostituire al logo del template. Apriamo il nostro client FTP e colleghiamoci al sito Joomla. Carichiamo nella cartella templates/rhuk_milkyway/images (nel caso utilizzassimo questo template) l’immagine che abbiamo intenzione di usare come logo.

Ora apriamo il menu “Estensioni | Gestione template”. Selezioniamo il template in uso (che sarà rhuk_milkyway) e nella pagina successiva premiamo il pulsante "Mod CSS". Dall’elenco dei file CSS che compongono il template selezioniamo il principale, ovvero template.css, e premiamo il pulsante "Modifica".

La pagina visualizzata è un form che consente di modificare il file CSS del nostro template. Usiamo la funzione "Trova" del browser cercando la parola “logo”.

Ora modifichiamo la definizione di div#logo, scrivendo all’interno della proprietà “background” il percorso url del nostro nuovo logo.

Premiamo il pulsante “Applica” in alto a destra. Aggiornando la pagina vedremo come il logo è cambiato. Possiamo tornare alla pagina di modifica del file CSS per apportare ulteriori modifiche al file CSS e perfezionare la visualizzazione del nuovo logo. Possiamo impostare margini, altezza ed ogni altra impostazione utile che renda affascinante il nostro "segno di riconoscimento"; il nostro marchio.

Come scritto più volte, i template non sono tutti uguali e quindi è facilmente intuibile come a volte sia necessario ricorrere ad alcuni strumenti per compiere queste operazioni. Solitamente alcuni template pescano il logo direttamente nella cartella dove risiede e non hanno parti di css da modifica. In questo caso basta sostituire l'immagine di riferimento cercando di mantenerne le dimensioni.

Segui @BlogJoomla su Twitter

Condividi Twitter Facebook Wikio Diggita Tags template logo modifica

Aggiungi commento

Nome (richiesto)

E-Mail (richiesta)

Sito web

Notificami i commenti successivi

Aggiorna

Invia

Annulla