Problème d'apparition et de positionement des bulles de description d'un forum

3 participants

Page 1 sur 2 1, 2  Suivant

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

Résolu Problème d'apparition et de positionement des bulles de description d'un forum

Message par Eil'liathan Tyan'Lirulin Dim 8 Jan 2012 - 1:07

Bonjour ou Bonsoir,
Voilà nouveau petit problème tout bête, mais comme j'ai du ma à comprendre le fonctionnement du JS, j'ai besoin d'un chit coup de main.

https://forum.forumactif.com/t321327-description-d-un-forum-dans-une-bulle

Voilà, j'ai suivis ces explication en prenant les codes destiné à une version BB2 puisque c'est celle de mon forum.

Mon JS


Code:
$(function(){
  $("a.forumlink").hover(
      function () {
 $(this).parents("td").find(".desc_forum").css("visibility","visible");
      },
      function () {
 $(this).parents("td").find(".desc_forum").css("visibility","hidden");
      }
  );
 });

Mon CCS


Code:
td .desc_forum{
 position:absolute;
 visibility:hidden;
 background-color:#000000;
 border:3px solid #333094;
 padding:5px;
 color:#333094;
 font-size:1.3em;
 font-style:italic;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 }

J'ai juste deux petit soucis :

1. Le positionnement des bulles de description.


Problème d'apparition et de positionement des bulles de description d'un forum 863566Sanstitre

Je voudrais que les bulles de description apparaissent sous le titre du forum.
Je sais qu'il faut changer mon CCS à ce niveau là :

Code:
position:absolute;

Mais je ne trouve pas quel code mettre pour obtenir ce que je veux.

2. L'apparition des bulles de description.


Toute les bulles apparaissent quand je positionne ma souris sur les titre des forum :

curseur sur "Règles" --> bulles de description de "Règles" et du "Grand Livre de Quisaraedis" apparaissent en même temps.

Et ceux que je me position sur n'importe quelle titre de forum.
Je voudrais qu'un seule bulle de description apparaissent à la fois :

curseur sur "Règles" --> seule la bulle de description des "Règles" apparait
curseur sur "Grand Livre de Quisaraedis" --> seule la bulle de description "Grand Livre de Quisaraedis" apparait et ainsi de suite.

La encore, je pense savoir qu'il faut changer quelque chose au niveau du JS, mais je n'arrive pas à trouver quoi et comment, si vous pouviez éclairer ma lanterne !!!

Merci d'avance !
avatar

Eil'liathan Tyan'Lirulin
***

Messages : 164
Inscrit(e) le : 29/12/2011

http://quisaraedis.forumgratuit.org/
Eil'liathan Tyan'Lirulin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'apparition et de positionement des bulles de description d'un forum

Message par Eil'liathan Tyan'Lirulin Dim 8 Jan 2012 - 15:53

Personne pour un coup de main, s'il vous plait ...J'aimerais bien pouvoir en finir avec le desing de mon forum....
avatar

Eil'liathan Tyan'Lirulin
***

Messages : 164
Inscrit(e) le : 29/12/2011

http://quisaraedis.forumgratuit.org/
Eil'liathan Tyan'Lirulin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'apparition et de positionement des bulles de description d'un forum

Message par Censure Dim 8 Jan 2012 - 20:37

Bonsoir,
Essayer avec un:
Code:
padding-top: 15px;

ou avec:
Code:
margin-top:15px;

Censure

Censure
****

Masculin
Messages : 218
Inscrit(e) le : 21/12/2010

http://guilde-exode.bbactif.com/
Censure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'apparition et de positionement des bulles de description d'un forum

Message par Eil'liathan Tyan'Lirulin Dim 8 Jan 2012 - 20:48

Ca ne change rien ><
Ou alors, je ne place pas les code ou il faut. Je dois le mettre dans le CCS je suppose ?

Mon soucis de survol ne se règle pas plutôt dans le JS ?
avatar

Eil'liathan Tyan'Lirulin
***

Messages : 164
Inscrit(e) le : 29/12/2011

http://quisaraedis.forumgratuit.org/
Eil'liathan Tyan'Lirulin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'apparition et de positionement des bulles de description d'un forum

Message par Censure Dim 8 Jan 2012 - 21:21

Oui dans le Css:
La dedans.
Code:
        td .desc_forum{
        position:absolute;
        visibility:hidden;
        background-color:#000000;
        border:3px solid #333094;
        padding:5px;
        color:#333094;
        font-size:1.3em;
        font-style:italic;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        }

Si ça se trouve dans le JS, je ne pourrais pas t'aider.
Censure

Censure
****

Masculin
Messages : 218
Inscrit(e) le : 21/12/2010

http://guilde-exode.bbactif.com/
Censure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'apparition et de positionement des bulles de description d'un forum

Message par Eil'liathan Tyan'Lirulin Dim 8 Jan 2012 - 23:44

Il faut que je les mette sur une ligne spéciale ? Parce que je viens de tenter et ça ne fonctionne pas.
avatar

Eil'liathan Tyan'Lirulin
***

Messages : 164
Inscrit(e) le : 29/12/2011

http://quisaraedis.forumgratuit.org/
Eil'liathan Tyan'Lirulin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'apparition et de positionement des bulles de description d'un forum

Message par Threax Lun 9 Jan 2012 - 12:33

Bonjour,

Peut-on avoir l'URL du forum où ce script est en place ?
Threax

Threax
Membre actif

Masculin
Messages : 17276
Inscrit(e) le : 27/08/2005

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

Résolu Re: Problème d'apparition et de positionement des bulles de description d'un forum

Message par Eil'liathan Tyan'Lirulin Lun 9 Jan 2012 - 15:33

L'adresse du fow ?

http://quisaraedis.forumgratuit.org/

J'espère que c'est bien ça, j'ai un peu de mal avec le langage info ><
(je me soigne ou j'essaie)
avatar

Eil'liathan Tyan'Lirulin
***

Messages : 164
Inscrit(e) le : 29/12/2011

http://quisaraedis.forumgratuit.org/
Eil'liathan Tyan'Lirulin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'apparition et de positionement des bulles de description d'un forum

Message par Eil'liathan Tyan'Lirulin Mar 10 Jan 2012 - 16:00

Une réponse s'il vous plait, c'est la dernier chose de mon desing qui me pose problème, j'aimerais vraiment pouvoir en finir avec ce détails !
avatar

Eil'liathan Tyan'Lirulin
***

Messages : 164
Inscrit(e) le : 29/12/2011

http://quisaraedis.forumgratuit.org/
Eil'liathan Tyan'Lirulin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'apparition et de positionement des bulles de description d'un forum

Message par Censure Mar 10 Jan 2012 - 18:21

Peut-tu nous donner le script que tu utilise pour les info-bulles? ^-^
Censure

Censure
****

Masculin
Messages : 218
Inscrit(e) le : 21/12/2010

http://guilde-exode.bbactif.com/
Censure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'apparition et de positionement des bulles de description d'un forum

Message par Eil'liathan Tyan'Lirulin Mar 10 Jan 2012 - 20:58

Je peux faire ça ^^

Je JS :

Code:
$(function(){
  $("a.forumlink").hover(
      function () {
 $(this).parents("td").find(".desc_forum").css("visibility","visible");
      },
      function () {
 $(this).parents("td").find(".desc_forum").css("visibility","hidden");
      }
  );
 });

Mon CSS

Code:
td .desc_forum{
 position:absolute;
 visibility:hidden;
 background-color:#000000;
 border:3px solid #333094;
 padding:5px;
 padding-top:15px;
 margin-top:15px;
 color:#333094;
 font-size:1.3em;
 font-style:italic;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 }

Le HTML

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

J'ai fait un autre test, je vais tenter de vous l'expliquer.
Je voulais mettre des images sur ma page d'accueil et utiliser ce code pour faire apparaitre la description (en l'occurrence le nom des personnage sur l'image).
Effectivement, le code fonctionne, mais toujours le même problème en pire, si je puis dire :

La description n'apparait pas quand je passe la souris sur l'image correspondant mais quand je passe sur le titre du forum "règles".

Je suis pratiquement sure que la modification pour le survol doit être faite au niveau du JS puisqu''Azylis (également inscrite) a réussit à utiliser ses codes sur son forum en modifiant legèrement le JS, seulement, elle ne peut m'aider, puisque son forum est en phpbb 3 et le mien en phpbb 2.

J'espère vraiment que vous pourrez m'aider, c'est vraiment la dernière ligne droite pour mon design et j'avoue que je commence à perdre patience car j'y travaille depuis plus d'un mois.
avatar

Eil'liathan Tyan'Lirulin
***

Messages : 164
Inscrit(e) le : 29/12/2011

http://quisaraedis.forumgratuit.org/
Eil'liathan Tyan'Lirulin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'apparition et de positionement des bulles de description d'un forum

Message par Censure Mar 10 Jan 2012 - 21:27

Êtes vous vraiment surs qu'un margin-top en negatif ne change rien?
Code:
 margin-top:-XXXpx;

Sur mon fofo cela déplace les bulles vers le haut en utilisant
Code:
margin-top:-200px;
Et en utilisant
Code:
margin-top:550px;
Cela y déplace vers le bas

Je ne voit que cela pour gérer l'emplacement de tes info-bulles.

Css:
Code:
  td .desc_forum{
        position:absolute;
        visibility:hidden;
        background-color:#000000;
        border:3px solid #333094;
        padding:5px;
        padding-top:15px;
        margin-top:15px;
        color:#333094;
        font-size:1.3em;
        font-style:italic;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        display: block;
        margin-top:-200px;
        }
Censure

Censure
****

Masculin
Messages : 218
Inscrit(e) le : 21/12/2010

http://guilde-exode.bbactif.com/
Censure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'apparition et de positionement des bulles de description d'un forum

Message par Eil'liathan Tyan'Lirulin Mar 10 Jan 2012 - 22:23

Sur non j'ai pas essayé d'y toucher ^^
Mais j'y vais de ce pas !!!
avatar

Eil'liathan Tyan'Lirulin
***

Messages : 164
Inscrit(e) le : 29/12/2011

http://quisaraedis.forumgratuit.org/
Eil'liathan Tyan'Lirulin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'apparition et de positionement des bulles de description d'un forum

Message par Eil'liathan Tyan'Lirulin Mar 10 Jan 2012 - 22:27

Rah !!! Merci infiniment, ça fonctionne !! reste plus qu'à trouver le bon chiffre XD
Par contre, mon soucis d'apparition n'est pas résolu ><

Toutes les infobulle apparaissent quand je survole un seul lien ><
avatar

Eil'liathan Tyan'Lirulin
***

Messages : 164
Inscrit(e) le : 29/12/2011

http://quisaraedis.forumgratuit.org/
Eil'liathan Tyan'Lirulin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'apparition et de positionement des bulles de description d'un forum

Message par Eil'liathan Tyan'Lirulin Jeu 12 Jan 2012 - 0:59

j'ai toujours un soucis...Personne pour m'éclairer?
avatar

Eil'liathan Tyan'Lirulin
***

Messages : 164
Inscrit(e) le : 29/12/2011

http://quisaraedis.forumgratuit.org/
Eil'liathan Tyan'Lirulin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'apparition et de positionement des bulles de description d'un forum

Message par Censure Jeu 12 Jan 2012 - 18:22

Je cherche encore la solution :/
Censure

Censure
****

Masculin
Messages : 218
Inscrit(e) le : 21/12/2010

http://guilde-exode.bbactif.com/
Censure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'apparition et de positionement des bulles de description d'un forum

Message par Eil'liathan Tyan'Lirulin Sam 14 Jan 2012 - 0:25

C'est gentil a toi !!!! J'ai cherché de mon coté, mais j'avoue qu'avec le JS, j'ai du mal.
J'ose croire que quelques personne ici s'y connaissent un peu, alors si elles passent par là, se serait cool d'éclairer ma lanterne !!!
avatar

Eil'liathan Tyan'Lirulin
***

Messages : 164
Inscrit(e) le : 29/12/2011

http://quisaraedis.forumgratuit.org/
Eil'liathan Tyan'Lirulin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'apparition et de positionement des bulles de description d'un forum

Message par Eil'liathan Tyan'Lirulin Lun 16 Jan 2012 - 16:49

Merci !! Ca fonctionne comme je l'espérais ! Enfin, merci beaucoup!!
Je profite que ce sujet soit "actif" pour te poser une autre question ( à moins que miraculeusement, quelqu'un d'autre me réponde Uu)

Tout bête, j'ai créer des infobulle

CSS :

Code:
.lock  {
  position: relative;
  cursor: pointer;
}
.lock .lock-hidden {
  /* center */
  display: none;
  position: absolute;
  padding-left : 3px;
  padding-right : 3px;
  padding-top  : 3px;
  padding-bottom : 3px;
    top: 300px;
    left: 0px;
  /* style du bloc qui apparait */
  border: 2px outset #333094;
  border-radius: 5px;
  background-color: #000000;
  -moz-border-radius: 5px;
  text-align: center ;
    visibility: visible;
}
.lock:hover .lock-hidden {
  display: block;
}

Je n'arrive juste pas à rajouter le code pour la couleur du texte qui apparait dans l'infobulle, j'ai tenté plusieurs chose sans grand sucés ><
En tout cas, merci de ta dispo Censure, me sens moins seule XD

Edit : oups, me suis trompé de message ><
avatar

Eil'liathan Tyan'Lirulin
***

Messages : 164
Inscrit(e) le : 29/12/2011

http://quisaraedis.forumgratuit.org/
Eil'liathan Tyan'Lirulin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'apparition et de positionement des bulles de description d'un forum

Message par Censure Lun 16 Jan 2012 - 18:08

Pour la couleur c'est:
Code:
color: #000;
Censure

Censure
****

Masculin
Messages : 218
Inscrit(e) le : 21/12/2010

http://guilde-exode.bbactif.com/
Censure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'apparition et de positionement des bulles de description d'un forum

Message par Eil'liathan Tyan'Lirulin Lun 16 Jan 2012 - 23:17

Merci ! Ca a fonctionné^^

Par contre, mon problème de positionnement des bulles de description de mes forum est tjrs d'actualité, j'ai bien tenté de trafiquer les codes, mais rien à faire !!!
avatar

Eil'liathan Tyan'Lirulin
***

Messages : 164
Inscrit(e) le : 29/12/2011

http://quisaraedis.forumgratuit.org/
Eil'liathan Tyan'Lirulin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'apparition et de positionement des bulles de description d'un forum

Message par Eil'liathan Tyan'Lirulin Mer 18 Jan 2012 - 15:15

Up !
avatar

Eil'liathan Tyan'Lirulin
***

Messages : 164
Inscrit(e) le : 29/12/2011

http://quisaraedis.forumgratuit.org/
Eil'liathan Tyan'Lirulin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'apparition et de positionement des bulles de description d'un forum

Message par Eil'liathan Tyan'Lirulin Ven 20 Jan 2012 - 15:23

Up...
avatar

Eil'liathan Tyan'Lirulin
***

Messages : 164
Inscrit(e) le : 29/12/2011

http://quisaraedis.forumgratuit.org/
Eil'liathan Tyan'Lirulin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'apparition et de positionement des bulles de description d'un forum

Message par Eil'liathan Tyan'Lirulin Lun 23 Jan 2012 - 21:18

Up...
avatar

Eil'liathan Tyan'Lirulin
***

Messages : 164
Inscrit(e) le : 29/12/2011

http://quisaraedis.forumgratuit.org/
Eil'liathan Tyan'Lirulin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'apparition et de positionement des bulles de description d'un forum

Message par Eil'liathan Tyan'Lirulin Jeu 26 Jan 2012 - 22:30

Eil'liathan Tyan'Lirulin a écrit:Bonjour ou Bonsoir,
Voilà nouveau petit problème tout bête, mais comme j'ai du ma à comprendre le fonctionnement du JS, j'ai besoin d'un chit coup de main.

https://forum.forumactif.com/t321327-description-d-un-forum-dans-une-bulle

Voilà, j'ai suivis ces explication en prenant les codes destiné à une version BB2 puisque c'est celle de mon forum.

Mon JS


Code:
$(function(){
  $("a.forumlink").hover(
      function () {
 $(this).parents("td").find(".desc_forum").css("visibility","visible");
      },
      function () {
 $(this).parents("td").find(".desc_forum").css("visibility","hidden");
      }
  );
 });

Mon CCS


Code:
td .desc_forum{
 position:absolute;
 visibility:hidden;
 background-color:#000000;
 border:3px solid #333094;
 padding:5px;
 color:#333094;
 font-size:1.3em;
 font-style:italic;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 }

J'ai juste un petit soucis :

2. L'apparition des bulles de description.[/b][/i][/u]

Toute les bulles apparaissent quand je positionne ma souris sur les titre des forum :

curseur sur "Règles" --> bulles de description de "Règles" et du "Grand Livre de Quisaraedis" apparaissent en même temps.

Et ceux que je me position sur n'importe quelle titre de forum.
Je voudrais qu'un seule bulle de description apparaissent à la fois :

curseur sur "Règles" --> seule la bulle de description des "Règles" apparait
curseur sur "Grand Livre de Quisaraedis" --> seule la bulle de description "Grand Livre de Quisaraedis" apparait et ainsi de suite.

La encore, je pense savoir qu'il faut changer quelque chose au niveau du JS, mais je n'arrive pas à trouver quoi et comment, si vous pouviez éclairer ma lanterne !!!

Merci d'avance !

Up...
avatar

Eil'liathan Tyan'Lirulin
***

Messages : 164
Inscrit(e) le : 29/12/2011

http://quisaraedis.forumgratuit.org/
Eil'liathan Tyan'Lirulin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'apparition et de positionement des bulles de description d'un forum

Message par Eil'liathan Tyan'Lirulin Sam 28 Jan 2012 - 20:01

Up
avatar

Eil'liathan Tyan'Lirulin
***

Messages : 164
Inscrit(e) le : 29/12/2011

http://quisaraedis.forumgratuit.org/
Eil'liathan Tyan'Lirulin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'apparition et de positionement des bulles de description d'un forum

Message par Eil'liathan Tyan'Lirulin Dim 29 Jan 2012 - 18:00

C'est vraiment mon tout dernier souci, alors si quelqu'un pouvait se pencher sur le problème siouplait !
avatar

Eil'liathan Tyan'Lirulin
***

Messages : 164
Inscrit(e) le : 29/12/2011

http://quisaraedis.forumgratuit.org/
Eil'liathan Tyan'Lirulin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'apparition et de positionement des bulles de description d'un forum

Message par Eil'liathan Tyan'Lirulin Mer 1 Fév 2012 - 0:05

Tjrs personne?
avatar

Eil'liathan Tyan'Lirulin
***

Messages : 164
Inscrit(e) le : 29/12/2011

http://quisaraedis.forumgratuit.org/
Eil'liathan Tyan'Lirulin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'apparition et de positionement des bulles de description d'un forum

Message par Censure Mer 1 Fév 2012 - 18:49

Ils faudrait trouver un javascript qui permettrais de donner un id pour chaque catégories, et ensuite avec ce JS:
Code:
        $(function(){
          $("a.forumlink").hover(
              function () {
        $(this).parents("td").find(".desc_forum").css("visibility","visible");
              },
              function () {
        $(this).parents("td").find(".desc_forum").css("visibility","hidden");
              }
          );
        });
Il serait sans doute possible de réaliser votre objectifs.
(J'ai essayer avec plusieurs sortent d'infobulles, mais sans sucés..)
Censure

Censure
****

Masculin
Messages : 218
Inscrit(e) le : 21/12/2010

http://guilde-exode.bbactif.com/
Censure a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'apparition et de positionement des bulles de description d'un forum

Message par Eil'liathan Tyan'Lirulin Jeu 2 Fév 2012 - 19:06

Ou la, j'ai pas tout compris là ><
avatar

Eil'liathan Tyan'Lirulin
***

Messages : 164
Inscrit(e) le : 29/12/2011

http://quisaraedis.forumgratuit.org/
Eil'liathan Tyan'Lirulin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'apparition et de positionement des bulles de description d'un forum

Message par Eil'liathan Tyan'Lirulin Jeu 2 Fév 2012 - 20:21

Bon problème résolu !
Merci Censure de m'avoir porté un peu d'attention ^^
avatar

Eil'liathan Tyan'Lirulin
***

Messages : 164
Inscrit(e) le : 29/12/2011

http://quisaraedis.forumgratuit.org/
Eil'liathan Tyan'Lirulin 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