Sujets similaires

Essaie ce 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"><DIV class="tstaff"><SPAN><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></SPAN></DIV</DIV></TD></TR></TBODY></TABLE>

Ca me fait pareil Sad

Essaye ce code et mets l'autre dans le CSS (en oubliant pas de l'adapter Wink

)

Code:: <table>
<tr>
<td><div class="infobulle"><img alt="" src="http://img18.imageshack.us/img18/5633/1z4cxzk.gif" /><span><IMG alt="" src="http://caps.wwe4live.de/data/media/240/Jerichp_speak_to_01.jpg" /> <font color=#ff8403><b>Y2J/GM</b></font><br />Administrateur<br /><div><a href="http://wwe-virtual.forumactif.com/profile.forum?mode=viewprofile&u=1">Voir son profil</a></div><div><a href="http://wwe-virtual.forumactif.com/msg.forum?mode=post&u=1">Lui envoyer un MP</a></div></span></div></td></tr></table>

Spoiler:

Et si ça ne marche pas, je saute par la fenêtre ^^

Bah commence a sauter, ca marche pas, toujours la meme choses, et ca commence a m'énnervé car je tient beaucoup a faire ça!

Excuse-moi mais ça ne peut pas ne pas marcher. Peux-tu me faire voir tes codes ? Wink

Code:: div.infobulleqeel {
position: relative;
float: left;
}
div.infobulleqeel span {
display: none; /* ceci masque l'infobulle */
}
div.infobulleqeel:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}
div.infobulleqeel:hover span {
font-style: normal;
display: inline;
position: absolute;
top: 5px;
left: 5px;
background-color: #X;
color: #X;
padding-left: Xpx;
padding-right: Xpx;
padding-bottom: Xpx;
padding-top: Xpx;
border-left: Xpx solid #X;
border-right: Xpx solid #X;
border-top: Xpx solid #X;
border-bottom: Xpx solid #X;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
width:250px;}

Vla mon CSS

PS: Faut remplacer Basile, il a sauter U'_u

Citation :: Essaye ce code et mets l'autre dans le CSS (en oubliant pas de l'adapter )

T'as lu ce que j'ai écrit ? Neutre

Ca veut dire quoi de l'adapter?

Beh de mettre la bordure que tu veux, la couleur, etc ...

Ha ok, ont peut me donner un exemple car je suis très nul!

Que tu sois nul/débutant c'est une chose mais on fait un petit effort. Y a un cours très bien qui existe sur ce forum alors avant toute chose ce serait bien de le lire, de le comprendre et de l'assimiler. Parce que si tu ne sais pas rajouter de la couleur et des bordures c'est que tu n'as pas fait ce travail au préalable. C'est les bases et je pense pas qu'il faille sortir de bac+10 pour le comprendre --' juste un peu de bonne volonté.
https://css-actif.forumactif.org/bases-css-f48/cours-elementaire-1-le-css-et-le-html-t66.htm
Alors l'excuse du "je suis très nul" ça marche pas.

Sans vouloir te vexé je n'ai pas demandé ceci, je veut juste savoirce que je doit mettre et ou Wink

Tu te fous de moi ? Tu demandes à savoir comment on met des bordures et de la couleur (entre autre). Et bien oh miracle ! Tu trouveras toutes tes réponses dans le sujet que je t'ai montré.
Maintenant si tu veux pas, moi ça m'est égal. Mais n'attend pas que tout te tombe dans la bouche tout cru parce que tu risques d'attendre longtemps. On est pas là pour vous donner tout sans aucun effort de votre part, il faut mettre aussi un peu la main à la pâte.

Lit le cours et tu le sauras.
Là j'ai l'impression que tu veux qu'on fasse tout pour toi, qu'on te prennes par la main comme un enfant et tout.

En lisant le cours tu sauras exactement quoi mettre où et pourquoi. Alors force-toi un peu, sinon tu n'Arriveras jamais à rien dans la vie.

C'est bien beau essayer de t'aider mais si tu ne fais rien alors ça nous sert à rien de t'aider. Voilà.

Alors voilà, j'expose mon problème, enfin ce n'est pas un problème ^^ Ne sautez pas par la fenêtre mdr. J'ai des infobulles sur mon forum et j'aimerais juste savoir si vous connaissiez un code pour que les infobulles est un contour arrondi. Merci beaucoup, e, tout cas, votre forum m'aide beaucoup ^^

Tu ajoutes ceci à ton code a.infobulle:hover span:

Code:: -moz-border-radius: ?px ?px ?px ?px;
-webkit-border-radius: ?px ?px ?px ?px;
border-radius: ?px ?px ?px ?px;

Tu changes les ? pour les chiffres que tu veux, et ainsi tu as une infobulle avec des contours arrondis compatibles avec Firefox, Google Chrome, Safari et Opera =D

J'ai essayé et ça fonctionne, merci beaucoup de ton aide Smile

Bonjour,

j'ai du mal a afficher mon infobulle de mon groupes.

Voici mon template :

Spoiler:

Code:: {JAVAscript}

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

<tr>
<td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
</tr>


<tr>
<td class="row1" rowspan="3" align="center" valign="middle">
<div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
</td>
</tr>

</table>



<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td width="100%" valign="top" align="center" class="row1">
<label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label>
<label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label>
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>

</td>
</tr>
</table>
</form>


{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" valign="top">

<span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>


<br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>

</span>
</td>
<td width="50%" align="right">
<span class="gensmall">
<a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
<a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
<a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>


<br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>


</span>
</td>
</tr>
</table>


<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td width="100%" valign="top" align="center" class="row1">
<span class="genmed">{L_USERNAME}:</span>
<input class="post" type="text" size="10" name="username"/>
<span class="genmed">{L_PASSWORD}:</span>
<input class="post" type="password" size="10" name="password"/>
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
<span class="gensmall">{L_AUTO_LOGIN}</span>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
</td>
</tr>
</table>
</form>


<table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques">
<tr>
<td width="50%">
<br><center>
<span class="groupes">
<a href="http://lesgendresbeta5.forumactif.org/groupcp.forum?g=1">
<font color="#FF0000" size="2"><b>Administrateurs</b></font>
<a href="#" class="infobulle"><span>TexteCONTENU DE L'INFOBULLE</span></a></a>
</span> <img src="http://i31.tinypic.com/mugck1.jpg">

<span class="groupes">
<a href="http://lesgendresbeta5.forumactif.org/groupcp.forum?g=8">
<font color="#C48787" size="2"><b>Modérateurs</b></font></a>
</span> <img src="http://i31.tinypic.com/mugck1.jpg">

<span class="groupes">
<a href="http://lesgendresbeta5.forumactif.org/groupcp.forum?g=2">
<font color="#05F7F7" size="2"><b>Gendres</b></font></a>
</span> <img src="http://i31.tinypic.com/mugck1.jpg">

<span class="groupes">
<a href="http://lesgendresbeta5.forumactif.org/groupcp.forum?g=3">
<font color="#FFC105" size="2"><b>Alliés</b></font></a>
</span>

<br><br>

<span class="groupes">
<a href="http://lesgendresbeta5.forumactif.org/groupcp.forum?g=4">
<font color="#BF00FF" size="2"><b>Postulants</b></font></a>
</span> <img src="http://i31.tinypic.com/mugck1.jpg">

<span class="groupes">
<a href="http://lesgendresbeta5.forumactif.org/groupcp.forum?g=5">
<font color="#05EB1F" size="2"><b>Amis</b></font></a>
</span> <img src="http://i31.tinypic.com/mugck1.jpg">

<span class="groupes">
<a href="http://lesgendresbeta5.forumactif.org/groupcp.forum?g=6">
<font color="#595959" size="2"><b>Retraités</b></font></a>
</span> <img src="http://i31.tinypic.com/mugck1.jpg">

<span class="groupes">
<a href="http://lesgendresbeta5.forumactif.org/groupcp.forum?g=7">
<font color="#FF8C00" size="2"><b>Visiteurs</b></font></a>
</span> <img src="http://i31.tinypic.com/mugck1.jpg">

<br><br>

<span class="gensmall"><div class="cadre">{TOTAL_POSTS}. {TOTAL_USERS}<br>
{NEWEST_USER}<br><br></div><br></br>
<div class="cadre">{TOTAL_USERS_ONLINE}<br>
{LOGGED_IN_USER_LIST}</div></center>
</span><br>
<table border="0" cellspacing="3" cellpadding="0" width="900" align="center">
{L_CONNECTED_MEMBERS}</table>
</tr>
</table>

{CHATBOX_BOTTOM}
<br clear="all" />

<table border="0" cellspacing="3" cellpadding="0" align="center">
<tr>
<td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
<td><span class="gensmall">{L_NEW_POSTS}</span></td>
<td></td>
<td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
<td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
<td> </td>
<td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
<td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
</tr>
</table>


{AUTO_DST}

Mon css:

Spoiler:

Code:: a.infobulle {
position: relative;
}

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: 30px;

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;
}

.statistiques td.row1
{text-align: center;
border: 1px dotted #D0D0D0;
background: transparent;
filter:alpha(opacity=65);
opacity:0.65;
background-color: #1D3C40;
-moz-border-radius : 5px 5px 5px 5px;
padding-right:3px;
padding-left:3px;}

.statistiques td.row2
{text-align: center;
border: 1px dotted #D0D0D0;
background: transparent;
filter:alpha(opacity=65);
opacity:0.65;
background-color: #1D3C40;
-moz-border-radius : 5px 5px 5px 5px;
padding-right:3px;
padding-left:3px;}

.cadre
{border: 1px dotted #D0D0D0;
background: transparent;
filter:alpha(opacity=65);
opacity:0.65;
background-color: #1D3C40;
-moz-border-radius : 5px 5px 5px 5px;
padding-right:3px;
padding-left:3px;}

body.chatbox {
background-color: #1D3C40;
}

.groupes a:hover{
text-decoration: none !important;
border-bottom: 1px dashed #FFFFFF;
background-color: #D0D0D0;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
}

.groupes a:hover {
background-color: #295b63;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
}
.statistiques{
border:0px;
background-image: none
background-repeat: no-repeat;
background-position: center;
height:270px;}

.groupes{
background: transparent;
filter:alpha(opacity=65);
opacity:0.65;
background-color: #1D3C40;
border: 1px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

.complet{
text-align:center;
color:;
}

.complet a{
color:#FFFFFF;
text-decoration:none;
}

.context{
padding-left:20px;
padding-right:20px;
font-size:14px;
}

.navig{
margin-bottom:1px;
margin-left:15px;
margin-right:15px;
background-color:#295359;
display:block;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
}

.navig:hover{
border-left:5px solid #DADADA;
border-right:5px solid #DADADA;
}

.textscroll{
overflow:auto;
width:290px;
height: 90px;
}

.block{
padding-bottom:20px;
}

#bienvenue {
color: #F7F7F7;
background-color: #295359;
text-align: center;
font-variant: small-caps;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
font-size:20px;
font-weight:bold;
}

.titre {
color: #F7F7F7;
background-color: #295359;
text-align: center;
font-variant: small-caps;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
font-size:18px;
}

.top {
border: 1px solid #F7F7F7;
background-color: #295359;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
padding:4px;
}

a.imginfo {
position: relative;
color: #7d7d7d;
text-decoration: none;
border-bottom: 0px #295359 solid;
padding-right:10px;
}

a.imginfo span {
display: none;
}

a.imginfo:hover {
background: none;
z-index: 999;
cursor: help;
}

a.imginfo:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 10px;
left: 20px;
background: #295359;
color: #7d7d7d;
padding: 3px;
border: 3px solid #7d7d7d;
-moz-border-radius:10px;
}

a.mainmenu {
background: transparent
filter:alpha(opacity=80);
opacity:0.80;
background-color: #1D3C40;
padding-right: 10px;
font-weight: lighter!important;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
text-transform: capitalize;
color : #23aa9c;
font-size: 11px;}

a.mainmenu:hover{
background-color: #ffffff;
padding-right: 10px;
font-weight: lighter!important;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
text-transform: capitalize;
color : #1D3C40;
font-size: 12px;}

body { cursor: crosshair }

input, textarea, select {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;}

a:hover {
font-variant : small-caps;
letter-spacing: 1px;
text-decoration: none; color:#3f818a ; border-bottom: 1px dotted #3f818a;}

.forumline{background-color: transparent}

td.row1,td.row3.over:hover {
filter:alpha(opacity=80);
opacity:0.80;}

td.row2,td.row1.over:hover {
filter:alpha(opacity=80);
opacity:0.80;}

td.row3{
filter:alpha(opacity=80);
opacity:0.80;}

a { text-decoration: none; }

div, table {
-moz-border-radius:10px;
border: none;}

textarea, .textarea.post, input.post {
-moz-border-radius:8px;}

.quote {
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
padding:10px;
color: #948A30}

.code {
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
padding:10px;}
color: #948A30;

.forumline{
-moz-border-radius:6px;}

/*Online_Offline-------------------------------------------------*/
.offlinebutton {
background-color: transparent;
border: none;
background-image: url('http://i61.servimg.com/u/f61/14/21/68/18/offlin10.png');
background-repeat : no-repeat;
background-position : center;
min-width: 147px;
width: 147px;
min-height: 18px;
height: 18px;}

th.secondarytittle {-moz-border-radius-topleft :10px;}
th.lastmess {-moz-border-radius-topright :10px;}
th.secondarytitle {
-moz-border-radius-topleft: 10px;
-webkit-border-radius-topleft: 10px;}

.cadreava{
padding : 5px;
background-color:#295359;
-moz-border-radius:5px;}

.cadrepro{
background-color:#295359;
-moz-border-radius:5px;}

var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

try {
var pageTracker = _gat._getTracker("UA-13005748-1");
pageTracker._trackPageview();
} catch(err) {}

.nom {
background-color: #295359;
margin: 0px 0px 0px 0px;
font-family: Georgia, "Courier New", "Comic Sans Ms","Trebuchet MS", "Arial Black", Arial, Verdana, serif;
font-size: 15px;
font-weight: bold;
text-indent: 5%;
text-transform: capitalize;
text-align: left;
color: White;
border-width: 5px;
border-color: white;
border-style: solid ;
border-left: 2px solid white;
border-top: 2px solid white;
border-right: 2px solid white;
border-bottom: 2px solid white;
-moz-border-radius-topright: 30px;
-webkit-border-radius-topright: 30px;
width: 300px;}

.nom_souligne {
border-bottom: 1px solid white;}

a:link {text-transform: Capitalize; letter-spacing: 1px; text-decoration: none!important; text-shadow: #000000 1px 1px 1px;}

.limitation-signature img {
max-width: 500px;
max-height: 200px;}

merci d'avance

Jiben

Est-ce que tu as le lien du forum ou un screen du problème?

Bonjour,

voici mon forum :
http://lesgendresbeta5.forumactif.org/index.htm

JIben

Code:: <span class="groupes">
<a href="http://lesgendresbeta5.forumactif.org/groupcp.forum?g=1">
<font color="#FF0000" size="2"><b>Administrateurs</b></font>
<a href="#" class="infobulle"><span>TexteCONTENU DE L'INFOBULLE</span></a></a>
</span>

Il y a un problème dans le code .. Celui que je t'ai donné dans l'autre sujet n'est pas comme celui là ..

Citation :: <span class="groupes">
<a href="http://lesgendresbeta5.forumactif.org/groupcp.forum?g=1" class="infobulle">
<font color="#FF0000" size="2"><b>Administrateurs</b></font>
<span>CONTENU DE L'INFOBULLE</span></a>
</span>

La class est à mettre dans le lien du groupe, pas ailleurs Wink

Et j'apprécierais que tu évites de m'envoyer des MP pour me dire que tu as des problèmes; les zones d'aides sont là pour cela Wink

Salut,

Désoler pour le MP, je ne savait pas ou posé pas question Sad

Bon j'ai un problème car l'infobulle ne fonctionne pas aussi bien !

Sans le passage de la souris :

Faire une infobulle (messages) - Page 4 Qeel_b14

lors du passage de la souris :

Faire une infobulle (messages) - Page 4 Qeel2_10

Merci d'avance

Jiben

O_o

Pourrais-tu me donner tes codes CSS & de templates pour le Qui est en ligne ?

Pas de problème.

CSS

Spoiler:

Code:: a.infobulle {
position: relative;
}

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: 30px;

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;
}

.statistiques td.row1
{text-align: center;
border: 1px dotted #D0D0D0;
background: transparent;
filter:alpha(opacity=65);
opacity:0.65;
background-color: #1D3C40;
-moz-border-radius : 5px 5px 5px 5px;
padding-right:3px;
padding-left:3px;}

.statistiques td.row2
{text-align: center;
border: 1px dotted #D0D0D0;
background: transparent;
filter:alpha(opacity=65);
opacity:0.65;
background-color: #1D3C40;
-moz-border-radius : 5px 5px 5px 5px;
padding-right:3px;
padding-left:3px;}

.cadre
{border: 1px dotted #D0D0D0;
background: transparent;
filter:alpha(opacity=65);
opacity:0.65;
background-color: #1D3C40;
-moz-border-radius : 5px 5px 5px 5px;
padding-right:3px;
padding-left:3px;}

body.chatbox {
background-color: #1D3C40;
}

.groupes a:hover{
text-decoration: none !important;
border-bottom: 1px dashed #FFFFFF;
background-color: #D0D0D0;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
}

.groupes a:hover {
background-color: #295b63;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
}
.statistiques{
border:0px;
background-image: none
background-repeat: no-repeat;
background-position: center;
height:270px;}

.groupes{
background: transparent;
filter:alpha(opacity=65);
opacity:0.65;
background-color: #1D3C40;
border: 1px #D0D0D0 dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

.complet{
text-align:center;
color:;
}

.complet a{
color:#FFFFFF;
text-decoration:none;
}

.context{
padding-left:20px;
padding-right:20px;
font-size:14px;
}

.navig{
margin-bottom:1px;
margin-left:15px;
margin-right:15px;
background-color:#295359;
display:block;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
}

.navig:hover{
border-left:5px solid #DADADA;
border-right:5px solid #DADADA;
}

.textscroll{
overflow:auto;
width:290px;
height: 90px;
}

.block{
padding-bottom:20px;
}

#bienvenue {
color: #F7F7F7;
background-color: #295359;
text-align: center;
font-variant: small-caps;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
font-size:20px;
font-weight:bold;
}

.titre {
color: #F7F7F7;
background-color: #295359;
text-align: center;
font-variant: small-caps;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
font-size:18px;
}

.top {
border: 1px solid #F7F7F7;
background-color: #295359;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
padding:4px;
}

a.imginfo {
position: relative;
color: #7d7d7d;
text-decoration: none;
border-bottom: 0px #295359 solid;
padding-right:10px;
}

a.imginfo span {
display: none;
}

a.imginfo:hover {
background: none;
z-index: 999;
cursor: help;
}

a.imginfo:hover span {
display: inline;
position: absolute;
white-space: nowrap;
top: 10px;
left: 20px;
background: #295359;
color: #7d7d7d;
padding: 3px;
border: 3px solid #7d7d7d;
-moz-border-radius:10px;
}

a.mainmenu {
background: transparent
filter:alpha(opacity=80);
opacity:0.80;
background-color: #1D3C40;
padding-right: 10px;
font-weight: lighter!important;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
text-transform: capitalize;
color : #23aa9c;
font-size: 11px;}

a.mainmenu:hover{
background-color: #ffffff;
padding-right: 10px;
font-weight: lighter!important;
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
text-transform: capitalize;
color : #1D3C40;
font-size: 12px;}

body { cursor: crosshair }

input, textarea, select {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;}

a:hover {
font-variant : small-caps;
letter-spacing: 1px;
text-decoration: none; color:#3f818a ; border-bottom: 1px dotted #3f818a;}

.forumline{background-color: transparent}

td.row1,td.row3.over:hover {
filter:alpha(opacity=80);
opacity:0.80;}

td.row2,td.row1.over:hover {
filter:alpha(opacity=80);
opacity:0.80;}

td.row3{
filter:alpha(opacity=80);
opacity:0.80;}

a { text-decoration: none; }

div, table {
-moz-border-radius:10px;
border: none;}

textarea, .textarea.post, input.post {
-moz-border-radius:8px;}

.quote {
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
padding:10px;
color: #948A30}

.code {
-moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
padding:10px;}
color: #948A30;

.forumline{
-moz-border-radius:6px;}

/*Online_Offline-------------------------------------------------*/
.offlinebutton {
background-color: transparent;
border: none;
background-image: url('http://i61.servimg.com/u/f61/14/21/68/18/offlin10.png');
background-repeat : no-repeat;
background-position : center;
min-width: 147px;
width: 147px;
min-height: 18px;
height: 18px;}

th.secondarytittle {-moz-border-radius-topleft :10px;}
th.lastmess {-moz-border-radius-topright :10px;}
th.secondarytitle {
-moz-border-radius-topleft: 10px;
-webkit-border-radius-topleft: 10px;}

.cadreava{
padding : 5px;
background-color:#295359;
-moz-border-radius:5px;}

.cadrepro{
background-color:#295359;
-moz-border-radius:5px;}

var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

try {
var pageTracker = _gat._getTracker("UA-13005748-1");
pageTracker._trackPageview();
} catch(err) {}

.nom {
background-color: #295359;
margin: 0px 0px 0px 0px;
font-family: Georgia, "Courier New", "Comic Sans Ms","Trebuchet MS", "Arial Black", Arial, Verdana, serif;
font-size: 15px;
font-weight: bold;
text-indent: 5%;
text-transform: capitalize;
text-align: left;
color: White;
border-width: 5px;
border-color: white;
border-style: solid ;
border-left: 2px solid white;
border-top: 2px solid white;
border-right: 2px solid white;
border-bottom: 2px solid white;
-moz-border-radius-topright: 30px;
-webkit-border-radius-topright: 30px;
width: 300px;}

.nom_souligne {
border-bottom: 1px solid white;}

a:link {text-transform: Capitalize; letter-spacing: 1px; text-decoration: none!important; text-shadow: #000000 1px 1px 1px;}

.limitation-signature img {
max-width: 500px;
max-height: 200px;}

Template du qui en ligne

Spoiler:

Code:: {JAVAscript}

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

<tr>
<td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
</tr>


<tr>
<td class="row1" rowspan="3" align="center" valign="middle">
<div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
</td>
</tr>

</table>



<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td width="100%" valign="top" align="center" class="row1">
<label><span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" size="10" name="username" /></label>
<label><span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" size="10" name="password" /></label>
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>

</td>
</tr>
</table>
</form>


{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" valign="top">

<span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>


<br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>

</span>
</td>
<td width="50%" align="right">
<span class="gensmall">
<a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
<a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
<a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>


<br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>


</span>
</td>
</tr>
</table>


<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td width="100%" valign="top" align="center" class="row1">
<span class="genmed">{L_USERNAME}:</span>
<input class="post" type="text" size="10" name="username"/>
<span class="genmed">{L_PASSWORD}:</span>
<input class="post" type="password" size="10" name="password"/>
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /><br />
<span class="gensmall">{L_AUTO_LOGIN}</span>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
</td>
</tr>
</table>
</form>


<table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques">
<tr>
<td width="50%">
<br><center>
<span class="groupes">
<a href="http://lesgendresbeta5.forumactif.org/groupcp.forum?g=1" class="infobulle">
<font color="#FF0000" size="2"><b>Administrateurs</b></font>
<span>CONTENU DE L'INFOBULLE</span></a>
</span> <img src="http://i31.tinypic.com/mugck1.jpg">

<span class="groupes">
<a href="http://lesgendresbeta5.forumactif.org/groupcp.forum?g=8">
<font color="#C48787" size="2"><b>Modérateurs</b></font></a>
</span> <img src="http://i31.tinypic.com/mugck1.jpg">

<span class="groupes">
<a href="http://lesgendresbeta5.forumactif.org/groupcp.forum?g=2">
<font color="#05F7F7" size="2"><b>Gendres</b></font></a>
</span> <img src="http://i31.tinypic.com/mugck1.jpg">

<span class="groupes">
<a href="http://lesgendresbeta5.forumactif.org/groupcp.forum?g=3">
<font color="#FFC105" size="2"><b>Alliés</b></font></a>
</span>

<br><br>

<span class="groupes">
<a href="http://lesgendresbeta5.forumactif.org/groupcp.forum?g=4">
<font color="#BF00FF" size="2"><b>Postulants</b></font></a>
</span> <img src="http://i31.tinypic.com/mugck1.jpg">

<span class="groupes">
<a href="http://lesgendresbeta5.forumactif.org/groupcp.forum?g=5">
<font color="#05EB1F" size="2"><b>Amis</b></font></a>
</span> <img src="http://i31.tinypic.com/mugck1.jpg">

<span class="groupes">
<a href="http://lesgendresbeta5.forumactif.org/groupcp.forum?g=6">
<font color="#595959" size="2"><b>Retraités</b></font></a>
</span> <img src="http://i31.tinypic.com/mugck1.jpg">

<span class="groupes">
<a href="http://lesgendresbeta5.forumactif.org/groupcp.forum?g=7">
<font color="#FF8C00" size="2"><b>Visiteurs</b></font></a>
</span> <img src="http://i31.tinypic.com/mugck1.jpg">

<br><br>

<span class="gensmall"><div class="cadre">{TOTAL_POSTS}. {TOTAL_USERS}<br>
{NEWEST_USER}<br><br></div><br></br>
<div class="cadre">{TOTAL_USERS_ONLINE}<br>
{LOGGED_IN_USER_LIST}</div></center>
</span><br>
<table border="0" cellspacing="3" cellpadding="0" width="900" align="center">
{L_CONNECTED_MEMBERS}</table>
</tr>
</table>

{CHATBOX_BOTTOM}
<br clear="all" />

<table border="0" cellspacing="3" cellpadding="0" align="center">
<tr>
<td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
<td><span class="gensmall">{L_NEW_POSTS}</span></td>
<td></td>
<td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
<td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
<td> </td>
<td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
<td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
</tr>
</table>


{AUTO_DST}

Voilà

jiben

Okay, déjà il te manque deux bouts du code CSS de l'infobulle :

Code:: a.infobulle span
{display: none;}

a.infobulle:hover
{background: none;
z-index: 500;}

Remplaces donc le CSS des infobulles par celui là :

Code:: a.infobulle {position: relative;}

a.infobulle span {display: none;}

a.infobulle:hover
{background: none;
z-index: 999;}

a.infobulle:hover span
{display: inline;
position: absolute;
white-space: nowrap;
top: 5px;
left: 30px;
background: #ebebeb;
color: black;
padding: 3px;
border: 1px dotted black;

Ca devrait marcher ^^

Faire une infobulle (messages)

Faire une infobulle (messages)

Sujets similaires

Sujets similaires

Partenaires Or