GTHebk

Xenforo 2.x.x Comment ajouter votre logo dans l'éditeur

  • Auteur de la discussion Auteur de la discussion GTHebk
  • Date de début Date de début

Add-on xenforo 2

Ressources et modules complémentaires pour XenForo 2

Styles xenforo 2

Styles / Thèmes et apparence pour xenforo 2

Templates xenforo 2

Codes pour modifier les templates sur xenforo 2

Section Premium

Add-on et Styles pour membre Premium
GTHebk

Xenforo 2.x.x Comment ajouter votre logo dans l'éditeur

  • Auteur de la discussion Auteur de la discussion GTHebk
  • Date de début Date de début
Catégorie Catégorie Modifications Templates
Titre du sujet Titre du sujet Comment ajouter votre logo dans l'éditeur
Auteur de la discussion Auteur de la discussion GTHebk
Date de début Date de début
Réponses Réponses 6
Affichages Affichages 274
Réaction Réaction 3
Dernier message par Dernier message par sucre13

GTHebk

Membre Actif

Membre
Réputation: 18%
Discussions
15
Messages
86
Solutions
1
J'aime
61
Points
28
Versions compatibles XF 2.x
2.0, 2.1, 2.2, 2.3



L'ajout de votre logo dans l'éditeur de XenForo est un moyen simple mais efficace de personnaliser votre communauté et de promouvoir subtilement votre marque. Ce guide vous guide à travers les étapes à suivre pour réaliser cette personnalisation subtile et professionnelle.

  1. Accéder au modèle Extra LESS
    • Accédez à votre panneau d'administration XenForo.
    • Accédez à Apparence > Modèles
    • Ouvrez le modèle extra.lesspour le thème que vous souhaitez personnaliser.
  2. Ajouter le code CSS personnalisé
    • Copiez et collez le code suivant dans le modèle extra.less :


Comment ça marche​

  • Vue du bureau:
    • Ajoute votre logo ( TESTLOGO.webp ) comme arrière-plan subtil à l'éditeur. N'oubliez pas de remplacer mon lien par le vôtre.
    • Le logo apparaît dans le coin inférieur droit, redimensionné à 300 px avec une opacité de 20 % . Ajustez selon vos préférences.
  • Vue mobile:
    • Ajuste le logo pour les écrans plus petits à l'aide d'une requête multimédia.
    • Le logo plus petit ( opacity.png ) est redimensionné à 30 px pour une meilleure adaptation aux appareils mobiles. N'oubliez pas de remplacer mon lien par le vôtre et de l'ajuster selon vos préférences.

  • Test de réactivité:
    • Vérifiez à quoi ressemble l'éditeur sur les ordinateurs de bureau et les appareils mobiles.
    • Ajustez les tailles ou le placement du logo selon vos besoins.
  • Sauvegardez vos modifications:
    • Sauvegardez toujours votre fichier extra.less avantd'effectuer des modifications.
  • Expérimentez en toute sécurité:
    • Utilisez un thème de test si vous n'êtes pas sûr de vouloir apporter des modifications directement à un thème actif.
Avec cette personnalisation, votre éditeur XenForo se démarquera avec une touche professionnelle et personnalisée ! Si vous avez des questions ou rencontrez des problèmes, n'hésitez pas à demander de l'aide. Bonne personnalisation !


1735732270440-webp.316743

1735732259978-webp.316742
 
Dernière édition:
Merci pour ce partage
A tester
---------------------------------------

Retour après essai
Le code tel qu'il est donné n'est pas bon si on fait juste un copier-coller
Il y a plein de balise <br> qui mettent un peu la pagaille et ça ne fonctionne pas

Après avoir remis un peu d'ordre dans le code, tout va beaucoup mieux.
Voici donc le code correct à utiliser (et à modifier pour les url bien sûr)

 
Dernière édition:
Merci pour ce partage
A tester
---------------------------------------

Retour après essai
Le code tel qu'il est donné n'est pas bon si on fait juste un copier-coller
Il y a plein de balise <br> qui mettent un peu la pagaille et ça ne fonctionne pas

Après avoir remis un peu d'ordre dans le code, tout va beaucoup mieux.
Voici donc le code correct à utiliser (et à modifier pour les url bien sûr)


Salut ! Je comprend pas pourquoi mon copie/colle du code a mis des BR mdr.. merci de l’information
 
merci pour le partage...
 
Contenu similaire Les plus vues Voir plus
Retour
Haut Bas