Help4.x

Templates : Modifier le style

From Joomla! Documentation

This page is a translated version of the page Help4.x:Templates: Edit Style and the translation is 97% complete.
Other languages:
Deutsch • ‎English • ‎Nederlands • ‎français

Description

C'est ici que vous modifiez les styles des templates. Lorsqu'un template est installé pour la première fois, un style par défaut est créé pour lui. Le style par défaut du template portera le même nom que le template avec un suffixe - Défaut. Pour créer une variation différente du style de template par défaut, cochez la case du style par défaut et appuyez sur l'icône Dupliquer dans la barre d'outils. Modifiez ensuite le duplicata.

Comment y accéder ?

  • Sélectionnez Système  Gestion des Templates  Styles de Templates de sites dans le menu Administrateur. Ou...
  • Sélectionnez Système  Panneau des Templates  Styles de Templates administrateur dans le menu Administrateur. Puis...
    • Sélectionnez le nom du style de template à modifier dans la colonne Style.

Captures d'écran

Help-4x-Extensions-Template-Manager-Styles-Edit-screen-en.png

Champs de formulaire

  • Nom du style. Le nom du style. C'est le nom qui s'affichera dans la colonne Style de l'écran Template : Styles.

Onglet Détails

  • Nom du template. Le nom du template, l'indicateur de site ou d'administrateur et une brève description.
  • Par défaut. Indique si le style est ou non celui par défaut pour le site.
  • Template. Le nom du template dont le style est dérivé.

Options avancées

Cette section peut ne pas être présente pour tous les styles. Si le template à partir duquel un style est dérivé comporte des options configurables, celles-ci seront présentes ici. Ce sont ces options configurables supplémentaires qui vous permettent d'avoir plusieurs styles de template différents avec des variations de ces options. Les options disponibles varient en fonction des options mises à disposition par le développeur du template.

= Paramètres de couleur de Atum

Le template par défaut de l'administration vous permet d'expérimenter des variations de couleurs. Enregistrez et voyez !

==Paramètres de l'image d'Atum

Vous pouvez sélectionner une image pour remplacer le Logo de connexion dans le formulaire de connexion de l'administration, et le Logo de marque dans la barre de titre de l'administration en mode développé et en mode compact. Les valeurs par défaut sont les logos de la marque Joomla. Dans la barre de titre, le mot Joomla ! est présent dans la version Petite marque et omis dans la version Petite marque. Sélectionnez Menu basculant pour voir le changement.

Si vous fournissez votre propre marque Small, vous devez également fournir une surcharge de style pour la largeur. Pour ce faire, créez un fichier user.css à la racine du template et insérez ce qui suit, mais remplacez 3rem par une largeur adaptée à votre image :

   .header .logo.small {
       width: 3rem;
   }

Onglet Assignation des menus

Cette section contient tous les éléments de menu configurés dans votre site Joomla ! Pour appliquer le style actuel à la page web correspondante d'un élément de menu, cochez la case à côté de l'élément de menu. Vous pouvez appuyer sur le bouton modifier la sélection pour inverser les sélections des éléments de menu.

Note : Si une case à cocher est grisée et ne peut pas être cochée, c'est peut-être parce que l'élément de menu est utilisé par un autre utilisateur. Vous pouvez voir si c'est le cas en allant dans l'écran Ecran du gestionnaire de menus pour le menu concerné. Si un symbole de cadenas apparaît à côté de l'élément de menu, c'est qu'il est actuellement utilisé par un autre utilisateur.

Barre d'outils

At the top of the page you will see the toolbar shown in the Screenshot above. The functions are:

  • Save. Saves the item and stays in the current screen.
  • Save & Close. Saves the item and closes the current screen.
  • Save as Copy. Saves your changes to a copy of the current item. Does not affect the current item. This toolbar icon is not shown if you are creating a new item.
  • Cancel. Closes the current screen and returns to the previous screen without saving any modifications you may have made.
  • Help. Opens this help screen.

Informations connexes