• La traduction française de XenForo 2.2.9 est disponible ici ! 😉🎉
[XTR] Sélecteur de style

[XTR] Sélecteur de style 1.0.2

Aucune permission de téléchargement
Version XF 2.x compatible
  1. 2.2
style-switcher.png

Ce module complémentaire est un modificateur de thème / skin basé sur jQuery qui permet à un visiteur de modifier l'apparence de votre page Web (par exemple, la couleur du texte, la couleur d'arrière-plan, l'image d'arrière-plan) à partir du panneau coulissant.
Installation:
  1. XENTR-StyleSwitcher-1.0.0.zip et décompressez-le.
  2. Copiez le upload/src/addons/XENTR/StyleSwitcherrépertoire sur votre serveur.
  3. Le répertoire où seront situés les fichiers Javascript :upload/js/xtr/style_switcher
  4. Répertoire des images de motifs et d'arrière-plan :upload/styles/xtr/style-customizer
  5. À partir du panneau de configuration de l'administrateur, installez le module complémentaire.
  6. Vous pouvez vérifier les options à partir de /admin.php?options/groups/xtr_styleSwitcher/ et les définir.
  7. Définissez les paramètres à partir de la page des propriétés du style. admin.php?styles/your-style/style-properties/group&group=xtr_style_switchers
Caractéristiques:
  • Option de mise en page large et en boîte
  • 7 sélecteurs de couleurs personnalisés différentsRed, Blue, Green, Yellow, Slate, Violet, Teal
  • 8 sélecteurs de motifs personnalisés,
  • 8 sélecteur d'arrière-plan personnalisé,
  • Script de cookies personnalisé,
  • Boutons de réinitialisation automatique,
  • Possibilité de sélectionner des groupes d'utilisateurs,
  • Option à utiliser sur le thème spécifié,
  • Fonction de style entièrement gérable,
  • Compatibilité des navigateurs modernes
  • Plus d'options.
Mode d'emploi:
Après avoir installé le plug-in de manière transparente, vous pouvez voir les codes qui modifient les couleurs de certains champs par défaut sur la page des propriétés de style.
Les palettes de couleurs rouges principales vérifient les arrière-plans à afficher en rouge dans le code de couleur spécifié dans cette zone.
Les sous-palettes de couleur rouge déterminent la couleur et des liens et des champs de description à afficher sur le fond rouge.
Exemples de codes:
Seuls les tons de couleur rouge sont donnés ici.
Valeurs des classes d'arrière plan de couleur rouge: Vous verrez les codes suivants dans ce champ.
Code:
[xf="red"] .style-customizer a.opener,
[xf="red"] .style-customizer .custom-logo,
[xf="red"] .style-customizer .button-border,
[xf="red"] .style-customizer a.button.button-border,
[xf="red"] .p-header,
[xf="red"] .p-nav,
[xf="red"] .p-nav-list .p-navEl.is-menuOpen,
[xf="red"] .p-navgroup-link.is-menuOpen,
[xf="red"] .p-footer,
[xf="red"] .p-body-main .block-header,
[xf="red"] .block-minorHeader
Il existe un code de préfixe que vous devez utiliser pour chaque champ dont vous souhaitez modifier la couleur.
[xf ="red"]vous devez mettre ce code devant le format css que vous souhaitez modifier.
Vous devez suivre la même procédure pour les autres teintes.
Si vous souhaitez appliquer les mêmes tons de couleur à vos zones avec des tons de couleur différents, vous pouvez utiliser les codes similaires indiqués ci-dessous dans le modèle extra.less .
Exemple de code :
Code:
[xf="red"] .p-staffBar {
    background: fade(xf-default(@xf-xtr_color_schemes_red_background, transparent), 80%);
    color: fade(xf-default(@xf-xtr_color_schemes_red_color, transparent), 80%);
    border-bottom: @xf-borderSize solid rgba(255, 255, 255, 0.15);
}
[xf="red"] .p-staffBar a {
    color: fade(xf-default(@xf-xtr_color_schemes_red_color, transparent), 80%);
}
[xf="red"] .p-staffBar-link:hover {
    background: {{ property('xtr_color_schemes_red_background') }};
}
Comme vous pouvez le voir dans l'exemple ci-dessus, il y a trois couleurs différentes dans la zone de la barre du personnel . Arrière-plan, - Couleur et Bordure Bas. Avec cet exemple, vous pouvez modifier la couleur des champs que vous souhaitez modifier.
Note: Si vous partagez les codes de couleur que vous avez développés sous ce sujet source, je peux ajouter les codes que vous avez donnés aux futures mises à jour du plugin.
  • Cet add-on a été traduit en français pour XenFrench avec l'autorisation explicite de son auteur. / This add-on was translated into French for XenFrench with the explicit authorization of its author.
  • XenFrench et son équipe offrira du support vis à vis des add-ons traduits, bien sûr, dans la mesure du possible de chacun, autant en terme de temps que de connaissances / xenfrench and its team will offer support for the translated add-ons, of course, as far as possible for everyone, as much in term of time that knowledge.
  • XenFrench remercie l'auteur du hack pour avoir fourni son autorisation. / XenFrench thanks the author for the hack to have provided its authorization.
Conception
Installation:
  • Installer l'add-on (transférer les fichiers et dossiers dans leur endroits respectifs sur le ftp) via l'adminCP
  • Importez le fichier langue "language-Francais-(FR)-exemple.xml", cliquez sur Langue -> Importer, sélectionnez notre traduction et choisissez Écraser la langue -> Français (FR) et cliquez sur Importer
  • Sélecteur de style - 001.png
    Sélecteur de style - 001.png
    370.8 KB · Affichages: 2
  • Sélecteur de style - 002.png
    Sélecteur de style - 002.png
    371.9 KB · Affichages: 2
  • Sélecteur de style - 003.png
    Sélecteur de style - 003.png
    371.6 KB · Affichages: 2
  • Sélecteur de style - 004.png
    Sélecteur de style - 004.png
    370.6 KB · Affichages: 2
  • Sélecteur de style - 005.png
    Sélecteur de style - 005.png
    370.5 KB · Affichages: 2
  • Sélecteur de style - 006.png
    Sélecteur de style - 006.png
    370.3 KB · Affichages: 2
  • Sélecteur de style - 007.png
    Sélecteur de style - 007.png
    370.5 KB · Affichages: 2
  • Sélecteur de style - 008.png
    Sélecteur de style - 008.png
    31.4 KB · Affichages: 2
  • Sélecteur de style - 009.png
    Sélecteur de style - 009.png
    507.8 KB · Affichages: 2
  • Wouah
Réactions: GeorgioGalben
Auteur
MasterMan
Téléchargements
3
Affichages
134
Première sortie
Dernière mise à jour
Évaluation
0.00 étoile(s) 0 avis

Autres ressources de MasterMan

Haut