Infobulle pour les sujets de forum

Page 2 sur 2 Précédent  1, 2

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

Résolu Infobulle pour les sujets de forum

Message par J-CHamel le Mar 18 Sep 2012 - 23:37

Rappel du premier message :

Bonjour/bonsoir !

J'aimerais avoir votre aide pour la réalisation de plusieurs infobulles concernant les sujets de forum,
plutôt que d'avoir à écrire une description dans les cases. Comme par exemple: règlements, infos, présentation, etc.
J'ai regardé dans les sujets concernant les infobulles pour avoir les codes ainsi que la marche à suivre, mais les infobulles
demandées étaient pour des images, non pas pour des sujets de forum.

Cordialement!


Dernière édition par J-CHamel le Mar 13 Nov 2012 - 14:33, édité 3 fois

J-CHamel
***

Messages : 193
Inscrit(e) le : 10/09/2012

http://bsglejeu.1fr1.net
J-CHamel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle pour les sujets de forum

Message par J-CHamel le Dim 30 Sep 2012 - 4:34

Up!

J-CHamel
***

Messages : 193
Inscrit(e) le : 10/09/2012

http://bsglejeu.1fr1.net
J-CHamel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle pour les sujets de forum

Message par J-CHamel le Lun 1 Oct 2012 - 23:36

UP!

J-CHamel
***

Messages : 193
Inscrit(e) le : 10/09/2012

http://bsglejeu.1fr1.net
J-CHamel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle pour les sujets de forum

Message par J-CHamel le Mar 2 Oct 2012 - 22:51

UP!

J-CHamel
***

Messages : 193
Inscrit(e) le : 10/09/2012

http://bsglejeu.1fr1.net
J-CHamel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle pour les sujets de forum

Message par J-CHamel le Mer 3 Oct 2012 - 22:37

UP!

J-CHamel
***

Messages : 193
Inscrit(e) le : 10/09/2012

http://bsglejeu.1fr1.net
J-CHamel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle pour les sujets de forum

Message par J-CHamel le Ven 5 Oct 2012 - 3:01

UP!

J-CHamel
***

Messages : 193
Inscrit(e) le : 10/09/2012

http://bsglejeu.1fr1.net
J-CHamel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle pour les sujets de forum

Message par J-CHamel le Ven 5 Oct 2012 - 22:34

UP!

J-CHamel
***

Messages : 193
Inscrit(e) le : 10/09/2012

http://bsglejeu.1fr1.net
J-CHamel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle pour les sujets de forum

Message par J-CHamel le Dim 7 Oct 2012 - 10:04

UP!

J-CHamel
***

Messages : 193
Inscrit(e) le : 10/09/2012

http://bsglejeu.1fr1.net
J-CHamel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle pour les sujets de forum

Message par J-CHamel le Lun 8 Oct 2012 - 17:33

UP!

J-CHamel
***

Messages : 193
Inscrit(e) le : 10/09/2012

http://bsglejeu.1fr1.net
J-CHamel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle pour les sujets de forum

Message par J-CHamel le Mer 10 Oct 2012 - 2:45

UP!

J-CHamel
***

Messages : 193
Inscrit(e) le : 10/09/2012

http://bsglejeu.1fr1.net
J-CHamel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle pour les sujets de forum

Message par J-CHamel le Jeu 11 Oct 2012 - 5:47

UP!

J-CHamel
***

Messages : 193
Inscrit(e) le : 10/09/2012

http://bsglejeu.1fr1.net
J-CHamel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle pour les sujets de forum

Message par J-CHamel le Ven 12 Oct 2012 - 20:01

UP!

J-CHamel
***

Messages : 193
Inscrit(e) le : 10/09/2012

http://bsglejeu.1fr1.net
J-CHamel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle pour les sujets de forum

Message par J-CHamel le Sam 13 Oct 2012 - 20:48

UP!
Ce sujet est toujours d'actualité.

J-CHamel
***

Messages : 193
Inscrit(e) le : 10/09/2012

http://bsglejeu.1fr1.net
J-CHamel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle pour les sujets de forum

Message par J-CHamel le Dim 14 Oct 2012 - 23:01

Up!
Sujet toujours d'actualité!

J-CHamel
***

Messages : 193
Inscrit(e) le : 10/09/2012

http://bsglejeu.1fr1.net
J-CHamel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle pour les sujets de forum

Message par J-CHamel le Mar 16 Oct 2012 - 1:02

UP!

J-CHamel
***

Messages : 193
Inscrit(e) le : 10/09/2012

http://bsglejeu.1fr1.net
J-CHamel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle pour les sujets de forum

Message par J-CHamel le Mar 16 Oct 2012 - 23:28

Sujet toujours d'actualité!

J-CHamel
***

Messages : 193
Inscrit(e) le : 10/09/2012

http://bsglejeu.1fr1.net
J-CHamel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle pour les sujets de forum

Message par J-CHamel le Jeu 18 Oct 2012 - 11:00

UP!

J-CHamel
***

Messages : 193
Inscrit(e) le : 10/09/2012

http://bsglejeu.1fr1.net
J-CHamel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle pour les sujets de forum

Message par J-CHamel le Ven 19 Oct 2012 - 22:59

Sujet toujours d'actualité!

J-CHamel
***

Messages : 193
Inscrit(e) le : 10/09/2012

http://bsglejeu.1fr1.net
J-CHamel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle pour les sujets de forum

Message par J-CHamel le Dim 21 Oct 2012 - 8:55

UP!

J-CHamel
***

Messages : 193
Inscrit(e) le : 10/09/2012

http://bsglejeu.1fr1.net
J-CHamel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle pour les sujets de forum

Message par J-CHamel le Jeu 25 Oct 2012 - 22:32

UP!

J-CHamel
***

Messages : 193
Inscrit(e) le : 10/09/2012

http://bsglejeu.1fr1.net
J-CHamel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle pour les sujets de forum

Message par J-CHamel le Mer 31 Oct 2012 - 19:11

UP!

J-CHamel
***

Messages : 193
Inscrit(e) le : 10/09/2012

http://bsglejeu.1fr1.net
J-CHamel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle pour les sujets de forum

Message par MlleAlys le Mer 31 Oct 2012 - 19:22

tu ne peux pas, au lieu d'applique le lien de l'infobulle à un image, l'appliquer directement à ton texte ? ^^"
comme ça par exemple :

le code css d'une infobulle parmi d'autres :
Code:
/*INFOBULLE*/
a.infobulle{
    position: relative;
    padding:7px;
}
a.infobulle span {
    display: none;
}
a.infobulle:hover {
    background: none repeat scroll 0 0 transparent;
    z-index: 9999;
}
a.infobulle:hover span { /*apparence de l'Infobulle*/
    -moz-border-radius: 10px 10px 10px 10px; /*contours arrondis*/
    background-color: #EBEBEB; /*arrière plan*/
    border: 1px solid #000000; /*contours solid couleur */
    color: #000000; /*couleur de texte*/
    display: inline; /*pas toucher*/
    left: 22px; /*espace gauche par rapport au texte survolé*/
    top: -50px;/*espace haut par rapport au texte survolé*/
    bottom: 0px; /*espace bas par rapport au texte survolé*/
    right : 0px; /*espace droit par rapport a au texte survolé*/
    width: 100px /*largeur de l'infobulle*/
    heigth: 100px; /*hauteur de l'infobulle*/
    padding: 3px; /*espace a l'intérieur de la bulle par rapport aux bordures*/
    position: absolute; /*pas toucher*/
    text-align:center; /*alignement du texte dans l'infobulle*/
}
/*fin*/

le code html :
Code:
<a class="infobulle">TON TEXTE SURVOLé<span>LE TEXTE DE TON INFOBULLE</span></a>

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

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

Résolu Re: Infobulle pour les sujets de forum

Message par J-CHamel le Jeu 1 Nov 2012 - 2:55

Salut MlleAlys,
Pourrais-tu m'expliquer qu'est-ce que je ne peux pas au juste?
Merci de te préoccuper de ce sujet!

Cordialement!
J-C

J-CHamel
***

Messages : 193
Inscrit(e) le : 10/09/2012

http://bsglejeu.1fr1.net
J-CHamel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle pour les sujets de forum

Message par J-CHamel le Dim 4 Nov 2012 - 7:12

Sujet toujours d'actualité!

J-CHamel
***

Messages : 193
Inscrit(e) le : 10/09/2012

http://bsglejeu.1fr1.net
J-CHamel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle pour les sujets de forum

Message par MlleAlys le Dim 4 Nov 2012 - 11:58

Si, normalement tu peux justement : les balises de l'infobulle, si elle est appliquée à une image, sont de part et d'autre de cette image. Si tu veux l'appliquer à un texte, il suffit de mettre les balises de l'infobulle de part et d'autre de ce texte, comme l'exemple posté juste avant.

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

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

Résolu Re: Infobulle pour les sujets de forum

Message par J-CHamel le Dim 4 Nov 2012 - 14:28

Bonjour MlleAlys,
En fait, j'ai deux problèmes relié aux infobulles. Le premier, étant que je ne vois plus les infobulles et idem pour nickylarson. Mystère.
Voici le lien de mon forum:http://zone.1fr1.net/
Bonsoir je rejoins mon ami selas.

On ne voit pas le résultat sur ton forum ???

selas a écrit:Re,

Voici le code:

Code: Sélectionner le contenu


<table>
<tr>
<td><div class="lock"><a href="TONLIENICI"><img src="TONIMAGEICI"></a><div class="lock-hidden"><font color="white">"RÈGLEMENTS"</font><br><font color="white">"Quelques règles sont à respecter sur un tel forum."</font><br><span style="font-style: italic;" class="genmed"><span class="genmed"><font color="blue">À consulter au moins une fois !</font></span></span><br>
</div></div>
</td>
</tr>
</table>



Et voila ton image redirige la ou tu veux et affiche l'infobulle au passage

PS: C'est bizarre mais je ne vois pas le résultat sur le forum de votre profil.

A+
Ensuite, j'ai tenté de faire un deuxième sujet de forum (celui-ci se nomme Infos). Tout allait bien jusqu'à ce que je remarque que je ne peu ajuster la box de l'infobulle (qui est dans le CSS) qui prend le même emplacement que la première (Règlements), sauf le texte à l'intérieur qui appartient à Infos.

Exemple:



Voici le HTML de mon PA:
Code:
<table>
        <tr>
        <td><div class="lock"><a href="http://zone.1fr1.net/t4-regles-d-utilisations-des-forums"><img src="http://i34.servimg.com/u/f34/15/04/69/53/reglem10.png"></a><div class="lock-hidden"><font color="white">"RÈGLEMENTS"</font><br><font color="white">"Quelques règles sont à respecter sur un tel forum."</font><br><span style="font-style: italic;" class="genmed"><span class="genmed"><font color="blue">À consulter au moins une fois !</font></span></span><br>
        </div></div>
        </td>
        </tr>
        </table>

Et le CSS:
Code:
Infobulle Règlements
        .lock  {
          position: relative;
          cursor: pointer;
        }
        .lock .lock-hidden {
          /* center */
          display: none;
          position: absolute;
          padding-left : 1px;
          padding-right : 1px;
          padding-top  : 1px;
          padding-bottom : 1px;
            top: 568px;
            left: 505px;
          /* style du bloc qui apparait */
          border: 2px outset #0165fb;
          border-radius: 5px;
          background-color: transparent;
          -moz-border-radius: 5px;
          text-align: center;
            visibility: visible;
        }
        .lock:hover .lock-hidden {
          display: block;
        }
Comment faire s.v.p?
Cordialement!

J-CHamel
***

Messages : 193
Inscrit(e) le : 10/09/2012

http://bsglejeu.1fr1.net
J-CHamel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle pour les sujets de forum

Message par MlleAlys le Dim 4 Nov 2012 - 14:39

waaah ! affraid Oui pardon, comme le premier message est répété en haut de cette page, je n'avais vu la page précédente !! je suis désolée, ma réponse est donc dépassée =S

heu...
est-ce possible d'avoir un lien pour voir directement le(s) problème(s) ?


MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

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

Résolu Re: Infobulle pour les sujets de forum

Message par J-CHamel le Lun 5 Nov 2012 - 4:22

UP!

J-CHamel
***

Messages : 193
Inscrit(e) le : 10/09/2012

http://bsglejeu.1fr1.net
J-CHamel a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Infobulle pour les sujets de forum

Message par MadDev le Lun 12 Nov 2012 - 16:04

Bonjour

il me semble qu'il y ait un problème avec les codes

il faut plutôt essayer de mettre le html de cette façon :

Code:
<div class="lock"><a href="http://zone.1fr1.net/t4-regles-d-utilisations-des-forums"><img src="http://i34.servimg.com/u/f34/15/04/69/53/reglem10.png"></a><span><center><font color="white">"RÈGLEMENTS"</font><br><font color="white">"Quelques règles sont à respecter sur un tel forum."</font></center></span></div></td><td>

et essayer ce css :

Code:
div.lock
{
position: relative;
color: #000000;
text-decoration: none;

}

div.lock span
{
display: none;
width: 100px;
}

div.lock:hover
{
background: none;
z-index: 999;
cursor: defaut;

}

div.lock:hover span
{
display: inline;
position: absolute;
white-space: nowrap;
top: 10px;
padding: 5px;
width: 50px;
}

modifier le css comme désiré




bonjour

votre problème a t il été résolu ?

si c'est le cas merci d'éditer votre message en cliquant sur et mettre l'icone .


Dernière édition par Lady Oscar le Mar 13 Nov 2012 - 15:30, édité 1 fois

MadDev
Dévactif
Dévactif

Masculin
Messages : 1659
Inscrit(e) le : 19/02/2007

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

Résolu Re: Infobulle pour les sujets de forum

Message par J-CHamel le Mar 13 Nov 2012 - 14:32

Bonjour/bonsoir Lady Oscar!
Merci beaucoup pour ces rectifications!
Ça fonctionne ENFIN!
Je vais donc mettre mon sujet comme résolu grâce à ton intervention Wink
Un gros MERCI!

J-C

J-CHamel
***

Messages : 193
Inscrit(e) le : 10/09/2012

http://bsglejeu.1fr1.net
J-CHamel a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 2 Précédent  1, 2

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