Bandeau avec liens dynamiques

3 participants

Page 1 sur 2 1, 2  Suivant

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

Résolu Bandeau avec liens dynamiques

Message par photoclic Mer 30 Déc 2015 - 12:15

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://photoclic.forum-pro.fr/

Description du problème


Bonjour et tous mes vœux à tous.

Tupac a eu la gentillesse de m'écrire la trame de ce que je souhaitais et je l'en remercie encore:

Code:
<table style="padding: 10px; border: 2px solid #FFCC33; background-color:#00FFCC;" align="center">
                                                                     
  <tbody>
                                                                         
      <tr align="center">
                                                                           
        <td>
                                              <img src="http://i68.servimg.com/u/f68/15/55/14/56/sunshy10.jpg" /> <br />  Pseudo du membre                             
        </td>
                                                                                               
        <td>
                                              <img src="http://i68.servimg.com/u/f68/15/55/14/56/sunshy10.jpg" />  <br />  Pseudo du membre                                 
        </td>
                                                                         
        <td>
                                              <img src="http://i68.servimg.com/u/f68/15/55/14/56/sunshy10.jpg" /> <br />  Pseudo du membre                                 
        </td>
                                                                                               
        <td>
                                              <img src="http://i68.servimg.com/u/f68/15/55/14/56/sunshy10.jpg" /> <br />  Pseudo du membre                                 
        </td>
                                                                         
        <td>
                                              <img src="http://i68.servimg.com/u/f68/15/55/14/56/sunshy10.jpg" /> <br />  Pseudo du membre                                 
        </td>
                                                                         
        <td>
                                              <img src="http://i68.servimg.com/u/f68/15/55/14/56/sunshy10.jpg" /> <br />  Pseudo du membre                                 
        </td>
                                                                         
        <td>
                                              <img src="http://i68.servimg.com/u/f68/15/55/14/56/sunshy10.jpg" /> <br />  Pseudo du membre                                 
        </td>
                                                                           
      </tr>
                                           
      <tr align="center">
                                             
        <td colspan="7" style=" border-top: 2px solid #FFCC33;">
                  <a href="http://photoclic.forum-pro.fr/" class="info" target="_blank">Retour au portail</a>                   
        </td>
                                             
      </tr>
                                                                         
  </tbody>
</table>

Dans ce bandeau qui sera affiché sur ma page d'accueil, je souhaiterai y placer les premières photos présentées dans le flux rss du forum Je ne sais pas programmer. Si quelqu'un pouvais m'aider.



Dernière édition par photoclic le Dim 31 Jan 2016 - 1:42, édité 3 fois
photoclic

photoclic
Membre habitué

Masculin
Messages : 1350
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bandeau avec liens dynamiques

Message par photoclic Mer 30 Déc 2015 - 12:17

[quote="photoclic"]

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://photoclic.forum-pro.fr/

Description du problème


Mon post précédent avait été verrouillé faute de up.
photoclic

photoclic
Membre habitué

Masculin
Messages : 1350
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bandeau avec liens dynamiques

Message par photoclic Jeu 31 Déc 2015 - 11:48

up
photoclic

photoclic
Membre habitué

Masculin
Messages : 1350
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bandeau avec liens dynamiques

Message par photoclic Ven 1 Jan 2016 - 13:11

up
photoclic

photoclic
Membre habitué

Masculin
Messages : 1350
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bandeau avec liens dynamiques

Message par photoclic Sam 2 Jan 2016 - 14:16

up
photoclic

photoclic
Membre habitué

Masculin
Messages : 1350
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bandeau avec liens dynamiques

Message par photoclic Dim 3 Jan 2016 - 14:54

up
photoclic

photoclic
Membre habitué

Masculin
Messages : 1350
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bandeau avec liens dynamiques

Message par photoclic Lun 4 Jan 2016 - 12:36

up
photoclic

photoclic
Membre habitué

Masculin
Messages : 1350
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bandeau avec liens dynamiques

Message par photoclic Mar 5 Jan 2016 - 16:38

up
photoclic

photoclic
Membre habitué

Masculin
Messages : 1350
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bandeau avec liens dynamiques

Message par photoclic Mer 6 Jan 2016 - 21:48

Bonsoir,

Personne pour m'aider?
photoclic

photoclic
Membre habitué

Masculin
Messages : 1350
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bandeau avec liens dynamiques

Message par photoclic Jeu 7 Jan 2016 - 20:34

up
photoclic

photoclic
Membre habitué

Masculin
Messages : 1350
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bandeau avec liens dynamiques

Message par photoclic Ven 8 Jan 2016 - 23:24

Personne pour m'aider aidez moi
photoclic

photoclic
Membre habitué

Masculin
Messages : 1350
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bandeau avec liens dynamiques

Message par photoclic Dim 10 Jan 2016 - 12:58

up
photoclic

photoclic
Membre habitué

Masculin
Messages : 1350
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bandeau avec liens dynamiques

Message par photoclic Mar 12 Jan 2016 - 2:04

personne pour m'aider.
photoclic

photoclic
Membre habitué

Masculin
Messages : 1350
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bandeau avec liens dynamiques

Message par photoclic Mer 13 Jan 2016 - 12:30

Je viens de trouver un site qui me permet de réaliser exactement ce que je recherchais, c'est à dire afficher le flux RSS de mon forum sous forme de bandeau.

Ce site est : https://www.rssinclude.com/

ça donne ça :

Bandeau avec liens dynamiques Sans_t19

Le seul problème, c'est que c'est payant.

Est-ce que quelqu'un saurait mettre un flux rss sous cette forme, ou avoir un code qui le permet?

J'espère faire avancer le schmilblic.


photoclic

photoclic
Membre habitué

Masculin
Messages : 1350
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bandeau avec liens dynamiques

Message par julworld Mer 13 Jan 2016 - 17:57

Bonsoir,

Sur votre forum, il y a bien un widget nommé "les photos du clic". Ce n'est pas ce que vous vouliez ?
Mettre le flux RSS avec l'affichage des images doit permettre ce résultat.
julworld

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bandeau avec liens dynamiques

Message par photoclic Mer 13 Jan 2016 - 22:00

Bonsoir Julword,

Le widget que j'ai mis se déroule de façon verticale.
Je voudrais justement le remplacer par ce bandeau qui est fixe et présente les 14 dernières photos postées.

On le voit sur mon forum teste ici: http://tourmagic.forumactif.org/
photoclic

photoclic
Membre habitué

Masculin
Messages : 1350
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bandeau avec liens dynamiques

Message par julworld Jeu 14 Jan 2016 - 9:54

Dans ce cas, rendez-vous sur votre forum http://tourmagic.forumactif.org/ et dans le panneau d'administration regardez les paramètres liés au widget qui s'affiche horizontalement.
Normalement dans Modules > Gestion des Widgets du Forum.
Ensuite il ne reste plus qu'à appliquer les mêmes paramètres sur le nouveau forum.
julworld

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bandeau avec liens dynamiques

Message par photoclic Jeu 14 Jan 2016 - 10:07

Bonjour Julworld.

Les paramètres de ce bandeau m'ont été transmis par le site rssinclude après définition de ce que je souhaitais. C'est moi qui les ai placé là. Ils sont actifs pendant une période d'essai d'un mois, ensuite c'est payant.

Voici ces paramètres:
Code:
 <script type="text/javascript" src="http://output69.rssinclude.com/output?type=js&id=1050881&hash=023267a76e4235d004260f62951b8b08"></script>

D'où ma demande ici présente pour avoir le code HTML et Javascript pour insérer le flux RSS du forum de cette manière.
photoclic

photoclic
Membre habitué

Masculin
Messages : 1350
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bandeau avec liens dynamiques

Message par julworld Jeu 14 Jan 2016 - 16:10

Bien, dans ce cas le plus simple est sans doute de recommencer l'opération, mais cette fois-ci en allant à cette adresse : http://www.actifpub.com/script/

Via ce formulaire vous pouvez gérer l'apparence du flux RSS, et ensuite il ne reste plus qu'à faire un copier/coller du code javascript et l'insérer sur votre forum. En espérant que cela fonctionne.
julworld

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bandeau avec liens dynamiques

Message par photoclic Jeu 14 Jan 2016 - 16:54

Merci Julword de revenir vers moi.

Ce lien permet en effet de récupérer un flux, mais ne propose pas de mise en page en bandeau comme le propose rssinclude. C'est justement mon problème.

Feed.mikkle propose lui un défilement vertical, et c'est ce que j'ai mis pour l'instant sur mon site photoclic. Alors que ce que je cherche à mettre en place est un bandeau horizontal du flux rss comme décrit plus haut.
photoclic

photoclic
Membre habitué

Masculin
Messages : 1350
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bandeau avec liens dynamiques

Message par photoclic Dim 17 Jan 2016 - 15:15

up
photoclic

photoclic
Membre habitué

Masculin
Messages : 1350
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bandeau avec liens dynamiques

Message par photoclic Mar 19 Jan 2016 - 1:22

up
photoclic

photoclic
Membre habitué

Masculin
Messages : 1350
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bandeau avec liens dynamiques

Message par photoclic Ven 22 Jan 2016 - 10:56

Personne pour m'aider.
photoclic

photoclic
Membre habitué

Masculin
Messages : 1350
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bandeau avec liens dynamiques

Message par photoclic Lun 25 Jan 2016 - 14:16

Re up
photoclic

photoclic
Membre habitué

Masculin
Messages : 1350
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bandeau avec liens dynamiques

Message par photoclic Ven 29 Jan 2016 - 1:23

up
photoclic

photoclic
Membre habitué

Masculin
Messages : 1350
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bandeau avec liens dynamiques

Message par no_way Ven 29 Jan 2016 - 1:33

Bonsoir.

Ce que vous demandez doit être possible via Javascript mais il va me falloir un peu de temps, s'agit-il bien du flux les bests ?
no_way

no_way
Membre actif

Messages : 2214
Inscrit(e) le : 26/03/2010

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

Résolu Re: Bandeau avec liens dynamiques

Message par photoclic Ven 29 Jan 2016 - 1:44

Vraiment sympa no-way si tu pouvais me faire avancer.

En fait actuellement je prends effectivement soit le flux des Best, soit le flux de Phototest en mettant en adresse de flux soit "http://photoclic.forum-pro.fr/feed/?f=1" soit "http://photoclic.forum-pro.fr/feed/?f=4"
photoclic

photoclic
Membre habitué

Masculin
Messages : 1350
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bandeau avec liens dynamiques

Message par no_way Ven 29 Jan 2016 - 1:55

Je pense avoir trouvé une solution, ajoute le code CSS suivant:
Code:
#rssEphotos {
  width: 200px;/*à modifier selon ton forum*/
  overflow: hidden;
  border: 1px solid #ccc;
  background: black;
  color: white;
  padding: 20px 0px;
}
#rssEphotos div{
  text-align:center;
  margin-left:1em;
  margin-right:1em;
  float:left
}
#rssEphotos img{
    height:100px /*à modifier selon tes goûts*/
}

Ajoute le code javascript suivant en cochant pour placement "sur toutes les pages":
Code:
$(function(){
try{
$.getScript('http://illiweb.com/rs3/21/frm//jquery/marquee/jquery.marquee.min.js',function(){
$.get("http://photoclic.forum-pro.fr/feed/?f=1",function(d){
  var $i=$(d).find('item'),html='';
  for(var i=0;i<$i.length;i++){
    var auteur=$($i[i]).html().match(/([^>]+)(?=(<\/dc:creator))/)[1];
    var photo=$($i[i]).find('description').html().match(/img\s+src=\W?([a-z0-9_:\/\.-]+(jpg|png))/i);
    if(photo[1]){
      html+='<div><img src="'+photo[1]+'" /><br />'+auteur+'</div>';
    }
  }
$('#rssEphotos').html(html);
$('#rssEphotos').marquee({
duration: 4000,
delayBeforeStart: 0,
direction: 'left',
duplicated: false
});
})})}catch(e){}});

Enfin pour le code de ton widget, il te suffira de mettre:
Code:
<div id="rssEphotos" data-pauseonhover="true"></div>

Tu peux avoir un aperçu ici
no_way

no_way
Membre actif

Messages : 2214
Inscrit(e) le : 26/03/2010

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

Résolu Re: Bandeau avec liens dynamiques

Message par photoclic Ven 29 Jan 2016 - 11:34

Merci No Way.
Sur votre lien, ça marche super.

Par contre sur mon site, j'ai un widget noir, les photos ne défilent pas.
La hauteur du widget faisait 1cm. J'ai donc ajouté une ligne dans le css "#rssEphotos": "height:200px;"
Mais malgré tout ça ne défile pas, j'ai un rectangle noir.
photoclic

photoclic
Membre habitué

Masculin
Messages : 1350
Inscrit(e) le : 20/11/2015

http://photoclic.forum-pro.fr/
photoclic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bandeau avec liens dynamiques

Message par no_way Ven 29 Jan 2016 - 11:55

De rien mais je ne vois pas le widget sur votre forum de mon côté...
no_way

no_way
Membre actif

Messages : 2214
Inscrit(e) le : 26/03/2010

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

Page 1 sur 2 1, 2  Suivant

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