Connexion
S'inscrire
Actualités
Quoi de neuf
Activités générales
Auteurs
Forums
Nouveaux messages
Rechercher un forum
Quoi de neuf
Nouveaux messages
Nouveaux messages de profil
Activités générales
Membres
Membres inscrits
Visiteurs actuels
Nouveaux messages de profil
Rechercher dans les messages des profils
Teams
Créé ton équipe
Quoi de neuf ?
Nouveaux messages
Rechercher un forum
Menu
Connexion
S'inscrire
Install the app
Install
Forums
Forums généraux
Informatique
Développement
Créer une barre de modération sur votre forum
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
Vous utilisez un navigateur non à jour ou ancien. Il ne peut pas afficher ce site ou d'autres sites correctement.
Vous devez le mettre à jour ou utiliser un
navigateur alternatif
.
Répondre à la discussion
Message
<blockquote data-quote="1899" data-source="post: 6780895" data-attributes="member: 146051"><p style="text-align: center"><span style="font-family: 'MyriadPro'">[ATTACH=full]94019[/ATTACH]</span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'"></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'">Bonjour et bienvenue dans ce topic où je vais vous montrer comment <strong><span style="color: #b30000">créer une barre de modération</span></strong> sur votre forum qui remplacera donc celle déjà présente de base. Personnellement, je la trouve beaucoup <strong><span style="color: #b30000">plus belle</span></strong> et <strong><span style="color: #b30000">plus fonctionnel</span></strong> que l'ancienne <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite363" alt=":smile:" title="Smile :smile:" loading="lazy" data-shortname=":smile:" /></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'"></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'">[ATTACH=full]94020[/ATTACH]</span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'"></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'">Tout d'abord, vous allez devoir créer deux templates et jouer avec les balises <xen:require> , <xen:if> et <xen:include>.</span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'"></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'">Créez votre première template que vous allez nommer <strong><span style="color: #b30000">moderationBar </span></strong>(exemple).</span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'">Une fois votre template crée, créez en une deuxième que vous allez nommer <strong><span style="color: #b30000">moderationBar.<u>css</u></span></strong> (exemple).</span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'"></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'">Rendez vous dans votre première template où vous allez inclure votre template.css avec ce code :</span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'"></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'"><xen:require css="moderationBar.css"/></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'"></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'">Grâce à cette ligne, votre template<strong><span style="color: #b30000"> sera obligé</span></strong> d'aller chercher du contenu css sur votre seconde template que vous avez crée plus tôt.</span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'"></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'">Maintenant, nous allons donner l'obligation <strong><span style="color: #b30000">d'afficher cette barre aux modérateurs et aux administrateurs</span></strong> via une balise <xen:if> qui se présente comme ceci :</span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'"></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'"><xen:if is="{$visitor.is_admin} OR {$visitor.is_moderator}"></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'"></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'">Maintenant que vous avez fais vos pré-configuration, rendez vous dans le template <strong><span style="color: #b30000">PAGE_CONTAINER </span></strong>pour y inclure votre template.</span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'"></span></p> <p style="margin-left: 20px"><p style="margin-left: 20px"><span style="font-family: 'MyriadPro'"><span style="color: #b30000"><strong>[fa]fa-search fa-border[/Fa] Cherchez :</strong></span></span></p> </p><p><span style="font-family: 'MyriadPro'"></span></p><p><span style="font-family: 'MyriadPro'">[CODE] </span></p><p><span style="font-family: 'MyriadPro'"><xen:include template="ad_above_top_breadcrumb" /></span></p><p><span style="font-family: 'MyriadPro'"> </span></p><p><span style="font-family: 'MyriadPro'"> <xen:hook name="page_container_breadcrumb_top"></span></p><p><span style="font-family: 'MyriadPro'"> <div class="breadBoxTop {xen:if $topctrl, withTopCtrl}"></span></p><p><span style="font-family: 'MyriadPro'"> <xen:if is="{$topctrl}"><div class="topCtrl">{xen:raw $topctrl}</div></xen:if></span></p><p><span style="font-family: 'MyriadPro'"> <xen:include template="breadcrumb"><xen:set var="$microdata">1</xen:set></xen:include></span></p><p><span style="font-family: 'MyriadPro'"> </div></span></p><p><span style="font-family: 'MyriadPro'"> </xen:hook></span></p><p><span style="font-family: 'MyriadPro'">[/CODE]</span></p><p><span style="font-family: 'MyriadPro'"></span></p><p style="margin-left: 20px"><p style="margin-left: 20px"><span style="font-family: 'MyriadPro'"><span style="color: #b30000"><strong>[fa]fa-plus fa-border[/fa] Ajoutez en dessous :</strong></span></span></p> </p><p><span style="font-family: 'MyriadPro'"></span></p><p><span style="font-family: 'MyriadPro'">[CODE]<xen:include template="moderationBar"/>[/CODE]</span></p><p><span style="font-family: 'MyriadPro'"></span></p><p style="text-align: center"><span style="font-family: 'MyriadPro'">Dorénavant, votre template moderationBar est incluse <strong><span style="color: #b30000">en dessous</span></strong> du breadcrumb et sur tout le forum !</span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'"></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'">Pour tester si tout cela a marché, créez un titre sur votre template moderationBar et si le titre s'affiche en dessus du fil de navigation, tout est bien configuré et il ne vous reste plus qu'à développer votre barre de </span><span style="font-family: 'MyriadPro-Regular'">modération</span><span style="font-family: 'MyriadPro'"> ! <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite171" alt=":D" title="Awesome face :D" loading="lazy" data-shortname=":D" /></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'"></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'">Vous pouvez y ajouter des liens vers les signalements, l'édition de la notice, les membres bannis de la shoutbox ainsi que votre classement, enfin <strong><span style="color: #b30000">tous les liens </span></strong>que vous voulez montrer à vos modérateurs.</span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'"></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'">Maintenant, nous allons inclure un lien vers l'adminCP visible uniquement par les administrateurs avec cette balise :</span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'"></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'"><xen:if is="{$visitor.is_admin}"></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'"></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'">N'oubliez pas de fermer vos balise <xen:if> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite351" alt=";)" title="Clin d'oeil ;)" loading="lazy" data-shortname=";)" /></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'"></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'">Je vous montre mon rendu :</span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'"></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'">[ATTACH=full]94023[/ATTACH]</span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'"></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'">C'est pas mal non ? <img src="/data/assets/smilies/joueur.gif" class="smilie" loading="lazy" alt=":p" title="Joueur :p" data-shortname=":p" /></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'"></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'">Si vous voulez, voici mon code :</span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'"></span></p><p><span style="font-family: 'MyriadPro'">[CODE]<xen:if is="{$visitor.is_admin} OR {$visitor.is_moderator}"></span></p><p><span style="font-family: 'MyriadPro'"></span></p><p><span style="font-family: 'MyriadPro'"><xen:require css="moderationbar.css"/></span></p><p><span style="font-family: 'MyriadPro'"><div class="iconsModerationBar"></span></p><p><span style="font-family: 'MyriadPro'"> <a href="{xen:link shoutbox/banned}" class="ban"><h3 class="bannis">{xen:phrase userBanned}</h3></a></span></p><p><span style="font-family: 'MyriadPro'"> <a href="{xen:link shoutbox/classement}" class="rank"><h3 class="classement">{xen:phrase shoutRank}</h3></a></span></p><p><span style="font-family: 'MyriadPro'"> <a href="{xen:link shoutbox/motd}" class="notice"><h3 class="notice">{xen:phrase editNotice}</h3></a> </span></p><p><span style="font-family: 'MyriadPro'"> <a href="{xen:link reports/}" class="reports"><h3 class="reports">{xen:phrase reports}</h3></a></span></p><p><span style="font-family: 'MyriadPro'"><xen:if is="{$visitor.is_admin}"></span></p><p><span style="font-family: 'MyriadPro'"> <a href="{xen:link admin.php}" class="admincp"><h3 class="admincp">Admin CP</h3></a></span></p><p><span style="font-family: 'MyriadPro'"></xen:if></span></p><p><span style="font-family: 'MyriadPro'"></div></span></p><p><span style="font-family: 'MyriadPro'"></xen:if>[/CODE]</span></p><p style="text-align: center"><span style="font-family: 'MyriadPro'"></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'">N'oubliez pas de créer les expressions afin que les textes s'affichent bien !</span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'"></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'">Le CSS :</span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'"></span></p><p><span style="font-family: 'MyriadPro'">[CODE].iconsModerationBar {</span></p><p><span style="font-family: 'MyriadPro'">border: 1px solid #a5cae4;</span></p><p><span style="font-family: 'MyriadPro'">border-radius: 10px;</span></p><p><span style="font-family: 'MyriadPro'">padding: 13px;</span></p><p><span style="font-family: 'MyriadPro'">}</span></p><p><span style="font-family: 'MyriadPro'">h3.bannis {</span></p><p><span style="font-family: 'MyriadPro'">font-family: Open Sans Condensed;</span></p><p><span style="font-family: 'MyriadPro'">font-size: 14px;</span></p><p><span style="font-family: 'MyriadPro'">display: inline;</span></p><p><span style="font-family: 'MyriadPro'">margin-right: 10px;</span></p><p><span style="font-family: 'MyriadPro'">}</span></p><p><span style="font-family: 'MyriadPro'">h3.bannis:before {</span></p><p><span style="font-family: 'MyriadPro'">font-family: "FontAwesome";</span></p><p><span style="font-family: 'MyriadPro'">content: "\f05e";</span></p><p><span style="font-family: 'MyriadPro'">padding-right: 5px;</span></p><p><span style="font-family: 'MyriadPro'">}</span></p><p><span style="font-family: 'MyriadPro'">h3.classement {</span></p><p><span style="font-family: 'MyriadPro'">font-family: Open Sans Condensed;</span></p><p><span style="font-family: 'MyriadPro'">font-size: 14px;</span></p><p><span style="font-family: 'MyriadPro'">display: inline;</span></p><p><span style="font-family: 'MyriadPro'">margin-right: 10px;</span></p><p><span style="font-family: 'MyriadPro'">}</span></p><p><span style="font-family: 'MyriadPro'">h3.classement:before {</span></p><p><span style="font-family: 'MyriadPro'">font-family: "FontAwesome";</span></p><p><span style="font-family: 'MyriadPro'">content: "\f0cb";</span></p><p><span style="font-family: 'MyriadPro'">padding-right: 5px;</span></p><p><span style="font-family: 'MyriadPro'">}</span></p><p><span style="font-family: 'MyriadPro'">h3.admincp {</span></p><p><span style="font-family: 'MyriadPro'">font-family: Open Sans Condensed;</span></p><p><span style="font-family: 'MyriadPro'">font-size: 14px;</span></p><p><span style="font-family: 'MyriadPro'">display: inline;</span></p><p><span style="font-family: 'MyriadPro'">float: right;</span></p><p><span style="font-family: 'MyriadPro'">}</span></p><p><span style="font-family: 'MyriadPro'">h3.admincp:before {</span></p><p><span style="font-family: 'MyriadPro'">font-family: "FontAwesome";</span></p><p><span style="font-family: 'MyriadPro'">content: "\f023";</span></p><p><span style="font-family: 'MyriadPro'">padding-right: 5px;</span></p><p><span style="font-family: 'MyriadPro'">}</span></p><p><span style="font-family: 'MyriadPro'">h3.notice {</span></p><p><span style="font-family: 'MyriadPro'">font-family: Open Sans Condensed;</span></p><p><span style="font-family: 'MyriadPro'">font-size: 14px;</span></p><p><span style="font-family: 'MyriadPro'">display: inline;</span></p><p><span style="font-family: 'MyriadPro'">margin-right: 10px;</span></p><p><span style="font-family: 'MyriadPro'">}</span></p><p><span style="font-family: 'MyriadPro'">h3.notice:before {</span></p><p><span style="font-family: 'MyriadPro'">font-family: "FontAwesome";</span></p><p><span style="font-family: 'MyriadPro'">content: "\f0e6";</span></p><p><span style="font-family: 'MyriadPro'">padding-right: 5px;</span></p><p><span style="font-family: 'MyriadPro'">}</span></p><p><span style="font-family: 'MyriadPro'">h3.reports {</span></p><p><span style="font-family: 'MyriadPro'">font-family: Open Sans Condensed;</span></p><p><span style="font-family: 'MyriadPro'">font-size: 14px;</span></p><p><span style="font-family: 'MyriadPro'">display: inline;</span></p><p><span style="font-family: 'MyriadPro'">}</span></p><p><span style="font-family: 'MyriadPro'">h3.reports:before {</span></p><p><span style="font-family: 'MyriadPro'">font-family: "FontAwesome";</span></p><p><span style="font-family: 'MyriadPro'">content: "\f129";</span></p><p><span style="font-family: 'MyriadPro'">padding-right: 5px;</span></p><p><span style="font-family: 'MyriadPro'">}</span></p><p><span style="font-family: 'MyriadPro'">h3.bannis:hover {</span></p><p><span style="font-family: 'MyriadPro'">color: #6b8fa8;</span></p><p><span style="font-family: 'MyriadPro'">-webkit-transition: all 0.5s ease-in-out;</span></p><p><span style="font-family: 'MyriadPro'">-moz-transition: all 0.5s ease-in-out;</span></p><p><span style="font-family: 'MyriadPro'">-ms-transition: all 0.5s ease-in-out;</span></p><p><span style="font-family: 'MyriadPro'">-o-transition: all 0.5s ease-in-out;</span></p><p><span style="font-family: 'MyriadPro'">transition: all 0.5s ease-in-out;</span></p><p><span style="font-family: 'MyriadPro'">texy-decoration: none;</span></p><p><span style="font-family: 'MyriadPro'">}</span></p><p><span style="font-family: 'MyriadPro'">a.rank:hover {</span></p><p><span style="font-family: 'MyriadPro'">color: #6b8fa8;</span></p><p><span style="font-family: 'MyriadPro'">-webkit-transition: all 0.5s ease-in-out;</span></p><p><span style="font-family: 'MyriadPro'">-moz-transition: all 0.5s ease-in-out;</span></p><p><span style="font-family: 'MyriadPro'">-ms-transition: all 0.5s ease-in-out;</span></p><p><span style="font-family: 'MyriadPro'">-o-transition: all 0.5s ease-in-out;</span></p><p><span style="font-family: 'MyriadPro'">transition: all 0.5s ease-in-out;</span></p><p><span style="font-family: 'MyriadPro'">texy-decoration: none;</span></p><p><span style="font-family: 'MyriadPro'">}</span></p><p><span style="font-family: 'MyriadPro'">a.notice:hover {</span></p><p><span style="font-family: 'MyriadPro'">color: #6b8fa8;</span></p><p><span style="font-family: 'MyriadPro'">-webkit-transition: all 0.5s ease-in-out;</span></p><p><span style="font-family: 'MyriadPro'">-moz-transition: all 0.5s ease-in-out;</span></p><p><span style="font-family: 'MyriadPro'">-ms-transition: all 0.5s ease-in-out;</span></p><p><span style="font-family: 'MyriadPro'">-o-transition: all 0.5s ease-in-out;</span></p><p><span style="font-family: 'MyriadPro'">transition: all 0.5s ease-in-out;</span></p><p><span style="font-family: 'MyriadPro'">texy-decoration: none;</span></p><p><span style="font-family: 'MyriadPro'">}</span></p><p><span style="font-family: 'MyriadPro'">a.admincp:hover {</span></p><p><span style="font-family: 'MyriadPro'">color: #6b8fa8;</span></p><p><span style="font-family: 'MyriadPro'">-webkit-transition: all 0.5s ease-in-out;</span></p><p><span style="font-family: 'MyriadPro'">-moz-transition: all 0.5s ease-in-out;</span></p><p><span style="font-family: 'MyriadPro'">-ms-transition: all 0.5s ease-in-out;</span></p><p><span style="font-family: 'MyriadPro'">-o-transition: all 0.5s ease-in-out;</span></p><p><span style="font-family: 'MyriadPro'">transition: all 0.5s ease-in-out;</span></p><p><span style="font-family: 'MyriadPro'">texy-decoration: none;</span></p><p><span style="font-family: 'MyriadPro'">}</span></p><p><span style="font-family: 'MyriadPro'">a.reports:hover {</span></p><p><span style="font-family: 'MyriadPro'">color: #6b8fa8;</span></p><p><span style="font-family: 'MyriadPro'">-webkit-transition: all 0.5s ease-in-out;</span></p><p><span style="font-family: 'MyriadPro'">-moz-transition: all 0.5s ease-in-out;</span></p><p><span style="font-family: 'MyriadPro'">-ms-transition: all 0.5s ease-in-out;</span></p><p><span style="font-family: 'MyriadPro'">-o-transition: all 0.5s ease-in-out;</span></p><p><span style="font-family: 'MyriadPro'">transition: all 0.5s ease-in-out;</span></p><p><span style="font-family: 'MyriadPro'">texy-decoration: none;</span></p><p><span style="font-family: 'MyriadPro'">}</span></p><p><span style="font-family: 'MyriadPro'">.iconsModerationBar a {</span></p><p><span style="font-family: 'MyriadPro'">color: #25323b;</span></p><p><span style="font-family: 'MyriadPro'">}[/CODE]</span></p><p><span style="font-family: 'MyriadPro'"></span></p><p style="text-align: center"><span style="font-family: 'MyriadPro'">[ATTACH=full]94020[/ATTACH]</span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'"></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'">C'est déjà fini pour ce tutoriel, si vous avez des questions je suis disponible en privé ou sur ce topic ! <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite355" alt=":)" title=":) :)" loading="lazy" data-shortname=":)" /></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'"></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'">Bonne journée <img src="/data/assets/smilies/bye.gif" class="smilie" loading="lazy" alt=":bye:" title="Bye :bye:" data-shortname=":bye:" /></span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro'"></span></p><p></p><p style="text-align: right"><span style="font-family: 'MyriadPro'"><span style="font-size: 10px"><em>Rédigé le 28/07/2016, programmé.</em></span></span></p></blockquote><p></p>
[QUOTE="1899, post: 6780895, member: 146051"] [CENTER][FONT=MyriadPro][ATTACH=full]94019[/ATTACH] Bonjour et bienvenue dans ce topic où je vais vous montrer comment [B][COLOR=#b30000]créer une barre de modération[/COLOR][/B] sur votre forum qui remplacera donc celle déjà présente de base. Personnellement, je la trouve beaucoup [B][COLOR=#b30000]plus belle[/COLOR][/B] et [B][COLOR=#b30000]plus fonctionnel[/COLOR][/B] que l'ancienne :smile: [ATTACH=full]94020[/ATTACH] Tout d'abord, vous allez devoir créer deux templates et jouer avec les balises <xen:require> , <xen:if> et <xen:include>. Créez votre première template que vous allez nommer [B][COLOR=#b30000]moderationBar [/COLOR][/B](exemple). Une fois votre template crée, créez en une deuxième que vous allez nommer [B][COLOR=#b30000]moderationBar.[U]css[/U][/COLOR][/B] (exemple). Rendez vous dans votre première template où vous allez inclure votre template.css avec ce code : <xen:require css="moderationBar.css"/> Grâce à cette ligne, votre template[B][COLOR=#b30000] sera obligé[/COLOR][/B] d'aller chercher du contenu css sur votre seconde template que vous avez crée plus tôt. Maintenant, nous allons donner l'obligation [B][COLOR=#b30000]d'afficher cette barre aux modérateurs et aux administrateurs[/COLOR][/B] via une balise <xen:if> qui se présente comme ceci : <xen:if is="{$visitor.is_admin} OR {$visitor.is_moderator}"> Maintenant que vous avez fais vos pré-configuration, rendez vous dans le template [B][COLOR=#b30000]PAGE_CONTAINER [/COLOR][/B]pour y inclure votre template. [/FONT][/CENTER] [INDENT][INDENT][FONT=MyriadPro][COLOR=#b30000][B][fa]fa-search fa-border[/Fa] Cherchez :[/B][/COLOR][/FONT][/INDENT][/INDENT] [FONT=MyriadPro] [CODE] <xen:include template="ad_above_top_breadcrumb" /> <xen:hook name="page_container_breadcrumb_top"> <div class="breadBoxTop {xen:if $topctrl, withTopCtrl}"> <xen:if is="{$topctrl}"><div class="topCtrl">{xen:raw $topctrl}</div></xen:if> <xen:include template="breadcrumb"><xen:set var="$microdata">1</xen:set></xen:include> </div> </xen:hook> [/CODE] [/FONT] [INDENT][INDENT][FONT=MyriadPro][COLOR=#b30000][B][fa]fa-plus fa-border[/fa] Ajoutez en dessous :[/B][/COLOR][/FONT][/INDENT][/INDENT] [FONT=MyriadPro] [CODE]<xen:include template="moderationBar"/>[/CODE] [/FONT] [CENTER][FONT=MyriadPro]Dorénavant, votre template moderationBar est incluse [B][COLOR=#b30000]en dessous[/COLOR][/B] du breadcrumb et sur tout le forum ! Pour tester si tout cela a marché, créez un titre sur votre template moderationBar et si le titre s'affiche en dessus du fil de navigation, tout est bien configuré et il ne vous reste plus qu'à développer votre barre de [/FONT][FONT=MyriadPro-Regular]modération[/FONT][FONT=MyriadPro] ! :D Vous pouvez y ajouter des liens vers les signalements, l'édition de la notice, les membres bannis de la shoutbox ainsi que votre classement, enfin [B][COLOR=#b30000]tous les liens [/COLOR][/B]que vous voulez montrer à vos modérateurs. Maintenant, nous allons inclure un lien vers l'adminCP visible uniquement par les administrateurs avec cette balise : <xen:if is="{$visitor.is_admin}"> N'oubliez pas de fermer vos balise <xen:if> ;) Je vous montre mon rendu : [ATTACH=full]94023[/ATTACH] C'est pas mal non ? :p Si vous voulez, voici mon code : [/FONT][/CENTER] [FONT=MyriadPro][CODE]<xen:if is="{$visitor.is_admin} OR {$visitor.is_moderator}"> <xen:require css="moderationbar.css"/> <div class="iconsModerationBar"> <a href="{xen:link shoutbox/banned}" class="ban"><h3 class="bannis">{xen:phrase userBanned}</h3></a> <a href="{xen:link shoutbox/classement}" class="rank"><h3 class="classement">{xen:phrase shoutRank}</h3></a> <a href="{xen:link shoutbox/motd}" class="notice"><h3 class="notice">{xen:phrase editNotice}</h3></a> <a href="{xen:link reports/}" class="reports"><h3 class="reports">{xen:phrase reports}</h3></a> <xen:if is="{$visitor.is_admin}"> <a href="{xen:link admin.php}" class="admincp"><h3 class="admincp">Admin CP</h3></a> </xen:if> </div> </xen:if>[/CODE][/FONT] [CENTER][FONT=MyriadPro] N'oubliez pas de créer les expressions afin que les textes s'affichent bien ! Le CSS : [/FONT][/CENTER] [FONT=MyriadPro][CODE].iconsModerationBar { border: 1px solid #a5cae4; border-radius: 10px; padding: 13px; } h3.bannis { font-family: Open Sans Condensed; font-size: 14px; display: inline; margin-right: 10px; } h3.bannis:before { font-family: "FontAwesome"; content: "\f05e"; padding-right: 5px; } h3.classement { font-family: Open Sans Condensed; font-size: 14px; display: inline; margin-right: 10px; } h3.classement:before { font-family: "FontAwesome"; content: "\f0cb"; padding-right: 5px; } h3.admincp { font-family: Open Sans Condensed; font-size: 14px; display: inline; float: right; } h3.admincp:before { font-family: "FontAwesome"; content: "\f023"; padding-right: 5px; } h3.notice { font-family: Open Sans Condensed; font-size: 14px; display: inline; margin-right: 10px; } h3.notice:before { font-family: "FontAwesome"; content: "\f0e6"; padding-right: 5px; } h3.reports { font-family: Open Sans Condensed; font-size: 14px; display: inline; } h3.reports:before { font-family: "FontAwesome"; content: "\f129"; padding-right: 5px; } h3.bannis:hover { color: #6b8fa8; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; texy-decoration: none; } a.rank:hover { color: #6b8fa8; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; texy-decoration: none; } a.notice:hover { color: #6b8fa8; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; texy-decoration: none; } a.admincp:hover { color: #6b8fa8; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; texy-decoration: none; } a.reports:hover { color: #6b8fa8; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; texy-decoration: none; } .iconsModerationBar a { color: #25323b; }[/CODE] [/FONT] [CENTER][FONT=MyriadPro][ATTACH=full]94020[/ATTACH] C'est déjà fini pour ce tutoriel, si vous avez des questions je suis disponible en privé ou sur ce topic ! :) Bonne journée :bye: [/FONT][/CENTER] [RIGHT][FONT=MyriadPro][SIZE=2][I]Rédigé le 28/07/2016, programmé.[/I][/SIZE][/FONT][/RIGHT] [/QUOTE]
Insérer les citations…
Vérification
Publier la réponse
Forums
Forums généraux
Informatique
Développement
Créer une barre de modération sur votre forum
Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
Acceptez
En savoir plus.…
Haut