Des miniatures sur son forum phpBB3

Nov

2007

( 1 - Vote des lecteurs )

Tutoriaux

Écrit par Raoul

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. Télécharger le fichier CSS , puis le premier fichier JAVA et le troisième .(ces fichiers sont sûrs, ils sont sur mon site - ils vont s'ouvrir sur votre navigateur, vous aurez simplement à les sauvegarder).Puis téléchargez ces deux images 1 et 2
• 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 <head></head> 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;