Sujets similaires

Oui elle est entre hide c'est pour ca :s

Mais j'ai un autre soucis avec les infosbulles.
Le lien et l'image que j'ai msi dans l'infobulle s'affiche en dehors de l'infobulle.
Quand je fais prévisualiser mon post c'est tout nickel, mais quand je posts ça va pas T_T

le lien :
http://beastfr.1fr1.net/rules-presentations-f1/reglement-t1.htm#1

sinon j'ai le meme problème pour la taille dessus :s Pour le voir la presentation (la présentation va a la ligne :s)
Merci Lily

Sujet: Re: Faire une infobulle (messages) Jeu 14 Jan 2010, 22:44

Comment on fait pour mettre deux infobulls un a côté de l'atre?

Sujet: Re: Faire une infobulle (messages) Mer 27 Jan 2010, 12:14

Je n'arrive vraiment pas à mettre un lien dans mon infobulle

Sujet: Re: Faire une infobulle (messages) Mer 27 Jan 2010, 14:45

Peut-on voir ton code + css ?

Sujet: Re: Faire une infobulle (messages) Jeu 28 Jan 2010, 10:41

CSS :

Code:: .profilmasque{
text-align:center;
background-color:#ffffff;
}

tr.post span.gensmall { display: none; }

a.forumlink {
border-bottom: 5px solid #ffffff;
display: block;
}

a {
outline: none;
}

.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:0px;
border: 5px solid #ffffff;
}

a.forumlink {
color: darkcyan;
display: block;
font-family: georgia;
font-size: 14px;
text-transform: uppercase;
font-weight: normal;
letter-spacing: -1px;
border-bottom: 10px solid #ffffff;
padding-left: 10px;
text-shadow: #000000 1px 1px 1px;
}

/* pas de soulignement de liens */
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none !important;}

u {
border-bottom: 1px #ffffff dotted;
}

a.mainmenu{
color: DARKGRAY;
font-size:10px;
font-family: GEORGIA;
text-decoration:none;
padding-right:4px;
text-transform:lowercase;
background-color: LAVENDER;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
}

a.mainmenu:hover{
color: LAVENDER;
font-size:10px;
font-family: GEORGIA;
text-decoration:none;
padding-right:4px;
text-transform:lowercase;
background-color: BLACK;
border-radius: 0px 0px;
-moz-border-radius: 0px;
}

a.infobulle {
position: relative;
}

a.infobulle span {
display: none; /* ceci masque l'infobulle */
}
a.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

}
a.infobulle:hover span {
display: inline; /* ceci affiche l'infobulle */
position: absolute;

white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

top: 5px; /* on positionne notre infobulle */
left: 15px;

background: #ebebeb; /* arrière-plan de l'infobulle */

color: black; /* texte dans l'infobulle */
padding: 3px;

/* bordures de votre infobulle*/
border: 1px dotted black;
border-left: 1px dotted black;
}

.code {
max-width:480px !important;
}

.code div {
max-width:480px !important;
}

.bodyline {
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
border:10px solid DarkKhaki;}

Code :

Tempérance Albrizio

FONDATRICE

Profil

Sujet: Re: Faire une infobulle (messages) Jeu 28 Jan 2010, 10:43

Oups, désolé du double poste mais je n'ai pas le bouton pour éditer pour mettre mon infobulle en code

CSS :

Code:: <a href="#" class="infobulle"><img src="http://img199.imageshack.us/img199/192/95774435.png">
<span><img src="http://i325.photobucket.com/albums/k378/lj_nada/15nov2009/LM_3.png"><br>
<i>Tempérance Albrizio</i><br>
FONDATRICE<br><div>
<a href="http://size-matters.forumactif.org/profile.forum?mode=viewprofile&u=1" class="postlink" target="_blank">Profil</a></div></span></a>

Sujet: Re: Faire une infobulle (messages) Ven 29 Jan 2010, 08:13

Soit je n'ai pas compris ce que tu voulais soit je ne sais pas xD Mais ton lien dans l'infobulle marche très bien °°

Sujet: Re: Faire une infobulle (messages) Ven 29 Jan 2010, 12:34

Pourtant quand je clique dessus rien ne se passe

Sujet: Re: Faire une infobulle (messages) Ven 29 Jan 2010, 14:55

°° Je ne sais pas alors...
J'ai mis ton code sur mon forum test et ton CSS. Quand je vais sur l'image l'infobulle s'ouvre y a marqué Profil, je clique dessus et j'atterris sur ton forum sur le profil de Mackenzie Wildworth

Sujet: Re: Faire une infobulle (messages) Dim 31 Jan 2010, 07:19

Bonjour! ^^

J'ai une question sur les infobulles! ^^ A votre avis, serait-il possible de faire en sorte qu'une infobulle s'affiche, si le lien ou l'image "source" est contenue dans une image réactive?
Par exemple, admettons que sur une page d'accueil, image réactive donc, je veuille faire que lorsque je passe ma souris sur un mot de l'image (où un lien a été intégré) une infobulle s'affiche, est-ce possible? ^^

Ode & ses idées tordues vous remercient par avance! =P

Pour ne pas poster un autre topic, je voulais savoir, en restant dans le domaine de l'infobulle comment on pouvait les faire en arrondis (sauf qu'elles le sont pas assez à mon goût mais ça se modifie après) comme sur ce forum, avec les bordures qui encadres, c'est beau :
http://jrm-ent.forumactif.com/

J'ai encore une question xD, comment fait-on pour que le texte dans l'infobulle revienne à la ligne et cela fasse un genre de bloc, car en faites se serait pour mettre les relations d'un personnage dans l'infobulle.

Avec < br > ?

je sais comment on met tout ça, mais je sais pas ce qu'il faut que je modifie pour avoir ce que je veux XD

sinon, tu supprime nowrap je crois (: comme ça il n'y a pas besoin de < br >

oula, bon j'abandonne c'est trop compliqué pour moi XD dommage ^^'

merci quand même

Est ce que vous pouvez faire plus simple, nous donné seulement le code avec seulement les élément qu'ont doit rajouté Wink

J'ai essayé, et je me suis planté Mad

xD
En fait, j'aimerai inclure une infobulle au passage de la souris sur le nom des groupes, dans le QEEL.
Et je ne comprend pas comment je dois m'y prendre, quelqu'un pourrait-il m'éclairer ?

Re bonjour,
Voici mon code:

Code:: <TABLE>
<TBODY>
<TR>
<TD></TD>
<TD><DIV class=thumbnail><IMG style="BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BORDER-LEFT: 0px solid; WIDTH: 100px; BORDER-BOTTOM: 0px solid; HEIGHT: 100px" alt="" src="http://img18.imageshack.us/img18/5633/1z4cxzk.gif"><SPAN> <DIV class=tstaff><IMG style="BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BORDER-LEFT: 0px solid; WIDTH: 240px; BORDER-BOTTOM: 0px solid; HEIGHT: 180px" alt="" src="http://caps.wwe4live.de/data/media/240/Jerichp_speak_to_01.jpg"> <FONT style="COLOR: rgb(255,204,0)" color=#ff8403><B>Y2J/GM</B></FONT><BR>Administrateur<BR><A href="http://wwe-virtual.forumactif.com/profile.forum?mode=viewprofile&u=1">Voir son profil</A><BR><A href="http://wwe-virtual.forumactif.com/msg.forum?mode=post&u=1">Lui envoyer un MP</A></DIV></SPAN></DIV></TD>

Si vous le testé il ne marche pas du tout, loin de la Razz

Je peux savoir pourquoi?

Tes balises ne sont pas fermées
Ajoute

Code:: </TR></TBODY></TABLE>

À la fin de ton code

Code:: <TABLE>
<TBODY>
<TR>
<TD></TD>
<TD><DIV class=thumbnail><IMG style="BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BORDER-LEFT: 0px solid; WIDTH: 100px; BORDER-BOTTOM: 0px solid; HEIGHT: 100px" alt="" src="http://img18.imageshack.us/img18/5633/1z4cxzk.gif"><SPAN> <DIV class=tstaff><IMG style="BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BORDER-LEFT: 0px solid; WIDTH: 240px; BORDER-BOTTOM: 0px solid; HEIGHT: 180px" alt="" src="http://caps.wwe4live.de/data/media/240/Jerichp_speak_to_01.jpg"> <FONT style="COLOR: rgb(255,204,0)" color=#ff8403><B>Y2J/GM</B></FONT><BR>Administrateur<BR><A href="http://wwe-virtual.forumactif.com/profile.forum?mode=viewprofile&u=1">Voir son profil</A><BR><A href="http://wwe-virtual.forumactif.com/msg.forum?mode=post&u=1">Lui envoyer un MP</A></DIV></SPAN></DIV></TD></TR></TBODY></TABLE>

Comme tu peux le voir sa change pas grand choses Wink

Bonjour,

Sans avoir testé, essaye ceci :

Code:: <TABLE>
<TBODY>
<TR>
<TD></TD>
<TD><DIV class=thumbnail><IMG style="BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BORDER-LEFT: 0px solid; WIDTH: 100px; BORDER-BOTTOM: 0px solid; HEIGHT: 100px" alt="" src="http://img18.imageshack.us/img18/5633/1z4cxzk.gif"><SPAN> <a class=tstaff><IMG style="BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; BORDER-LEFT: 0px solid; WIDTH: 240px; BORDER-BOTTOM: 0px solid; HEIGHT: 180px" alt="" src="http://caps.wwe4live.de/data/media/240/Jerichp_speak_to_01.jpg"> <FONT style="COLOR: rgb(255,204,0)" color=#ff8403><B>Y2J/GM</B></FONT><BR>Administrateur<BR><A href="http://wwe-virtual.forumactif.com/profile.forum?mode=viewprofile&u=1">Voir son profil</A><BR><A href="http://wwe-virtual.forumactif.com/msg.forum?mode=post&u=1">Lui envoyer un MP</A></a></SPAN></DIV></TD></TR></TBODY></TABLE>

Marche pas non plus Sad

Montre nous ton CSS s'il te plaît.

Code:: #chatbox_members ul li,
body.chatbox {
background-image:url('http://s2.noelshack.com/uploads/images/17227245733137_copie_12.jpg');
}

*a.infobulle {
position: relative;
}

a.infobulle span {
display: none; /* ceci masque l'infobulle */
}
a.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

}
a.infobulle:hover

Faire une infobulle (messages)

Faire une infobulle (messages)

Sujets similaires

Sujets similaires

Partenaires Or