Un gradiente è un'immagine che cambia il colore gradualmente in una o più direzioni da un dato punto. Un'immagine può svanire dal nero al bianco, per esempio. Joomla! utilizza modelli per controllare i layout del sito web, i colori e bordi. Modifica di un Joomla! sfondo del sito web per immagine un gradiente richiede il caricamento dell'immagine gradiente in formato JPG o PNG e specificando l'immagine gradiente nella programmazione modello modificando i fogli di stile associati al modello.

istruzione

1 Carica l'immagine di pendenza al tuo sito web in una cartella accessibile dal proprio modello utilizzando file manager la vostra società di hosting o di un programma FTP. Il modello si trova nella directory dei modelli e ha una propria cartella. Creare una nuova cartella denominata "Immagini" sotto tale cartella. Se una cartella di immagini già esistente, inserire l'immagine in quella cartella.

2 Selezionare il manager modello nel Joomla! back-end di amministrazione dal menu Estensioni. Fare clic sul modello predefinito dalla lista dei modelli disponibili. Il modello predefinito è designato da una stella gialla nella colonna di default.

3 Clicca su "Modifica CSS" dal menu in alto a sinistra per visualizzare un elenco dei fogli di stile del modello. Fare clic sul pulsante di selezione a sinistra del foglio di stile che richiede la modifica, quindi fare clic su "Modifica" dal menu. Potrebbe essere necessario esaminare diversi fogli di stile per trovare quello giusto da modificare. Cercare un foglio di stile che specifica i colori, sfondi e bordi per le varie zone del vostro modello. Che di solito è il foglio di stile che richiede la modifica.

4 Individuare la sezione all'interno del foglio di stile da modificare. Ad esempio, se si desidera inserire l'immagine del gradiente all'interno della sezione "Corpo principale", avrete bisogno di trovare quella sezione all'interno del modello. La maggior parte degli sviluppatori pongono i commenti all'interno del codice o utilizzare nomi descrittivi per le sezioni specifiche.

5 Posizionare le seguenti righe di codice nel foglio di stile tra le parentesi graffe {}.

/ Sfondo Oltre gradiente /

fondo: URL (../ images / image.jpg) repeat-x in alto a sinistra;

Sostituire image.jpg con il nome effettivo dell'immagine gradiente che hai caricato.

6 Fai clic su "Salva" nel menu in alto a destra, quindi fare clic sul collegamento "Anteprima" posto sopra il menu in alto a destra. prima pagina del sito verrà caricato in un'altra scheda del browser e si vedrà il cambiamento derivante da la modifica del CSS del modello.

Consigli e avvertenze

• L'immagine del gradiente verrà applicata in modo uniforme in tutta la sezione del modello è stato inserito in. Alcuni modelli hanno una sezione in cui tutti i colori sono specificati per l'intero modello. Posizionamento del codice all'interno di quella sezione cambierà l'intero modello a patto che altre sezioni non cambiano le specifiche sfondo.
• E 'sempre una buona idea per eseguire il backup del sito prima di apportare modifiche ad esso. È inoltre possibile reinstallare il pacchetto modello, se necessario.