Créer un Widget derniers messages défilant à la souris

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

Résolu Créer un Widget derniers messages défilant à la souris

Message par Solid6Snake le Dim 3 Mai 2015 - 9:49

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Autre
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.entraide-youtubers.com/

Description du problème

Bonjour,

J'ai un autre problème à régler sur mon index, je souhaite créer un widget "Derniers messages" (j'ai déjà celui de base de forumactif) mais il ne me convient pas.

Je n'aime pas le vide qu'il laisse au début de chaque chargement.. c'est un détail je sais pas bon ^^

Alors est-il possible de créer un widget "Dernier messages" mais avec une balise iframe de façon à faire descendre soit même les messages à la molette de la souris.

Evidemment je souhaite aussi pouvoir régler la taille de ce widget Wink

Merci d'avance pour votre réponse en espérant que ça aidera aussi les autres parce que c'est quand même pratique.

Bonne journée.


Dernière édition par Solid6Snake le Lun 18 Mai 2015 - 22:45, édité 1 fois

Solid6Snake
****

Messages : 296
Inscrit(e) le : 07/11/2013

http://www.entraide-youtubers.com/
Solid6Snake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un Widget derniers messages défilant à la souris

Message par Solid6Snake le Ven 8 Mai 2015 - 9:45

Up, je commence à avoir beaucoup de derniers messages et à ma tchat box en dessous bloque un peu mon widget "Derniers messages" j'ai besoin de savoir comme faire mon widget derniers messages non pas en défilant mais avec un code iframe.

Merci d'avance Wink

Solid6Snake
****

Messages : 296
Inscrit(e) le : 07/11/2013

http://www.entraide-youtubers.com/
Solid6Snake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un Widget derniers messages défilant à la souris

Message par FANCH 56 le Ven 8 Mai 2015 - 11:28

Bonjour

Tu dois créer un widget "Derniers sujets" avec ce code à l'intérieur

Code:
<br /><span id="js_sujets_recents"></span><script type="text/javascript">document.getElementById('js_sujets_recents').parentNode.parentNode.previousSibling.previousSibling.firstChild.nextSibling.style.height='600px';document.getElementById('js_sujets_recents').parentNode.parentNode.previousSibling.previousSibling.firstChild.nextSibling.style.overflow='auto';document.getElementById('js_sujets_recents').parentNode.parentNode.style.display='none';</script>


Ensuite tu dois placer d'abord le widget "Sujets récents" et ENSUITE (important) ton widget "Derniers sujets".




Tu peux voir le résultat dans le forum de mon profil.

Ensuite tu peux définir dans ton PA le maximum de messages (50)

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un Widget derniers messages défilant à la souris

Message par Solid6Snake le Ven 8 Mai 2015 - 13:16

D'accord mais elle est ou la balise iframe dans l'histoire?

Solid6Snake
****

Messages : 296
Inscrit(e) le : 07/11/2013

http://www.entraide-youtubers.com/
Solid6Snake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un Widget derniers messages défilant à la souris

Message par FANCH 56 le Ven 8 Mai 2015 - 13:30

Il n'y a rien à faire, dès que tu dépasses la hauteur définie par toi de ton widget, l'iframe apparaît.

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un Widget derniers messages défilant à la souris

Message par Solid6Snake le Ven 8 Mai 2015 - 18:40

J'ai fais ça et cela ne fonctionne pas, j'ai mon widget "Sujets récents" et en dessous le widget "derniers sujets" (comme sur votre photo) et ça ne fonctionne pas.

Même en mettant 50 messages..

Dans le widget "Derniers sujets" avec le code il ne faut rien toucher? Juste mettre le code?

Solid6Snake
****

Messages : 296
Inscrit(e) le : 07/11/2013

http://www.entraide-youtubers.com/
Solid6Snake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un Widget derniers messages défilant à la souris

Message par FANCH 56 le Ven 8 Mai 2015 - 18:50

Il faut activer le scrolling


FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un Widget derniers messages défilant à la souris

Message par Solid6Snake le Ven 8 Mai 2015 - 19:10

Je viens de tester ça ne fonctionne pas non plus.

Je ne veux pas du défilement moi, je souhaite juste faire défiler à la roulette de la souris en faite.

Le widget de base "Sujets récents" de forumactif est bien mais non modifiable et donc à part le défilement impossible de mettre plus de messages à faire défiler à la molette de souris..

Solid6Snake
****

Messages : 296
Inscrit(e) le : 07/11/2013

http://www.entraide-youtubers.com/
Solid6Snake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un Widget derniers messages défilant à la souris

Message par FANCH 56 le Ven 8 Mai 2015 - 20:06

Voilà cela fonctionne sur mes deux forums.


FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un Widget derniers messages défilant à la souris

Message par Solid6Snake le Ven 8 Mai 2015 - 20:08

Ok je vais faire des test!

Solid6Snake
****

Messages : 296
Inscrit(e) le : 07/11/2013

http://www.entraide-youtubers.com/
Solid6Snake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un Widget derniers messages défilant à la souris

Message par Solid6Snake le Ven 8 Mai 2015 - 21:35

Je viens de suivre le tuto à la lettre, étape par étape et rien ne marche comme vous.

Soit c'est impossible dans ma version soit je ne comprend rien mdr.



Solid6Snake
****

Messages : 296
Inscrit(e) le : 07/11/2013

http://www.entraide-youtubers.com/
Solid6Snake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un Widget derniers messages défilant à la souris

Message par Solid6Snake le Dim 10 Mai 2015 - 10:15

Up je n'ai toujours pas l'astuce dont j'ai besoin Wink

Solid6Snake
****

Messages : 296
Inscrit(e) le : 07/11/2013

http://www.entraide-youtubers.com/
Solid6Snake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un Widget derniers messages défilant à la souris

Message par Solid6Snake le Lun 11 Mai 2015 - 8:01

Up!

Solid6Snake
****

Messages : 296
Inscrit(e) le : 07/11/2013

http://www.entraide-youtubers.com/
Solid6Snake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un Widget derniers messages défilant à la souris

Message par Solid6Snake le Mar 12 Mai 2015 - 7:52

Up!

Solid6Snake
****

Messages : 296
Inscrit(e) le : 07/11/2013

http://www.entraide-youtubers.com/
Solid6Snake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un Widget derniers messages défilant à la souris

Message par Solid6Snake le Mer 13 Mai 2015 - 19:53

Up

Solid6Snake
****

Messages : 296
Inscrit(e) le : 07/11/2013

http://www.entraide-youtubers.com/
Solid6Snake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un Widget derniers messages défilant à la souris

Message par Solid6Snake le Ven 15 Mai 2015 - 8:36

Up

Solid6Snake
****

Messages : 296
Inscrit(e) le : 07/11/2013

http://www.entraide-youtubers.com/
Solid6Snake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un Widget derniers messages défilant à la souris

Message par Solid6Snake le Dim 17 Mai 2015 - 14:17

UP

Solid6Snake
****

Messages : 296
Inscrit(e) le : 07/11/2013

http://www.entraide-youtubers.com/
Solid6Snake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un Widget derniers messages défilant à la souris

Message par MasDan le Dim 17 Mai 2015 - 20:47

Bonjour,

Ajouter ceci à votre CSS
Code:
.DrnSuj {
  height: 450px;
  overflow-y: auto;
  overflow-x: hidden;
}

et créer un javascipt (sur toutes les pages)
Code:
$(function(){
  $('div.inner div.h3').each(function() {
    if ( $(this).text() == 'Derniers sujets') {
      var texte = $(this).parent(':nth-child(1)').html();
      var ind = texte.indexOf("Derniers sujets</div>") + 21;
      $(this).parent(':nth-child(1)').html(texte.substring(0, ind) + '<div class=\'DrnSuj\'>' + texte.substring(ind) + '</div>');
    }
  });
});

MasDan
*****

Masculin
Messages : 797
Inscrit(e) le : 24/05/2011

http://projetaum2.forumactif.com/
MasDan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un Widget derniers messages défilant à la souris

Message par Solid6Snake le Lun 18 Mai 2015 - 8:46

Ok, je test ce soir en rentrant et je viens donner des nouvelles Wink

Solid6Snake
****

Messages : 296
Inscrit(e) le : 07/11/2013

http://www.entraide-youtubers.com/
Solid6Snake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un Widget derniers messages défilant à la souris

Message par Solid6Snake le Lun 18 Mai 2015 - 20:01

Bonsoir, je viens de mettre en place le CSS et le code java et ça ne fonctionne toujours pas.

Mes derniers sujets sont toujours fixes!

Solid6Snake
****

Messages : 296
Inscrit(e) le : 07/11/2013

http://www.entraide-youtubers.com/
Solid6Snake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un Widget derniers messages défilant à la souris

Message par Milouze14 le Lun 18 Mai 2015 - 20:17

Salut Solid6Snake,

il manque la css sur ton fofo:
Code:
        .DrnSuj {
          height: 450px;
          overflow-y: auto;
          overflow-x: hidden;
        }

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un Widget derniers messages défilant à la souris

Message par MasDan le Lun 18 Mai 2015 - 20:59

Bonjour,

Le code est présent mais il y a erreur dans votre code CSS. C'est votre texte «Derniers messages défilants» qui provoque l'erreur.
Code:
.bouhautbas{bottom:40px;left:10px;position:fixed;z-index:100}Derniers messages défilants
.DrnSuj{height:450px;overflow-x:hidden;overflow-y:auto}

Il faut ajouter les balises pour le commentaire comme ceci
Code:
.bouhautbas{bottom:40px;left:10px;position:fixed;z-index:100} /* Derniers messages défilants */
.DrnSuj{height:450px;overflow-x:hidden;overflow-y:auto}

Ajout de /* et */ pour encadrer le commentaire

MasDan
*****

Masculin
Messages : 797
Inscrit(e) le : 24/05/2011

http://projetaum2.forumactif.com/
MasDan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Créer un Widget derniers messages défilant à la souris

Message par Solid6Snake le Lun 18 Mai 2015 - 22:45

Wouuu super ça fonctionne à merveille franchement 1000 fois Merci depuis le temps que je cherche à faire ce style de message déroulants!!!!!

Forumactif il y à pas à tortiller c'est le TOP du TOP Affirmatif

Bonne soirée à tous en espérant que ça serve à d'autres ^^


Solid6Snake
****

Messages : 296
Inscrit(e) le : 07/11/2013

http://www.entraide-youtubers.com/
Solid6Snake a été remercié(e) par l'auteur de ce sujet.

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


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