Des miniatures sur son forum phpBB3

Billet mis à jour le 26 mars 2014

Comment permettre la création de miniatures pour une image trop grande sur mon forum phpBB3 ?
Ainsi lorsque je veux afficher une image trouvée sur un autre site, bien qu’elle soit grande, je devrais pouvoir le faire sans qu’elle déforme tout le design de mon forum.

Principe

On va utiliser un code javascript, en se fondant sur le travail open-source ThickBox. Ce code on va l’adapter pour phpBB3, et on l’appelera par une fonction bbcode que l’on va donc créer pour l’occasion.
Ainsi lorsqu’on voudra insérer une image distante sur le forum, une miniature sera créé, on lorsqu’on cliquera dessus, l’image d’origine apparaîtra.

Téléchargez,  installez et modifiez

Comme d’habitude nous n’utiliserons que des créations open-source et donc gratuites. Il vous faudra télécharger un fichier pour la feuille de style, un second fichier javascript, et un troisième également javascript.

(ces fichiers sont sûrs, ils sont sur mon site – ils vont s’ouvrir sur votre navigateur, vous aurez simplement à les sauvegarder).

Installez ensuite les trois premiers fichiers dans un dossier que vous nommerez tb à la racine de votre forum sur le ftp.
Les deux images, vous pouvez les installer dans votre dossier images à la racine de votre forum.

Puis avec votre éditeur de texte habituel, ouvrez overall_header.html (dans /styles/nomdutemplate/template/overall_header.html )

Entre les balises

<code></code>

insérez

<style type="text/css" media="all">
 @import "changer-dossier/tb.css";
 </style>
 <script src="/changer-dossier/tb.js" type="text/javascript"></script>
 <script src="/changer-dossier/tb_com.js" type="text/javascript"></script>

Dans l’administration de votre forum phpBB

Retrouvez l’onglet messages / bbcode comme sur l’image

Puis insérez:

[thumbnail]{URL}[/thumbnail]

Et :

<span class="hoverbox"><a href="/{URL}" title="" class="thickbox" rel="gallery-plants"><img src="/{URL}" /></a></span>

Publiez le résultat, puis dans votre message sur le forum mettez le lien image avec l’extension .jpg ou .png ou autres entre les balises générée par phpBB que vous venez de créer.
Exemple en place : Sur ce forum.

Quels paramètres puis-je modifier ?

La taille des miniatures se règle dans votre fichier CSS, tb.css que vous venez d’installer.
Rechercher .hoverbox img et modifier les attributs max-width:250px; et max-height:250px;

2 commentaires On Des miniatures sur son forum phpBB3

  • Merci pour le partage de cette fonctionnalité. Je ne savais pas qu’on pouvait afficher des miniatures sur son forum phpBB3 aussi facilement. On peut oublier les soucis d’affichage des images, je vais tenter de mettre la soluce en place sur mon forum même si je ne suis pas très doué en informatique 🙂 . Je reviendrai certainement si j’ai besoin d’un coup de main.

Laisser une réponse:

Votre adresse mail ne sera pas publiée.

Notifiez-moi des commentaires à venir via email. Vous pouvez aussi vous abonner sans commenter.

Pied du site

Barre latérale coulissante