Come Modificare La Larghezza Del Modello Joomla

Sommario:

Come Modificare La Larghezza Del Modello Joomla
Come Modificare La Larghezza Del Modello Joomla

Video: Come Modificare La Larghezza Del Modello Joomla

Video: Come Modificare La Larghezza Del Modello Joomla
Video: Corso Joomla 2.5x ITA 2: applicare e personalizzare i template 2024, Aprile
Anonim

Joomla è uno dei CMS più personalizzabili e user-friendly in circolazione. Utilizzando le funzionalità di questo sistema di gestione del sito, non solo puoi riempire il sito con varie funzionalità, ma anche cambiarne l'aspetto in base ai modelli installati.

Come modificare la larghezza del modello joomla
Come modificare la larghezza del modello joomla

Istruzioni

Passo 1

Apri la home page del tuo sito. Nel menu del browser che stai utilizzando, seleziona la funzione di visualizzazione del codice sorgente della pagina. In Google Chrome, questo strumento si trova in "Strumenti" - "Visualizza sorgente", in Firefox - "Sviluppo Web" - "Sorgente". Se stai utilizzando Opera, seleziona Visualizza - Strumenti di sviluppo - Codice sorgente per visualizzare il codice HTML.

Passo 2

Trova l'handle e vedi tutti i div e i loro nomi. Apri il file template.css del tuo modello con qualsiasi editor di testo e trova un blocco che imposta esplicitamente la larghezza. Ad esempio, se è dopo, nel file modello cerca il blocco del nome. Per semplificare la ricerca, puoi utilizzare la funzione "Modifica" - "Trova" della finestra dell'editor. Sfoglia tutti i div elencati nel codice sorgente della pagina.

Passaggio 3

Nel parametro larghezza, inserisci il valore desiderato in percentuale o pixel. Rivedi il resto dei blocchi che hanno le stesse larghezze e cambiali allo stesso modo. Ad esempio, se hai aggiunto 200 pixel alla larghezza nel livello principale, devi aggiungere gli stessi 200 pixel ad altri blocchi.

Passaggio 4

Dopo aver completato le modifiche, salvare il file e vedere il risultato, modificare nuovamente template.css se necessario. Se utilizzi le immagini come sfondo dei blocchi nel modello, molto probabilmente dovrai modificarne le dimensioni. Inoltre, per ogni div, puoi impostare il proprio colore di sfondo, che può sostituire l'immagine monocromatica. Se c'è un logo nel design del sito, puoi allungarlo usando qualsiasi editor grafico. Puoi anche utilizzare le tue immagini nei modelli.

Consigliato: