Téléchargez l'image gradient à votre site Web dans un dossier accessible par votre modèle en utilisant le gestionnaire de fichiers de votre société d'hébergement ou d'un programme FTP. Votre modèle est situé dans le répertoire des modèles et dispose de son propre dossier. Créer un nouveau dossier nommé «Images» sous ce dossier. Si un dossier Images existe déjà, placer l'image dans ce dossier.
Sélectionnez le gestionnaire de modèle dans le Joomla! back-end administration dans le menu Extensions. Cliquez sur le modèle par défaut de la liste des modèles disponibles. Le modèle par défaut est désigné par une étoile jaune dans la colonne par défaut.
Cliquez sur "Modifier CSS" dans le menu en haut à gauche pour afficher une liste des feuilles de style du modèle. Cliquez sur le bouton de sélection vers la gauche de la feuille de style qui doit être modifié, puis cliquez sur "Modifier" dans le menu. Vous pourriez avoir à examiner plusieurs feuilles de style pour trouver la bonne personne pour éditer. Cherchez une feuille de style qui spécifie les couleurs, les origines et les frontières pour les différentes zones de votre modèle. Ce sera habituellement la feuille de style qui doit être modifié.
Localisez la section au sein de la feuille de style à modifier. Par exemple, si vous voulez placer l'image de gradient dans la section "Main Body", vous aurez besoin de trouver cet article dans le modèle. La plupart des développeurs placent commentaires dans le code ou utilisent des noms descriptifs pour des sections spécifiques.
Placez les lignes de code suivantes dans la feuille de style entre les accolades {}.
/ plus de gradient de fond /
background: url (../ images / image.jpg) repeat-x en haut à gauche;
Remplacer image.jpg par le nom réel de l'image de gradient que vous avez téléchargé.
Cliquez sur "Enregistrer" dans le menu en haut à droite, puis cliquez sur le lien "Aperçu" situé au-dessus du menu supérieur droit. Page d'accueil du site web va charger dans un autre onglet du navigateur et vous verrez le changement résultant de votre édition de la CSS du modèle.