Widget dernières images partagées sur sujet

[photoclic]

Bonjour,

Existerait-il un code permettant de positionner le nouveau widget dernières images partagées en haut de la page de chaque sujet, voire en haut de toutes les pages ?

En vous remerciant pour votre aide.

[Toryudo]

Bonjour !

Oui, c'est possible de l'afficher un peu où on veut.
Par exemple, pour l'afficher sur toutes les pages, il va falloir ajouter ce code (pour version phpbb3) dans le Template overall_header :

Code:

<div class="forabg">
   <div class="inner"><span class="corners-top"><span></span></span>
      <ul class="topiclist">
         <li class="header">
            <dl class="icon">
               <dd class="dterm"><div class="table-title"><h2>Images partagées récemment</h2></div></dd>
            </dl>
         </li>
      </ul>
      <div class="container-imgs-list" style="max-height: 500px" id="imageList">
         <script type="text/javascript" src="https://illiweb.com/rs3/80/frm/colcade/colcade.js"></script>
         <script type="text/javascript" src="https://illiweb.com/rs3/80/frm/colcade/FA_ImageList.js"></script>
         <script>
            new FA_ImageList({
               container: document.getElementById("imageList"),
               containerElem: '#imageList',
               columns: '.image_column',
               items: '.image_item',
               imgBaseWidth: 250,
               extraPadding: 30,
               maxImgPerFrame: 2,
               limitDisplay: 1,
               path2img: "https://2" + "img.net/"
            })
         </script>
      </div>
   </div>
   <span class="corners-bottom"><span></span></span>
</div>

A quel endroit précisément, je dirais que vous avez le choix. Chez vous, je pense que juste en dessous de la ligne <div id="page-body">, ce sera pas mal. A voir si ce positionnement ça n'embête pas tous les scripts que vous avez, normalement non mais sait-on jamais !

[photoclic]

Bonjour Toryudo,
Merci pour ton aide.

Ton script fonctionne parfaitement, mais ne correspond pas à ce que j'avais en tête, car ce qui apparait, c'est le pavé "Images partagées récemment".

Or le nouveau widget "Dernières images" se présente différemment. Quand je le mets par exemple en bas du portail, j'ai un bandeau sur une ligne et avec les images qui défilent.
Ce que j'avais en tête, c'est d'avoir ce bandeau en haut de la page de chaque sujet, voire en haut de toutes les pages. Si c'est possible avec un réglage de sa hauteur et de la taille des images qui défilent dedans.

Merci encore pour ton aide.

[Toryudo]

Ah oui zut, pas comme sur votre forum actuellement donc, ce serait vraiment pour les widgets du footer.
Pour eux, oui, vous pouvez les mettre sur toutes les pages, vous choisissez ça dans la configuration des widgets.
Pour pouvoir déplacer ça par contre, il va falloir ajouter un script, parce que ce n'est pas possible directement via Template. Voilà le script qu'il faudrait rajouter, à placer sur toutes les pages lui aussi :

Code:

$(function(){
  $('#page-body').prepend($('#f_widgets_col_0'));
});

Au niveau des réglages par contre, ça ne va pas être possible : en fait, les images sont toutes à 100% de leur taille normale, ce sont des "miniatures des images originales".

Si je prends l'exemple de l'image https://i.servimg.com/u/f61/17/83/52/06/a2023130.jpg sur votre forum, alors dans le widget, c'est l'image suivante qui s'affiche à la place : https://2img.net/280x/i.servimg.com/u/f61/17/83/52/06/a2023130.jpg
Pas possible de changer sa taille du coup, et changer la taille du cadre ne fait rien de spécial, il faudrait tout recoder pour le personnaliser !

[photoclic]

Dommage pour les tailles non réglables.

Ah, bien vu, je n'avais pas pensé à utiliser les widgets du footer et choisir uniquement celui là.

Le js fonctionne bien
Par contre ce qui est proposé, ne permet pas de le mettre sur les sujets uniquement.
Peut-être est-il possible de le mettre sur toutes les pages et le masquer sur le portail et l'accueil par exemple?
Mais je ne saurais le faire.

[Toryudo]

Bonjour !

Et voilà, sur toutes les pages sauf Accueil et Portail :

Code:

$(function(){
  if (window.location.pathname == '/' || window.location.pathname == '/portal'){
    $('#f_widgets_col_0').remove();
  } else {
    $('#page-body').prepend($('#f_widgets_col_0'));
  }
});

[photoclic]

Bonjour Toryudo,

C'est parfait.
Un grand merci pour ton aide.