L'apparence globale du site web est définie par des modèles (ou templates). Dans l'exemple que nous étudions, le modèle utilisé est celui proposé par défaut (dans la version 1.5 de Joomla!) et qui est baptisé "rhuk_mikyway". Dans ce chapitre, nous allons voir comment supprimer le logo Joomla! (qui vole la vedette à notre propre logo). Mais attention, la procédure décrite ici ne s'applique qu'à ce template.

Pour modifier le template, sélectionnez "Gestion des templates" dans le menu "Extensions".

Tandis que vous êtes dans cet écran, vous pouvez vous amuser à sélectionner un template (via le bouton radio) puis à cliquer sur le bouton "Défaut", puis à cliquer sur le lien pour découvrir le nouveau look du site par simple changement de template. Mais n'oubliez pas de revenir au template "rhuk_mikyway" pour appliquer le contenu de ce chapitre

Cliquez sur le lien "rhuk_mikyway" pour accéder à l'écran de présentation du modèle Un template est décrit par 2 grands types de fichiers:

HTML CSS

Ces formats de fichiers nécessitent un apprentissage qui peut être long et que par conséquent nous ne couvrirons pas là. Néanmoins, pour l'objectif que nous nous sommes fixés (suppression du logo Joomla! dans l'entête) vous devez cliquer sur le bouton "Editer le CSS". Apparaît alors une (longue) liste de fichiers

Sélectionnez (via le bouton radio) le template "template.css" et cliquez sur le bouton "Editer". Recherchez le bloc div#logo (surligné dans la capture d'écran) et encadrez le par les caractères /* et */ (comme dans la capture d'écran). C'est fait? Cliquez sur Sauver. Observez le résultat via le lien . Le logo Joomla! a bien disparu mais notre logo n'est pas collé à gauche.

Pour y remédier, retournez dans l'écran d'édition du CSS template.css et dans le bloc div#header_r (placé juste au dessus du bloc div#logo précédemment modifié) remplacez la valeur 370px affectée à padding-left par 30px (par exemple, ou moins si vous le voulez plus à gauche, ou plus si vous le voulez plus à droite). Une nouvelle prévisualisation... et voilà le résultat.