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

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

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

Message par winyan_ska Mer 21 Juin 2023 - 13:13

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 Very Happy
winyan_ska

winyan_ska
**

Féminin
Messages : 94
Inscrit(e) le : 28/11/2012

http://www.theleejlalong.forumgratuit.be
winyan_ska a été remercié(e) par l'auteur de ce sujet.

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

Message par MlleAlys Mer 21 Juin 2023 - 15:02

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)
MlleAlys

MlleAlys
Membre actif

Messages : 5850
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

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

Message par Neptunia Jeu 22 Juin 2023 - 12:24

Bonjour,


Je vous propose un script qui ajoutera cette icône hebergeur d images à integrer - Comment afficher sur chaque page du forum, l'hébergeur d'image Zupimages ? Zu161610 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.
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

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

Message par winyan_ska Ven 23 Juin 2023 - 7:06

Bonjour, je crois avoir bien suivie la manipulation, mais ca ne s'affiche pas sur toutes les pages, ni ailleurs.
hebergeur d images à integrer - Comment afficher sur chaque page du forum, l'hébergeur d'image Zupimages ? Arvb
hebergeur d images à integrer - Comment afficher sur chaque page du forum, l'hébergeur d'image Zupimages ? Kwks
hebergeur d images à integrer - Comment afficher sur chaque page du forum, l'hébergeur d'image Zupimages ? Pbz4
Merci pour l'aide
J'aurai souhaité qu'il s'affiche en haut des pages.
winyan_ska

winyan_ska
**

Féminin
Messages : 94
Inscrit(e) le : 28/11/2012

http://www.theleejlalong.forumgratuit.be
winyan_ska a été remercié(e) par l'auteur de ce sujet.

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

Message par Neptunia Ven 23 Juin 2023 - 9:11

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.

hebergeur d images à integrer - Comment afficher sur chaque page du forum, l'hébergeur d'image Zupimages ? Editeu10
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

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

Message par MlleAlys Ven 23 Juin 2023 - 18:13

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.
MlleAlys

MlleAlys
Membre actif

Messages : 5850
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

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

Message par winyan_ska Ven 23 Juin 2023 - 18:45

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

winyan_ska
**

Féminin
Messages : 94
Inscrit(e) le : 28/11/2012

http://www.theleejlalong.forumgratuit.be
winyan_ska a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum