Modifications de templates Modifications de templates Sun, 24 May 2026 19:35:16 +0000 Sun, 24 May 2026 19:35:16 +0000 iHax Global https://ihaxglobal.com/forums/modifications-de-templates.28/ Amélioration CSS des information d'utilisateurs Sat, 01 Apr 2023 08:35:25 +0000 https://ihaxglobal.com/threads/am%C3%A9lioration-css-des-information-dutilisateurs.3000/ https://ihaxglobal.com/threads/am%C3%A9lioration-css-des-information-dutilisateurs.3000/ invalid@example.com (Sι∂яα∂ι) Sι∂яα∂ι

En se retrouve pour un petit Tutoriel xenForo !
Voici comment modifier les informations d'utilisateurs dans les messages et les conversations pour obtenir le résultat suivant :

Voir la pièce jointe 2070 Voir la pièce jointe 2071

Dans l'adminCP, Apparence > Modifications de template > + Créer une modification de template
Il faudra créer 3 modifications de Templates : (NB: il faut activer le mode Debug)...

Amélioration CSS des information d'utilisateurs]]> 128 Ajouter un message sur le profil d'un membre lors de son anniversaire Sat, 01 Apr 2023 08:28:25 +0000 https://ihaxglobal.com/threads/ajouter-un-message-sur-le-profil-dun-membre-lors-de-son-anniversaire.4819/ https://ihaxglobal.com/threads/ajouter-un-message-sur-le-profil-dun-membre-lors-de-son-anniversaire.4819/ invalid@example.com (Sι∂яα∂ι) Sι∂яα∂ι Salut communauté iHaxGlobal ,

Je vous explique au cours de ce Tutorial comment ajouter un message sur le profil d'un membre lors de son anniversaire pour inciter les autres membres à le lui souhaiter.

Voir la pièce jointe 4645

Dans le template member_view chercher :
Code:
<xen:if is="{$canPostOnProfile}">

Ajouter juste après :
Code:
<xen:if is="{$user.dob_day} == {xen:date $serverTime, 'd'} AND...
Ajouter un message sur le profil d'un membre lors de son anniversaire]]> 80 Installer Font Awesome 4.4.0 sur votre forum ! Wed, 08 Jun 2022 14:57:31 +0000 https://ihaxglobal.com/threads/installer-font-awesome-4-4-0-sur-votre-forum.2420/ https://ihaxglobal.com/threads/installer-font-awesome-4-4-0-sur-votre-forum.2420/ invalid@example.com (XTRAK) XTRAK Bonjours :ig:
Font Awesome est un Add on qui vous permet de faire ce genre de chose un peux partout comme dans les topic que vous crée sur le forum par défaut comme ici :
- http://prntscr.com/8nlrov
- http://prntscr.com/8nlrxo​

Installation:
Une fois que vous avez télécharger le fichier décompresser le et ajouter le fichier a la racine de votre public_html une fois ceci fait direction votre Apanel > Template >...​

Installer Font Awesome 4.4.0 sur votre forum !]]> 51 Bloc Partenaire : Faire défiler des images Fri, 20 May 2022 22:42:52 +0000 https://ihaxglobal.com/threads/bloc-partenaire-faire-d%C3%A9filer-des-images.484/ https://ihaxglobal.com/threads/bloc-partenaire-faire-d%C3%A9filer-des-images.484/ invalid@example.com (Sι∂яα∂ι) Sι∂яα∂ι ,

Lors ce petit Tutorial vous sert à crée un "Bloc Partenaire" et à "Faire défiler des images" dedans.

Voir la pièce jointe 118

Pour le mettre comme ça il faut aller dans le template Forum_list et on créer un nouveau block avec le code:

<!-- Nom du bloc -->
<div class="section">
<div class="secondaryContent nomdubloc" id="nomdubloc">
<h3><center>Le nom du block !</center></h3>
<div...

Bloc Partenaire : Faire défiler des images]]> 69 étoile pivotante à coté du pseudonyme des membres Sun, 11 Jul 2021 22:00:29 +0000 https://ihaxglobal.com/threads/%C3%A9toile-pivotante-%C3%A0-cot%C3%A9-du-pseudonyme-des-membres.469/ https://ihaxglobal.com/threads/%C3%A9toile-pivotante-%C3%A0-cot%C3%A9-du-pseudonyme-des-membres.469/ invalid@example.com (Sι∂яα∂ι) Sι∂яα∂ι

Voici comment procéder afin d'avoir une petite étoile pivotante à coté du pseudonyme des membres d'un groupe précis, dans vos messages.

Il te faut télécharger l'archive ici Font Awesome, the iconic font and CSS framework tu décompresse le dossier à la racine de ton dossier "forum".
Dans le template page_container_js_head, Chercher ceci :...

étoile pivotante à coté du pseudonyme des membres]]> 117 Pseudo multicolore Sun, 09 May 2021 01:09:35 +0000 https://ihaxglobal.com/threads/pseudo-multicolore.3928/ https://ihaxglobal.com/threads/pseudo-multicolore.3928/ invalid@example.com (GoTWaR) GoTWaR Yo les beaugosses ! :D
Voir la pièce jointe 7683

Aujourd'hui je vais vous montrer comment avoir un pseudo
qui change de couleur !
Voir la pièce jointe 7684
Tout d'abord.
Aller dans
Admin CP > Apparence > Template > EXTRA.css

.username .style7{[/SIZE][/FONT]...


Pseudo multicolore]]> 151 Couleurs des pseudos dans le bloc "membres en lignes actuellement" Sun, 09 May 2021 01:07:33 +0000 https://ihaxglobal.com/threads/couleurs-des-pseudos-dans-le-bloc-membres-en-lignes-actuellement.485/ https://ihaxglobal.com/threads/couleurs-des-pseudos-dans-le-bloc-membres-en-lignes-actuellement.485/ invalid@example.com (Sι∂яα∂ι) Sι∂яα∂ι ,

Ce petit tutoriel, vous sert à afficher la couleur du groupe d’utilisateur dans le bloc "membres en lignes actuellement"
Rendez-vous dans : Apparence -> Styles -> Templates -> sidebar_online_users

Dans ce template recherchez :

Code:
class="username{xen:if '!{$user.visible}', ' invisible'}{xen:if {$user.followed}, ' followed'}">{$user.username}</a><xen:if is="{$i} < {$onlineUsers.limit}">,</xen:if>
Et remplacez par :...

Couleurs des pseudos dans le bloc "membres en lignes actuellement"]]> 220 Statistique forum en bas du forum Wed, 07 Apr 2021 13:05:20 +0000 https://ihaxglobal.com/threads/statistique-forum-en-bas-du-forum.7636/ https://ihaxglobal.com/threads/statistique-forum-en-bas-du-forum.7636/ invalid@example.com (ℓ๏я€ɲƶ๏) ℓ๏я€ɲƶ๏ Salut iHax,

Aujourd'hui je vous partages un tutoriel pour xenForo !

Dans votre template forum_list ajouter ceci tout en bas :
Code:
<div class="board_stats">
<h3><p style="text-align:center;"><i class="fa fa-list" style="padding-right: 5px;"></i>Statistique du Forum</p></h3><br>
    <ul class="ipsType_small ipsList_inline">
        <li><span class="value">{xen:number $boardTotals.discussions}</span>{xen:phrase discussions}</span></li>
        <li><span...


Statistique forum en bas du forum]]> 9 Ajouter des icônes FontAwesome aux Préfixes de discussions Fri, 19 Mar 2021 21:49:41 +0000 https://ihaxglobal.com/threads/ajouter-des-ic%C3%B4nes-fontawesome-aux-pr%C3%A9fixes-de-discussions.5360/ https://ihaxglobal.com/threads/ajouter-des-ic%C3%B4nes-fontawesome-aux-pr%C3%A9fixes-de-discussions.5360/ invalid@example.com (Sι∂яα∂ι) Sι∂яα∂ι

Au cours de ce petit tutoriel je vais vous expliquer comment ajouter des icônes FontAwesome aux Préfixes de discussions.

Exemple :

Voir la pièce jointe 5324

Etape 1 :

Tout d'abord il faut s'assurer d'avoir ajouter le CSS FontAwesome :
Dans le template page_container_js_head, Chercher ceci :
Code:
<!--XenForo_Require:JS-->
Ajoutez en dessous de ceci, Cela:
Code:
<link rel="stylesheet" href="...
Ajouter des icônes FontAwesome aux Préfixes de discussions]]> 94 Message d'avertissement dans les conversations privées Fri, 19 Mar 2021 21:44:22 +0000 https://ihaxglobal.com/threads/message-davertissement-dans-les-conversations-priv%C3%A9es.2378/ https://ihaxglobal.com/threads/message-davertissement-dans-les-conversations-priv%C3%A9es.2378/ invalid@example.com (Sι∂яα∂ι) Sι∂яα∂ι Bonjour à vous membres :ig:,

Lors de ce Tutorial je vais vous expliquer comment ajouter un message d'alerte aux conversations privées !

Si on souhaite afficher un message à partir du moment où un membre du staff a répondu à la conversation, exemple :

Voir la pièce jointe 4644

Ou lorsque aucun membre du Staff n'est présent dans la conversation, exemple :

Voir la pièce jointe 4643

Instructions :

Dans la template "conversation_view" chercher :
​...

Message d'avertissement dans les conversations privées]]> 112 Avatars arrondis Wed, 03 Mar 2021 00:35:13 +0000 https://ihaxglobal.com/threads/avatars-arrondis.34/ https://ihaxglobal.com/threads/avatars-arrondis.34/ invalid@example.com (Sι∂яα∂ι) Sι∂яα∂ι ,

Voici comment mettre des Avatars arrondis

Voir la pièce jointe 6475

Ajoutez ceci dans le template EXTRA.css:

Avatars arrondis]]> 61 Indicateur "NOUVEAU" après le titre du forum et des conversations Tue, 02 Mar 2021 23:47:08 +0000 https://ihaxglobal.com/threads/indicateur-nouveau-apr%C3%A8s-le-titre-du-forum-et-des-conversations.504/ https://ihaxglobal.com/threads/indicateur-nouveau-apr%C3%A8s-le-titre-du-forum-et-des-conversations.504/ invalid@example.com (Sι∂яα∂ι) Sι∂яα∂ι communauté iHaxGlobal

Voici comment ajouter l'indicateur "NOUVEAU" après le titre du forum et des conversations.

Dans le template EXTRA.css, ajoutez ceci:

Code:
.nodeInfo.unread .nodeTitle:after
{
background-color: #ac1212;
content: "NOUVEAU";
color: white;
border-radius: 2px;
margin-left: 5px;
padding: 1px 5px;
font-size: 9px; }


Voir la pièce jointe 1948

  • Dans le template EXTRA.css,...

Indicateur "NOUVEAU" après le titre du forum et des conversations]]> 135 Contenu de sujet prédéfinis (ex : Présentation) Thu, 25 Feb 2021 22:12:16 +0000 https://ihaxglobal.com/threads/contenu-de-sujet-pr%C3%A9d%C3%A9finis-ex-pr%C3%A9sentation.3669/ https://ihaxglobal.com/threads/contenu-de-sujet-pr%C3%A9d%C3%A9finis-ex-pr%C3%A9sentation.3669/ invalid@example.com (Sι∂яα∂ι) Sι∂яα∂ι ,

Ce Tutorial vous explique comment ajouter un modèle de contenu des sujets prédéfinis, que vous pouvez utilisez par exemple pour les présentations des membres.

Voir la pièce jointe 3506

Résultat :

Voir la pièce jointe 3507

Tutorial :



Par exemple sur iHax, le forum des présentation à pour ID : 19
Voir la pièce jointe 3508

Dans on va appliquer une condition seulement...

Contenu de sujet prédéfinis (ex : Présentation)]]> 85 Barre (Pas encore membre ?) Sun, 21 Feb 2021 22:33:18 +0000 https://ihaxglobal.com/threads/barre-pas-encore-membre.502/ https://ihaxglobal.com/threads/barre-pas-encore-membre.502/ invalid@example.com (Sι∂яα∂ι) Sι∂яα∂ι ,

Ce petit vous sert à ajouter une alerte flottante aux visiteurs, pour les inviter à s'inscrire !

Voir la pièce jointe 126

Aller dans votre admincp et templates du style .

• Dans le template header

Ajoutez:

Barre (Pas encore membre ?) --- header

• Dans le template EXTRA.CSS...

Barre (Pas encore membre ?)]]> 99 Effet autour des catégories Sun, 21 Feb 2021 22:28:16 +0000 https://ihaxglobal.com/threads/effet-autour-des-cat%C3%A9gories.5144/ https://ihaxglobal.com/threads/effet-autour-des-cat%C3%A9gories.5144/ invalid@example.com (Feniix) Feniix Salut la communauté,

Aujourd'hui on se retrouve pour un nouveau tutoriel intitulé : "Effet autour des catégories"

Ce tutoriel est conseillé sur un style dark !

Voici à quoi sa ressembleras à la fin

Voir la pièce jointe 4969

Pour ce faire, il faut ce rendre dans la template "EXTRA.css"
Et y ajouté ce code


Code:
.nodeList .node.level_1{...


Effet autour des catégories]]> 82 Effet de zoom sur les forums/discussions au passage de la souris Fri, 05 Feb 2021 23:12:43 +0000 https://ihaxglobal.com/threads/effet-de-zoom-sur-les-forums-discussions-au-passage-de-la-souris.26/ https://ihaxglobal.com/threads/effet-de-zoom-sur-les-forums-discussions-au-passage-de-la-souris.26/ invalid@example.com (Sι∂яα∂ι) Sι∂яα∂ι

Je vous explique au cours de ce petit Tutorial comment mettre un Effet de zoom sur les forums et les discussions au passage de la souris.

Dans le template EXTRA.css, ajoutez ceci:

Effet de zoom sur les forums

Voir la pièce jointe 6471


Dans le template EXTRA.css, ajoutez ceci:

Effet de zoom sur les...

Effet de zoom sur les forums/discussions au passage de la souris]]> 67 Protéger votre contenu avec Javascript (CTRL + U, Clique Droit, C/C de votre text) Tue, 15 Dec 2020 23:31:24 +0000 https://ihaxglobal.com/threads/prot%C3%A9ger-votre-contenu-avec-javascript-ctrl-u-clique-droit-c-c-de-votre-text.3293/ https://ihaxglobal.com/threads/prot%C3%A9ger-votre-contenu-avec-javascript-ctrl-u-clique-droit-c-c-de-votre-text.3293/ invalid@example.com (Sι∂яα∂ι) Sι∂яα∂ι ,

Ce petit Tutorial est utile si vous voulez vous protéger des leechers, qui copient vos tutoriels pour les poster ailleurs, aussi pour protéger vos modification CSS contre les inspections via un navigateur.

Pour désactiver : "ctrl + u"
Dans le template : page_container_js_head
Trouver :
Code:
<!--XenForo_Require:JS-->
Ajouter :
...

Protéger votre contenu avec Javascript (CTRL + U, Clique Droit, C/C de votre text)]]> 62 Ajouter des icônes FA dans le menu Membre (extra.css) Mon, 23 Nov 2020 00:40:34 +0000 https://ihaxglobal.com/threads/ajouter-des-ic%C3%B4nes-fa-dans-le-menu-membre-extra-css.8983/ https://ihaxglobal.com/threads/ajouter-des-ic%C3%B4nes-fa-dans-le-menu-membre-extra-css.8983/ invalid@example.com (ℓ๏я€ɲƶ๏) ℓ๏я€ɲƶ๏
Code:
.membersTabLinks a[href*="members/"]:before{ font-family: "FontAwesome"; margin-right: 5px; content: "\f005" }
.membersTabLinks a[href*="members/list"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f0c0" }
.membersTabLinks a[href*="online/"]:before{ font-family: "FontAwesome"; padding-right: 5px; content: "\f234" }
.membersTabLinks a[href*="recent-activity/"]:before{ font-family: "FontAwesome"; padding-right:...
Ajouter des icônes FA dans le menu Membre (extra.css)]]> 24 Modifier la scrollbar Sat, 21 Nov 2020 00:44:18 +0000 https://ihaxglobal.com/threads/modifier-la-scrollbar.503/ https://ihaxglobal.com/threads/modifier-la-scrollbar.503/ invalid@example.com (Sι∂яα∂ι) Sι∂яα∂ι

Ce petit tutoriel vous sert à modifier la scrollbar

Rendez vous dans : Apparance --> templates --> EXTRA.css
Et ajoutez cette ligne de code :

Modifier la scrollbar

Vous avez dès maintenant une scrollbar modifié ! :)

Voir la pièce jointe 127]]> 107 Centrer les titres d'utilisateurs et pseudos ! Mon, 10 Aug 2020 18:36:44 +0000 https://ihaxglobal.com/threads/centrer-les-titres-dutilisateurs-et-pseudos.4073/ https://ihaxglobal.com/threads/centrer-les-titres-dutilisateurs-et-pseudos.4073/ invalid@example.com (GoTWaR) GoTWaR Yo les beaugosses ! :D
Voir la pièce jointe 7743
Aujourd'hui je vais montrer
comment passer de ça
Voir la pièce jointe 7744
A celui-ci.
Voir la pièce jointe 7745

C'est très simple.
Aller dans EXTRA.css
Et mettez dedans
.messageUserBlock a.username, .messageUserBlock .userTitle {
text-align: center;listofbanner
}
Et voilà ! ;)

A très bientôt ! :neo:

​]]> 105