Come fare il mio logo più grande in Joomla!

June 26

Joomla! visualizza il contenuto utilizzando i modelli. Lo sviluppatore modello definisce ogni area contenuti nel modello di una dimensione specifica. Alcune aree possono automaticamente espandersi, contratto o completamente crollo a seconda del contenuto e che altro viene visualizzato sulla pagina. La posizione del logo del sito può essere fisso o regolabile a seconda delle intenzioni dello sviluppatore. Si può provare ad aumentare la dimensione della vostra immagine del logo, ma se questo non funziona, si dovrà effettuare una regolazione per il modello.

istruzione

1 Vai al menu estensioni in Joomla! back-end amministratore e selezionare "Template Manager." Fare clic una volta sul modello predefinito per caricarlo.

2 Fare clic sull'opzione "Modifica CSS" nel menu in alto a destra. Fare clic una volta sul pulsante di selezione accanto a "template.css" nella lista dei file CSS da modificare. Clicca su "Modifica" per aprire il file per la modifica.

3 Trovare la posizione che definisce l'area logo del modello. Questo è di solito definito come "logo" nel file CSS. Se la definizione logo contiene un "altezza" e economico "larghezza" la dimensione dell'area può essere aumentata. Le istruzioni di solito definiscono l'altezza e la larghezza in pixel. Per esempio:

width: 298px;

4 Commento le due linee utilizzando /

e / all'inizio e alla fine delle due linee. Premere il tasto "Enter" dopo la seconda linea per inserire una nuova riga. Per esempio:

/ Width: 298px; /

/ Altezza: 75px; /

Questo conserva il codice originale nel caso in cui qualcosa va storto e si deve annullare le modifiche. Si può solo rimuovere le nuove linee create nel passaggio successivo e quindi rimuovere il commento riferimenti fatti in questo passaggio.

5 Inserire le nuove righe di codice che definiscono l'altezza e la larghezza della vostra immagine del logo. Per esempio:

width: 500px;

altezza: 100px;

6 Scorrere lo schermo fino alla cima e fare clic su "Salva" nel menu. Fai clic su "Annulla" per uscire dalla funzione CSS Modifica, quindi fare clic su "Salva" per uscire la modifica del modello. Clicca sul link "Anteprima" in alto a destra per visualizzare il tuo sito web con l'area logo allargata.

Consigli e avvertenze

  • Questo metodo funziona bene finché il vostro logo non interferisce con le altre aree di contenuto che si sta utilizzando.
  • Se non è possibile trovare la definizione logo nel file template.css, prova a guardare in altri file .css per esso.
  • Effettuare la logo troppo grande può interferire con altri contenuti o spingere il contenuto principale in basso nella pagina dove non sarà visto. In questo caso, potrebbe essere necessario riprogettare il vostro logo per adattarsi un'area più piccola e ridurre le dimensioni della vostra immagine del logo.