Dans ce tutoriel nous allons ajouter un bouton dans la partie viewtopic
Dans mon exemple j'ai ajouté un bouton "modération" à coté du bouton "éditer" pointant directement vers le panneau de modération, il est donc tout à fait possible d'ajouter un autre type de bouton.
» Partie .css
Dans le fichier styles/votre_style/theme/colours.css
chercher:
Code : Tout sélectionner
.warn-icon, .warn-icon a { background-image: url("{IMG_ICON_USER_WARN_SRC}"); } /* Need updated warn icon */
Code : Tout sélectionner
.moderation-icon, .moderation-icon a { background-image: url("{IMG_ICON_POST_MODERATION_SRC}"); }
Dans le fichier styles/votre_style/theme/buttons.css
chercher:
Code : Tout sélectionner
.info-icon, .info-icon a { background: none top left no-repeat; }
Code : Tout sélectionner
.moderation-icon, .moderation-icon a { background: none top left no-repeat; }
Code : Tout sélectionner
ul.profile-icons li.warn-icon { width: {IMG_ICON_USER_WARN_WIDTH}px; height: {IMG_ICON_USER_WARN_HEIGHT}px; }
Code : Tout sélectionner
ul.profile-icons li.moderation-icon { width: {IMG_ICON_POST_MODERATION_WIDTH}px; height: {IMG_ICON_POST_MODERATION_HEIGHT}px; }
Code : Tout sélectionner
/* Fix profile icon default margins */
Code : Tout sélectionner
ul.profile-icons li.moderation-icon { margin: 0 0 0 3px; }
Dans le fichier styles/votre_style/template/viewtopic_body.html
chercher:
Code : Tout sélectionner
<!-- IF postrow.U_EDIT --><li class="edit-icon"><a href="{postrow.U_EDIT}" title="{L_EDIT_POST}"><span>{L_EDIT_POST}</span></a></li><!-- ENDIF -->
Code : Tout sélectionner
<!-- IF U_MCP --><li class="moderation-icon"><a href="{U_MCP}">{L_MCP}</a></li><!-- ENDIF -->
Dans le fichier viewtopic.php
chercher:
Code : Tout sélectionner
'POST_IMG' => ($topic_data['forum_status'] == ITEM_LOCKED) ? $user->img('button_topic_locked', 'FORUM_LOCKED') : $user->img('button_topic_new', 'POST_NEW_TOPIC'),
Code : Tout sélectionner
'POST_MODERATION_IMG' => $user->img('icon_post_moderation', 'MODERATION'),
chercher:
Code : Tout sélectionner
'MODERATORS' => 'Modérateurs',
Code : Tout sélectionner
'MODERATION' => 'Aller au panneau de modération',
Dans le fichier styles/votre_style/imageset/fr/imageset.cfg
chercher:
Code : Tout sélectionner
img_button_topic_reply = button_topic_reply.gif*25*96
Code : Tout sélectionner
img_icon_post_moderation = icon_post_moderation.gif*20*80
enregistrez l'images jointe dans le dossier styles/votre_style/imageset/fr/ » Partie base de données
Rendez-vous dans console d'administration de phpMyAdmin et exécutez cette requête pour que la nouvelle image du pack que l'on vient de mettre dans le dossier styles/votre_style/imageset/fr/ soit enregistrée dans la base de données
Code : Tout sélectionner
INSERT INTO phpbb_styles_imageset_data (image_name, image_filename, image_lang, image_height, image_width, imageset_id) VALUES
('icon_post_moderation', 'icon_post_moderation.gif', 'fr', 20, 80, 1);
Voila pouvez maintenant ajouter un bouton avec un lien cliquable à l'aide de variables et votre image est enregistrée dans la base de données.
A bientôt...