[PBTV5.0] Ajouter des hébergeurs d'images à la barre BBCode

Introduction:

Comme tout à chacun on peux offrir 2 choix sur un site soit héberger les images directement sur le site via le système d'upload proposé, soit via des hébergeurs d'images. Membres comme administrateur apprécieront chacun les deux opportunités proposées.

Le visuel

Avertissement

Avant toutes modifications de votre site, pensez à faire une sauvegarde et du site et de votre Base de données.

Commençons ..

Pour commencez rendez-vous dans le dossier de votre thème que vous trouverez dans le dossier "templates".
Vérifier si vous avez le dossier "modules" d'existant et si dans ce dossier vous avez déjà un dossier "BBCode" existant.

- Si oui : regardez si vous avez les fichiers suivants dedans : "bbcode.css" et "bbcode_editor.tpl" et le dans ce cas c'est tout bon !
- Si non : Si il vous manque le fichier "bbcode.css" et/ou le "bbcode_editor.tpl" importez-le du dossier racine "BBCode/templates"

Et si le dossier "b]module[/b]" n'existe pas, créez le , ainsi que le dossier "BBCode" et importez les fichiers cités ci-dessus du dossier racine.

Le dossier images

Dans le dossiers "Modules/BBCode", si le dossier "images" n'existe pas, créez le !
Téléchargez cette archive et placez les images PNG dans le dossier "images".

Le fichier bbcode_editor.tpl

Éditez le avec notepad++ / ou votre bloc note, rendez-vous à la ligne 240, et copiez-y ce code:

Code TPL :

 
 <ul id="bbcode-container-pictures" class="bbcode-container">
<li class="bbcode-elements">
<a href="http://www.zupimages.net/" class="fa bbcode-icon-zupimages" title="Zupimages | Héberger vos d'images" target="_blank"></a>
</li>
<li class="bbcode-elements">
<a href="http://www.casimages.com/" class="fa bbcode-icon-casimages" title="Casimages | Héberger vos d'images" target="_blank"></a>
</li>
<li class="bbcode-elements">
<a href="http://www.noelshack.com/" class="fa bbcode-icon-noelshack" title="NoelShack | Héberger vos d'images" target="_blank"></a>
</li>
</ul>

Note: vous pouvez bien entendu mettre les hébergeurs de votre choix.

Enregistrer et fermer.

Le fichier bbcode.css

Éditez le avec notepad++ / ou votre bloc note, allez à la ligne 46, vérifiez que vous avez bien ceci comme code :

Code CSS :

 
.bbcode-elements {
    display: inline-block;
    height: 24px;
    margin-right: 4px;
    position: relative;
    width: 27px;
}

- Si oui: ne vous en occupez plus.
- Si non: remplacez par celui-ci.

Ensuite toujours dans le même fichier, rendez-vous à la ligne 280 et ajouter ceci :

Code CSS :

 
.bbcode-icon-zupimages:before   { content: url('images/zupimages.png'); }
.bbcode-icon-casimages:before   { content: url('images/casimages.png'); }
.bbcode-icon-noelshack:before   { content: url('images/noelshack.png'); }

Enregistrer et fermer.

Et pour finir ...

Important: N'oubliez pas de rafraîchir vos cache dans l'administration/Outils/Cache ==> CSS et tpl!

Si vous avez des questions, n'hésitez pas à les poser sur le forum

Créé le 22/12/2016, par Swan