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

[html collapse="false"]<code></code>[/html]

insérez

[css collapse="false"]<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>[/css]

Dans l’administration de votre forum phpBB

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

Puis insérez:

[html collapse="false"][thumbnail]{URL}[/thumbnail][/html]

Et :

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

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;

Vous aimerez peut-être:

Tweeter phpBB3, tutoriaux