Comment afficher sur chaque page du forum, l'hébergeur d'image Zupimages ?

[winyan_ska]

Détails techniques

Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Autre
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : depuis que l'hebergeur principal à disparu
Lien du forum : http://www.theleejlalong.forumgratuit.be

Description du problème

Bonjour, j'aimerai que sur chaque page du forum, l'on puisse télécharger ses images vie le site ZUPIMAGES.
Je crois qu'il va falloir modifier la feuille de style CSS, mais je ne connais pas la manœuvre, ni le code exacte. Si vous pouvez m'aider, j'en serai heureuse. Merci par avance

[MlleAlys]

Bonjour,
Vous avez apparemment mis le code de l'hébergeur dans la page d'accueil du forum, qui ne s'affiche que sur l'index. Pour que l'hébergeur s'affiche sur toutes les pages du forum, il faut déplacer ce code dans un template commun à toute les page ou avec un javascript. Après, tout dépend de l'endroit où vous voulez qu'il s'affiche : sous les annonces comme actuellement, ou bien ailleurs (flottant sur le côté du forum, en haut, en bas, avec un bouton pour le cacher ou l'afficher, etc)

[Neptunia]

Bonjour,


Je vous propose un script qui ajoutera cette icône juste à gauche de l'icône existante pour héberger sur Servimg

- Panneau d'administration  Modules  HTML & JAVASCRIPT  Gestion des codes Javascript
- Activer la gestion des codes Javascript : S'assurer que le Oui soit coché.
- Créer un nouveau javascript
--> Titre : Ce que vous voulez qui soit assez explicite pour vous (chez moi = Bouton Zupimages éditeur)
--> Placement : sur toutes les pages
--> Code javascript :

Code:

$(function(){$(function(){
$('<a class="sceditor-button sceditor-button-zupimages" unselectable="on" title="héberger une image avec zupimages"><div unselectable="on"style="background-image:url(https://i.servimg.com/u/f93/19/50/00/72/zu161610.png)"></div></a>').insertBefore('.sceditor-button-servimg');
           $('.sceditor-button-zupimages').click(function(e){
             e.preventDefault();
             if($('.sceditor-zupimages').length == 0){
               $('<div class="sceditor-dropdown sceditor-zupimages">
                 <iframe src="https://www.zupimages.net/api/index.php?background=transparent&color=FFFFFF&header=yes&lastimage=yes" width="100%" height="180" frameborder="0"></iframe></div>').appendTo('body');
             }else{
                 $('.sceditor-zupimages').fadeToggle();
             };
             var y = $('.sceditor-button-zupimages').offset().top+30;
             var x = $('.sceditor-button-zupimages').offset().left;
             $('.sceditor-zupimages').css({'position':'absolute', 'top':y+'px', 'left':x+'px'});
           });
        
 
         })});

Vous pouvez bien évidemment remplacer l'image affectée au bouton en modifiant ce lien en début de script
https://i.servimg.com/u/f93/19/50/00/72/zu161610.png

Vous pouvez aussi demander à ce qu'on vous place ce bouton à un autre endroit dans la barre d'outils des messages. Le tout est de bien savoir où vous le voulez, pour qu'on sache comment vous y aider.

[winyan_ska]

Bonjour, je crois avoir bien suivie la manipulation, mais ca ne s'affiche pas sur toutes les pages, ni ailleurs.



Merci pour l'aide
J'aurai souhaité qu'il s'affiche en haut des pages.

[Neptunia]

La solution que je vous ai proposée s'intègre à l'éditeur de messages.

Une capture écran (sur un forum phpBB3) sera plus parlante.

[MlleAlys]

Pour un affichage équivalent à ce que vous avez actuellement (au passage, votre forum semble être en version phpbb2 et non phpbb3), mais sur toutes les pages, vous pouvez faire ainsi :

- Dans modules > javascripts
- créez un nouveau code
- donnez lui un nom reconnaissable (par exemple "zupimage")
- cochez un placement "sur toutes les pages"
- copiez/collez le code suivant :

Code:

$(function(){
  $("#page-body").prepend('<table id="zupimage" class="forumline" width="100%" style="margin-bottom:5px;" cellspacing="0"><tr><td class="row1" style="text-align:center;"><iframe src="https://www.zupimages.net/api/index.php?background=transparent&amp;color=000000&amp;header=yes&amp;lastimage=yes" width="210" height="120" frameborder="no" scrolling="no"></iframe></td></tr></table>');
});

- actualisez votre forum pour vérifier l'affichage
- vous pouvez alors supprimer le contenu de votre page d'accueil dans affichage > page d'accueil, pour éviter le doublon sur l'index.

[winyan_ska]

Je vous remercie, j'ai trouvé le logo dans la barre de message et je vais ajouter l'autre également, merci