Joomla est l'un des CMS les plus personnalisables et les plus conviviaux. En utilisant les capacités de ce système de gestion de site, vous pouvez non seulement remplir le site avec diverses fonctionnalités, mais également modifier son apparence en fonction des modèles installés.
Instructions
Étape 1
Ouvrez la page d'accueil de votre site. Dans le menu du navigateur que vous utilisez, sélectionnez la fonction de visualisation du code source de la page. Dans Google Chrome, cet outil se trouve sous "Outils" - "Afficher la source", dans Firefox - "Développement Web" - "Source". Si vous utilisez Opera, sélectionnez Affichage - Outils de développement - Code source pour afficher le code HTML.
Étape 2
Trouvez la poignée et voyez toutes les divs et leurs noms. Ouvrez le fichier template.css de votre modèle avec n'importe quel éditeur de texte et trouvez un bloc qui définit explicitement la largeur. Par exemple, si c'est après, alors dans le fichier modèle, recherchez le bloc de nom. Pour simplifier la recherche, vous pouvez utiliser la fonction "Modifier" - "Rechercher" de la fenêtre de l'éditeur. Parcourez toutes les div répertoriées dans le code source de la page.
Étape 3
Dans le paramètre de largeur, entrez la valeur souhaitée en pourcentage ou en pixels. Passez en revue le reste des blocs qui ont les mêmes largeurs et modifiez-les de la même manière. Par exemple, si vous avez ajouté 200 pixels à la largeur du calque principal, vous devez alors ajouter les mêmes 200 pixels aux autres blocs.
Étape 4
Après avoir terminé les modifications, enregistrez le fichier et voyez le résultat, modifiez à nouveau template.css si nécessaire. Si vous utilisez des images comme arrière-plan des blocs dans le modèle, vous devrez probablement modifier leur taille. De plus, pour chaque div, vous pouvez définir sa propre couleur d'arrière-plan, qui peut remplacer l'image monochrome. S'il y a un logo dans la conception du site, vous pouvez l'étirer à l'aide de n'importe quel éditeur graphique. Vous pouvez également utiliser vos propres images dans les modèles.
