Bandeau défilement, mise à jour automatique

Jeu 29 Jan 2015 - 10:16

perle2lune

Age : 41Messages : 218

Jeu 29 Jan 2015 - 10:16

Ma demande

Bonjour,

Je viens pour une demande un peu particulière , je suis admin d'un forum littéraire où l'on échange sur nos lectures.
Nous avons mis en place un bandeau de défilement automatique pour les nouveautés que nous avons postées mais la mise à jour est manuelle, toutes les semaines nous faisons donc une séléction des livres qui ont été postés et nous ne pouvons en mettre que 8 .
J'aimerais que le bandeau se mette tout seul à jour , j'ai vu ça sur un autre forum (non forum actif je précise) , dés qu'une personne poste le bandeau se met à jour avec l'image intégrée au sujet , il y a une vingtaine de nouveautés donc en permanence qui défilent, le code que nous avons trouvé ne comporte que 8 possibilités sinon les images se chevauchent.
Le cas particulier c'est qu'il faudrait que le bandeau se mette à jour que sur une catégorie de notre forum Wink

(la partie fiche de lecture forcément ^^).
J'espère que je suis claire c'est pas un souci si je dois vous préciser quelque chose n'hésitez pas.

Milles merci par avance.

Schéma(s) et Eléments
Schémas : La même chose qu'actuellement : https://i.servimg.com/u/f38/11/44/62/33/00210.jpg avec + d'images, le bandeau doit défiler.
Tailles des éléments : (en pourcentage ou en pixels, ou bien simplement en proportions approximatives si vous ne savez pas comment les indiquer)
Version de votre forum : PHPBB2

Ressources
Aucune image particulière

Autres précisions ?
Si vous avez besoin de signaler autre chose ou d'indiquer un supplément d'information...

Dernière édition par perle2lune le Mar 3 Mar 2015 - 15:54, édité 1 fois

Jeu 29 Jan 2015 - 14:46

Neva

Age : 33Messages : 18565

Jeu 29 Jan 2015 - 14:46

Salut,

Il faudrait donner l'adresse de ton forum ainsi que les codes actuels pour faciliter le travail aux codeurs en leur précisant aussi quelle section devra être reliée. Et ce serait également bien que tu donnes le lien du forum où tu as vu l'effet que tu recherches, ça illustrera un peu mieux ce que tu cherches.
Je laisse les spécialistes répondre mais je ne sais pas si ça va être faisable sur FA. En gros, tu veux répertorier tous les sujets dans ce bandeau, chaque sujet étant représenté par une image ? Et la couverture est postée dans le sujet en question, c'est ça ?

Jeu 29 Jan 2015 - 18:19

perle2lune

Age : 41Messages : 218

Jeu 29 Jan 2015 - 18:19

Bonjour Neva,

Pas tous les sujets dieu merci lol ça ferait beaucoup d'images ^^
Non juste les 10/15 derniers sujets et oui il s'agit d'une photo qui est présente dans le post :)

Voici le lien du forum concerné par la demande : http://abeillotheque.forumofficiel.com/
Et le forum sur lequel j'ai pu voir le bandeau qui défile avec toutes les nouveautés : clic

Concernant le code je me rapproche de mon amie qui a codé pour vous dire ça dés que je peux !

Jeu 29 Jan 2015 - 20:02

perle2lune

Age : 41Messages : 218

Jeu 29 Jan 2015 - 20:02

Re bonsoir,

Le code actuel est celui-ci, Il est mis dans la partie message -> annonce

Code:: Nos nouveautés : <br /><br /><a href="http://abeillotheque.forumofficiel.com/t3016-redmerski-j-a-the-edge-of-never"><img alt="" border="0" src="http://i38.servimg.com/u/f38/19/03/40/66/the-ed10.png" /></a> <a href="http://abeillotheque.forumofficiel.com/t3000-kerr-philip-le-chiffre-de-l-alchimiste"><img alt="" border="0" src="http://i38.servimg.com/u/f38/19/03/40/66/alchi11.png" /></a> <a href="http://abeillotheque.forumofficiel.com/t2857-kass-morgan-les-100"><img alt="" border="0" src="http://i38.servimg.com/u/f38/19/03/40/66/les_1011.png" /></a><a href="http://abeillotheque.forumofficiel.com/t2821-cline-ernest-player-one"><img alt="" border="0" src="http://i38.servimg.com/u/f38/19/03/40/66/player10.png" /></a> <a href="http://abeillotheque.forumofficiel.com/t2998-fitzgerald-helen-le-don"><img alt="" border="0" src="http://i38.servimg.com/u/f38/19/03/40/66/don10.png" /></a><a href="http://abeillotheque.forumofficiel.com/t2858-larksarah-le-pays-du-nuage-blanc"><img src="http://i38.servimg.com/u/f38/19/03/40/66/pays10.png" border="0" alt="" /></a> <a href="http://abeillotheque.forumofficiel.com/t3008-dorn-wulf-nos-desirs-et-nos-peurs"><img alt="" border="0" src="http://i38.servimg.com/u/f38/19/03/40/66/nos_de10.png" /></a> <a href="http://abeillotheque.forumofficiel.com/t3007-suede-damon-head"><img src="http://i38.servimg.com/u/f38/19/03/40/66/head-t10.png" border="0" alt="" /> </a>

Dim 1 Fév 2015 - 17:07

perle2lune

Age : 41Messages : 218

Dim 1 Fév 2015 - 17:07

Bonjour,

Un petit up pour moi ! :)
Je change tous les jours mes petites images lol c'est pas trop rigolo surtout que je dois les redimensionner à chaque fois :mdr:

Mer 4 Fév 2015 - 15:21

perle2lune

Age : 41Messages : 218

Mer 4 Fév 2015 - 15:21

Bonjour,

Un petit up s'il vous plaît, merci ! Embarassed

Jeu 5 Fév 2015 - 19:47

Nihil Scar Winspeare

Messages : 5244

Jeu 5 Fév 2015 - 19:47

Coucou Perle2Lune

Sur ton forum, le bandeau s'affiche pour les invités, et quand on clique sur une image on arrive sur le sujet. Le sujet lui est dans une section fermée aux invités.

Tu ne pourras pas faire ça malheureusement : si les invités n'ont pas accès aux sujets, le bandeau ne pourra pas s'actualiser automatiquement pour eux. En effet, on peut faire ça en javascript, mais cela nécessite que la personne qui regarde le bandeau puisse aussi lire le forum (et les topics) de la section où se trouve les images à récupérer.

Si je comprends bien (je récapitule juste pour bien vérifier) :
Le bandeau doit afficher les images (avec le lien du sujet) des 10 / 15 topics en haut de la liste des sujets d'un forum.

Je change tous les jours mes petites images lol c'est pas trop rigolo surtout que je dois les redimensionner à chaque fois

Pour ce qui est de redimensionner les images, sache qu'il est possible de le faire directement en CSS (si ça peut déjà t'épargner du travail)

Explications:

En mettant tout autour une div

Code:: <div class="bandeau_nouveaute">  </div>

Ainsi si tu remplaces :

Code:: Nos nouveautés : <br /><br /><a href="http://abeillotheque.forumofficiel.com/t3016-redmerski-j-a-the-edge-of-never"><img alt="" border="0" src="http://i38.servimg.com/u/f38/19/03/40/66/the-ed10.png" /></a> <a href="http://abeillotheque.forumofficiel.com/t3000-kerr-philip-le-chiffre-de-l-alchimiste"><img alt="" border="0" src="http://i38.servimg.com/u/f38/19/03/40/66/alchi11.png" /></a> <a href="http://abeillotheque.forumofficiel.com/t2857-kass-morgan-les-100"><img alt="" border="0" src="http://i38.servimg.com/u/f38/19/03/40/66/les_1011.png" /></a><a href="http://abeillotheque.forumofficiel.com/t2821-cline-ernest-player-one"><img alt="" border="0" src="http://i38.servimg.com/u/f38/19/03/40/66/player10.png" /></a> <a href="http://abeillotheque.forumofficiel.com/t2998-fitzgerald-helen-le-don"><img alt="" border="0" src="http://i38.servimg.com/u/f38/19/03/40/66/don10.png" /></a><a href="http://abeillotheque.forumofficiel.com/t2858-larksarah-le-pays-du-nuage-blanc"><img src="http://i38.servimg.com/u/f38/19/03/40/66/pays10.png" border="0" alt="" /></a> <a href="http://abeillotheque.forumofficiel.com/t3008-dorn-wulf-nos-desirs-et-nos-peurs"><img alt="" border="0" src="http://i38.servimg.com/u/f38/19/03/40/66/nos_de10.png" /></a> <a href="http://abeillotheque.forumofficiel.com/t3007-suede-damon-head"><img src="http://i38.servimg.com/u/f38/19/03/40/66/head-t10.png" border="0" alt="" /> </a>

Cela donnera par exemple ceci :

Code:: <div class="bandeau_nouveaute">Nos nouveautés : <br /><br /><a href="http://abeillotheque.forumofficiel.com/t3016-redmerski-j-a-the-edge-of-never"><img alt="" border="0" src="http://i38.servimg.com/u/f38/19/03/40/66/the-ed10.png" /></a> <a href="http://abeillotheque.forumofficiel.com/t3000-kerr-philip-le-chiffre-de-l-alchimiste"><img alt="" border="0" src="http://i38.servimg.com/u/f38/19/03/40/66/alchi11.png" /></a> <a href="http://abeillotheque.forumofficiel.com/t2857-kass-morgan-les-100"><img alt="" border="0" src="http://i38.servimg.com/u/f38/19/03/40/66/les_1011.png" /></a><a href="http://abeillotheque.forumofficiel.com/t2821-cline-ernest-player-one"><img alt="" border="0" src="http://i38.servimg.com/u/f38/19/03/40/66/player10.png" /></a> <a href="http://abeillotheque.forumofficiel.com/t2998-fitzgerald-helen-le-don"><img alt="" border="0" src="http://i38.servimg.com/u/f38/19/03/40/66/don10.png" /></a><a href="http://abeillotheque.forumofficiel.com/t2858-larksarah-le-pays-du-nuage-blanc"><img src="http://i38.servimg.com/u/f38/19/03/40/66/pays10.png" border="0" alt="" /></a> <a href="http://abeillotheque.forumofficiel.com/t3008-dorn-wulf-nos-desirs-et-nos-peurs"><img alt="" border="0" src="http://i38.servimg.com/u/f38/19/03/40/66/nos_de10.png" /></a> <a href="http://abeillotheque.forumofficiel.com/t3007-suede-damon-head"><img src="http://i38.servimg.com/u/f38/19/03/40/66/head-t10.png" border="0" alt="" /> </a></div>

Et ensuite dans le CSS tu peux ajouter :

Code:: /* Taille images bandeau nouveauté */ .bandeau_nouveaute img { height: 150px; }

150px correspondant à la hauteur, et on ne spécifie pas de largeur car on veut que les images se redimensionnent proportionellement

Dernière édition par Nihil Scar Winspeare le Ven 6 Fév 2015 - 19:22, édité 1 fois (Raison : Correction erreur CSS)

Ven 6 Fév 2015 - 10:11

perle2lune

Age : 41Messages : 218

Ven 6 Fév 2015 - 10:11

Bonjour,

Wawou merci déjà pour cette explication en effet ça va m'épargner du travail Embarassed

Je peux donner l'accès aux invités c'est pas un problème.
Je pense à une chose puis je le faire s'actualiser tout seul pour mes membres uniquement ? (et éviter ainsi d'ouvrir mon fofo à tout le monde ?)

Si ce n'est pas possible aucun problème j'ouvrirais cette partie là.
Du coup après ça pourra se mettre automatiquement ?
Quel est le code à insérer et où ?

D'avance merci ! :love:

P.s : Le code pour redimensionner les images ne fonctionne pas :'(

Ven 6 Fév 2015 - 19:37

Nihil Scar Winspeare

Messages : 5244

Ven 6 Fév 2015 - 19:37

J'ai mis à jour le CSS pour redimensionner les images, j'avais fait une petite erreur d'inattention :)

Code:: /* Taille images bandeau nouveauté */ .bandeau_nouveaute img { height: 150px; }

Je pense à une chose puis je le faire s'actualiser tout seul pour mes membres uniquement ? (et éviter ainsi d'ouvrir mon fofo à tout le monde ?)

Oui c'est possible :)

Quel est le code à insérer et où ?

Le code fonctionnera en javascript, il faudra donc l'ajouter dans PA > Modules > Gestion des codes javascript :)

Il faudra que tu prennes le lien du forum où se trouvent les sujets. Ainsi si par exemple sur Never Utopia, si je voulais les images venant du forum "Demandes "autres"" le lien serait celui ci : https://www.never-utopia.com/f151-demandes-autres

Pour simplifier la suite pourrais tu s'il te plait, le temps qu'on fasse le code, laisser cette partie de ton forum visible aux invités (le forum où se trouve les sujets avec les images) ?

Il faudra également que tu modifies le code de tes sujets où sont les images (on te dira comment, ne t'inquiète pas, ça sera juste une petite modification des images).

Ven 6 Fév 2015 - 21:26

perle2lune

Age : 41Messages : 218

Ven 6 Fév 2015 - 21:26

Hello,

Merci infiniment, j'ouvre cette partie aux invités pour le moment du coup ! Embarassed

Ven 6 Fév 2015 - 21:58

Nihil Scar Winspeare

Messages : 5244

Ven 6 Fév 2015 - 21:58

Je viens de prendre une capture d'écran de ton forum :
Bandeau défilement, mise à jour automatique LZRxee1

Pour bien récapituler ce que fera le code, il prendra pour chaque catégorie l'image (et le lien) du dernier sujet avec un message.
Ainsi, si je prends l'exemple de la capture d'écran, s'afficheront dans le bandeau les liens et images de : Elle & Lui / Le Journal de Bridget Jones / Alex Cross / La sélection / Harry Potter / Battue / Marie Tempête / Le pacte / Le sexe des hommes enfin explique aux femmes / Mémoire de mes putains tristes / 5 aventures amoureuses à vivre avec son chéri

C'est bien ce que tu veux ? :) (je vérifie histoire d'être sûre :p)
Le problème c'est qu'une couverture s'affichera aussi si un membre poste dans un vieux sujet :/

Si tu veux pouvoir garder le contrôle sur ce que tu veux afficher, il y a un autre moyen de faire, mais c'est plus "manuel" : tu dois rajouter les liens des sujets dont tu veux l'image dans le bandeau, et ensuite le code récupère directement les images associées et le met en forme. :)

Sam 7 Fév 2015 - 4:41

perle2lune

Age : 41Messages : 218

Sam 7 Fév 2015 - 4:41

Hello !

Hé oui c'est bien ça ! Embarassed

Est il possible d'augmenter le nombre de livres en mettant plutôt les derniers de chaque sous forum ? (limité à 15 parutions peut être si ça fait trop long ?)

Car en réalité dans les forums y'a rien , dans le forum roman y'a aucun roman mais dans le sous forum historique et le sous forum drame ect oui.
Je sais pas si je me suis bien fait comprendre.

Souhaites - tu le chemin de chaque sous forum comportant des livres ?
On a une section livres de cuisine également avec aussi l'abeillothèque papier des abeilles mais je ne veux pas qu'elles apparaissent donc je ne t'ai pas ouvert le coin mais elle est dans la même catégorie !

Aucun souci si le membre poste dans un ancien sujet ça permettra aussi de faire tourner un peu les vieux sujets notamment quand un nouveau tome sort , peut être qu'au lieu de 'nos nouveautés' nous pourrions appeler ça 'A la une"'.

Je te remercie !

Sam 7 Fév 2015 - 11:14

Nihil Scar Winspeare

Messages : 5244

Sam 7 Fév 2015 - 11:14

Coucou Perle :)

Souhaites - tu le chemin de chaque sous forum comportant des livres ?

Oui, ça serait utile :)
Liste moi tous les endroits où on doit prendre le dernier sujet, comme ça pas de mauvaise surprise ♥

On a une section livres de cuisine également avec aussi l'abeillothèque papier des abeilles mais je ne veux pas qu'elles apparaissent donc je ne t'ai pas ouvert le coin mais elle est dans la même catégorie !

Merci d'avoir précisé, sinon le code aurait pu le prendre en compte automatiquement, tu as vraiment bien fait de me le dire :p

Tout est parfait alors si ça ne te gène pas qu'on affiche des vieux sujets :)

Sam 7 Fév 2015 - 11:48

perle2lune

Age : 41Messages : 218

Sam 7 Fév 2015 - 11:48

Ouf j'ai bien fait alors lol y'a pas souvent de nouveauté mais ça aurait été bête !

Allez c'est parti pour les liens lol

Spoiler:

ça en fait du lien :mdr:

Merci encore de t'occuper de tout ça ! :kdo:

Lun 9 Fév 2015 - 23:27

Nihil Scar Winspeare

Messages : 5244

Lun 9 Fév 2015 - 23:27

Merci pour les liens Perle2Lune :)

Où j'en suis actuellement ?

Le code fonctionne, mais c'est un peu lourd (on doit vérifier dans 20 sujets à chaque fois !), donc je suis en train de l’optimiser pour réduire le temps de chargement (^-^)

Si samedi je n'ai pas donné de signe de vie, n'hésite pas à faire un petit up ♥

Mar 10 Fév 2015 - 6:03

perle2lune

Age : 41Messages : 218

Mar 10 Fév 2015 - 6:03

Coucou,

Aucun problème je ne voulais pas m'imposer avec un up puisque je savais que tu t'en occupais je ne souhaitais pas te presser !
Tu m'as déjà beaucoup réduit mon temps de maj' du matin avec le bandeau qui me redimensionne tout tout seul ! :innocent:

Sam 14 Fév 2015 - 6:45

perle2lune

Age : 41Messages : 218

Sam 14 Fév 2015 - 6:45

Coucou !

Nous sommes Samedi (ok il est 6h44 merci mon fils aîné lol) , tu m'as demandé de venir faire un coucou "up" alors me voici !

Bon courage et encore merci !

Dim 15 Fév 2015 - 20:34

Nihil Scar Winspeare

Messages : 5244

Dim 15 Fév 2015 - 20:34

Coucou Perle :)

Merci du rappel ^-^, surtout que je ne trouvais plus mon code sur l'ordinateur.... ;____; ... Finalement il était tout simplement bien rangé dans le dossier "Codage forum". xD

Le code est presque fini, il me reste juste un petit détail à régler pour le défilement :)
En effet, pour l'instant le bandeau contient moins d'une dizaine d'image, alors que quand on prend les images des liens, on arrive à une vingtaine d'image. Quand j'ajoute toutes les nouvelles images, le placement reste le même que quand il y avait peu d'images et il y a un petit souci de chevauchement, des images qui se superposent XD.

Lun 16 Fév 2015 - 6:02

perle2lune

Age : 41Messages : 218

Lun 16 Fév 2015 - 6:02

Coucou Nihil !

Oui actuellement c'est pareil les images au bout de 8 se chevauchent lol c'est pas gracieux ! Razz

Contente de voir que tu avances mais un peu gênée que ce code te donne tant de mal !

Lun 16 Fév 2015 - 9:24

Nihil Scar Winspeare

Messages : 5244

Lun 16 Fév 2015 - 9:24

En fait il ne me donne pas tellement de mal, c'est surtout que je n'avance pas 24h sur 24 dessus (je l'avais mis en pause jusqu'à dimanche), il me reste un dernier petit détail seulement. Ne t'inquiète pas ♥

Par contre, tu as déjà un problème de chevauchement des images ou pas ? Je ne le vois pas sur le forum pour l'instant.

Voici un exemple de code généré ce matin. Si tu le met à la place de ton code actuel ce HTML là, est ce qu'il y a un chevauchement ?

Code:: <div class="bandeau_nouveaute">A la unes <br/> <br/> <a href="/t3103-5-aventures-amoureuses-a-vivre-avec-son-cheri" title="5 aventures amoureuses à vivre avec son chéri"><img src="http://i38.servimg.com/u/f38/18/82/92/47/5-aven10.jpg"></a><a href="/t3625-vian-boris-troubles-dans-les-andains" title="VIAN, Boris - Troubles dans les Andains"><img src="http://i38.servimg.com/u/f38/18/82/92/47/troubl10.jpg" border="0" alt=""></a><a href="/t682-guilbert-michel-c-est-grave-docteur" title="GUILBERT, Michel - C'est grave docteur ?"><img src="http://i38.servimg.com/u/f38/19/11/79/20/10846411.jpg"></a><a href="/t3467-kinsella-sophie-l-accro-du-shopping" title="KINSELLA, Sophie - L'accro du shopping"><img src="http://i38.servimg.com/u/f38/19/11/51/42/kinsel10.png" border="0" alt=""></a><a href="/t3611-gaiman-neil-coraline" title="GAIMAN, Neil - Coraline"><img src="http://i38.servimg.com/u/f38/19/11/37/93/couv1310.jpg" border="0" alt=""></a><a href="/t3595-curtis-klause-anna-sang-et-chocolat" title="CURTIS KLAUSE, Anna - Sang et Chocolat"><img src="http://www.images-booknode.com/book_cover/130/full/sang-et-chocolat-130360.jpg"></a><a href="/t2514-ivy-alexandra-les-gardiens-de-l-eternite" title="IVY, Alexandra - Les gardiens de l'éternité "><img src="http://nsa33.casimages.com/img/2015/01/24/15012405311386322.jpg" border="0" alt=""></a><a href="/t3573-powers-tim-sur-des-mers-plus-ignorees" title="POWERS, Tim - Sur des Mers plus Ignorées"><img src="http://img4.hostingpics.net/pics/138972SurdesmersplusignoreesPowersTim.jpg"></a><a href="/t3588-deebs-tracy-tempete" title="DEEBS, Tracy - Tempête"><img src="http://i38.servimg.com/u/f38/19/11/37/93/couv8110.jpg"></a><a href="/t1853-takami-koshun-battle-royale" title="TAKAMI, Koshun - Battle Royale"><img src="http://i38.servimg.com/u/f38/19/11/79/20/10628411.jpg"></a><a href="/t3622-yoshimura-akira-la-guerre-des-jours-lointains" title="YOSHIMURA, Akira - La guerre des jours lointains"><img src="http://i38.servimg.com/u/f38/18/82/92/47/la-gue10.jpg" border="0" alt=""></a><a href="/t3587-cousture-arlette-ces-enfants-d-ailleurs" title="COUSTURE, Arlette - Ces enfants d'ailleurs"><img src="http://i38.servimg.com/u/f38/19/11/37/93/couv9510.jpg"></a><a href="/t2003-levy-marc-une-autre-idee-du-bonheur" title="LEVY, Marc - Une autre idée du bonheur "><img src="http://nsa33.casimages.com/img/2015/01/23/15012301484776449.jpg"></a><a href="/t3623-vie-caroline-brioche" title="VIE, Caroline - Brioche"><img src="http://i38.servimg.com/u/f38/18/82/92/47/brioch10.jpg" border="0" alt=""></a><a href="/t3425-thiolay-boris-lebensborn-la-fabrique-des-enfants-parfaits" title="THIOLAY, Boris - Lebensborn la fabrique des enfants parfaits"><img src="http://i38.servimg.com/u/f38/18/82/92/47/lebens11.jpg"></a><a href="/t3575-fievet-marc-gibraltar" title="FIEVET, Marc - Gibraltar"><img src="http://i38.servimg.com/u/f38/18/82/92/47/81cq0f10.jpg" border="0" alt=""></a><a href="/t3618-zweig-stefan-marie-antoinette" title="ZWEIG, Stefan - Marie-Antoinette"><img src="http://i38.servimg.com/u/f38/18/82/92/47/marie-11.jpg" border="0" alt=""></a><a href="/t635-mourlevat-jean-claude-terrienne" title="MOURLEVAT, Jean-Claude - Terrienne"><img src="http://i38.servimg.com/u/f38/19/11/77/11/terrie10.jpg"></a><a href="/t2057-cass-kiera-la-selection" title="CASS, Kiera - La sélection"><img src="http://i38.servimg.com/u/f38/19/12/06/79/10568710.jpg"></a><a href="/t3591-dupuy-marie-bernadette-les-enquetes-de-maud-delage" title="DUPUY, Marie-Bernadette - Les enquêtes de Maud Delage"><img src="http://cdn.franceloisirs.com/26736-3669-thickbox/les-enquetes-de-maud-delage-ebook.jpg" border="0" alt=""></a><a href="/t3617-macdonald-patricia-une-nuit-sur-la-mer" title="MACDONALD, Patricia - Une nuit sur la mer"><img src="http://i38.servimg.com/u/f38/19/12/71/96/une-nu10.jpg" border="0" alt=""></a><a href="/t3608-freeman-michelle-plaisir-defendu" title="FREEMAN, Michelle - Plaisir défendu"><img src="http://i38.servimg.com/u/f38/19/11/37/93/plaisi10.jpg" border="0" alt=""></a><a href="/t1416-amheliie-dangerous-heartbeat" title="AMHELIIE - Dangerous Heartbeat"><img src="http://zupimages.net/up/14/50/xs7c.jpg"></a><a href="/t3149-cooper-david-son-corps-contre-mon-corps" title="COOPER, David - Son corps contre mon corps"><img src="http://i38.servimg.com/u/f38/17/45/34/34/son-co10.jpg" border="0" alt=""></a><a href="/t3517-landry-mik-kira-lovelace" title="LANDRY, Mik - Kira Lovelace"><img src="http://nsa33.casimages.com/img/2015/02/13/150213111229419487.jpg"></a><a href="/t3585-brisbin-terri-l-honneur-du-clan" title="BRISBIN, Terri - L'honneur du clan"><img src="http://i38.servimg.com/u/f38/19/11/37/93/l-honn10.jpg" border="0" alt=""></a><a href="/t3614-greene-vanessa-les-petites-confidences-de-tea-club" title="GREENE, Vanessa - Les petites confidences de Tea Club"><img src="http://zupimages.net/up/14/07/2qyr.jpg" border="0" alt=""></a></div>

Si les images sont trop collées, tu peux mettre dans ton CSS

Code:: .bandeau_nouveaute img { margin-right: 5px; }

Dernière édition par Nihil Scar Winspeare le Mer 18 Fév 2015 - 18:55, édité 1 fois (Raison : Correction erreur CSS)

Lun 16 Fév 2015 - 11:10

perle2lune

Age : 41Messages : 218

Lun 16 Fév 2015 - 11:10

Coucou,

Je viens de changer le bandeau et non ça ne se chevauche pas du tout !
Mais avec mon ancien code si j'mettais + de 8 images ça se chevauchait oui !

Mar 17 Fév 2015 - 7:27

perle2lune

Age : 41Messages : 218

Mar 17 Fév 2015 - 7:27

humpff au secours le précédent code fonctionne plus tout en redimensionnement automatique :/
J'ai pourtant repris l'ancien code :/
Pour moi c'est super long de faire à la main les 20 petits liens lol

Du coup je pense que jusqu'à ce que tu aie terminé je vais laisser le bandeau tel quel.

Mar 17 Fév 2015 - 19:09

Nihil Scar Winspeare

Messages : 5244

Mar 17 Fév 2015 - 19:09

Coucou Perle :)

Sur ton forum actuellement le bandeau avec beaucoup d'images marche bien chez moi :) !

On va faire un premier test, j'ai modifié plein de trucs dans mon code et à cause d'un bug sur mon forum test je ne peux pas tester directement... >-<

Dans ton panneau d'administration, tu vas dans l'onglet Module > Gestion des codes Javascript.

Ensuite on va ajouter un nouveau JS et mettre dedans :

Code:: function getForums(a,c,d){$.each(a,function(a,f){var e=$(".forumlink[href='"+f+"']",c).closest("tr").find("a[href^='/t']").eq(0).clone().appendTo(d),b=e.attr("href");if(b)if(localStorage[b]){var g=$("<img />",{src:localStorage[b]});e.html(g)}else $.get(b,function(a){a=$(".postbody:first img:first",a);e.html(a);localStorage&&(localStorage[b]=a.attr("src"))})})} $(function(){var a=$(".bandeau_nouveaute");a.html("A la unes <br/> <br/>");getForums(["/f56-autres-livres","/f18-litterature-classique","/f48-humour","/f17-chick-lit"],$("body"),a);$.each([{url:"/f29-romans",forums:["/f5-romans-historiques","/f30-drame","/f47-aventures","/f49-autres-romans"]},{url:"/f22-espace-jeunesse",forums:["/f38-livres-pour-les-enfants","/f39-livres-adolescents"]},{url:"/f25-biographie-temoignage",forums:["/f43-documentaires","/f42-temoignage","/f41-biographie"]},{url:"/f13-monde-fantastique", forums:["/f37-bit-lit","/f10-fantasy","/f36-fantastique","/f14-horreur-terreur"]},{url:"/f15-science-fiction",forums:["/f45-science-fiction","/f16-dystopie"]},{url:"/f4-policiers-thrillers",forums:["/f40-policiers","/f12-thrillers"]},{url:"/f6-romance",forums:"/f31-erotique /f7-romance-torride /f11-gay-et-lesbienne /f8-romance-paranormale /f9-romance-historique /f44-contemporaine".split(" ")}],function(c,d){$.get(d.url,function(c){getForums(d.forums,c,a)})});100<localStorage.length&&localStorage.clear()});

Pour le nom tu peux mettre "bandeau défilant"
Et pour les pages, tu coches juste "sur l'index".

Dis moi si ça fonctionne :)

Mer 18 Fév 2015 - 6:22

perle2lune

Age : 41Messages : 218

Mer 18 Fév 2015 - 6:22

Coucou,

J'ai modifié les images une par une oui ça m'a pris du temps lol Razz

Je te le laisse pour que tu voie ce que ça fait j'ai bien ajouté ton code !
Y'a chevauchement, j'ai ajouté ce que tu m'as dit mais ça n'a pas l'air de marcher j'ai dû faire une bêtise :

Code:: /* --------------------------------- FIN QEEL --------------------------------- */ /* Taille images bandeau nouveauté */ .bandeau_nouveaute img { height: 150px; }.bandeau_nouveau img { margin-right: 5px;

Veux tu que je te laisse mon pass pour que tu puisse faire tes tests ?

Jeu 19 Fév 2015 - 18:50

Nihil Scar Winspeare

Messages : 5244

Jeu 19 Fév 2015 - 18:50

Hello perle :)

J'ai vu d'où venait le problème, en attendant le plus simple est que tu retire le javascript. Je m'y penche ce week end ! :)

Contenu sponsorisé

Bandeau défilement, mise à jour automatique

Ma demande

Sujets similaires

Sujets similaires

Rechercher

Résultats par : Messages Sujets
Tags
Recherche avancée