Accueil
Créer un forumproblème infobulle PA
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
problème infobulle PA
par Pénélope Ranger Mer 1 Déc 2010 - 11:10
Alors voilà, récemment j'ai rajouté un membre dans mon staff, je voulais le placer dans ma PA, j'ai réussi mais il est en dessous et j'arrive pas à mettre les deux images à côté :
http://miami-university.forumactif.org/forum.htm
Voilà le code de ma PA (partie staff) :
http://miami-university.forumactif.org/forum.htm
Voilà le code de ma PA (partie staff) :
- Spoiler:
- Code:
<td rowspan="2" style="horizontal-align: top; width: 50%;" class="borsdarrondis"><span style="font-size:22px;">Membres du Staff</span><span style="font-size: 12px;"><blockquote><p style="color: Silver;"><div class="infobulle"><img src="http://i67.servimg.com/u/f67/15/57/49/08/leight11.png" border="0" alt="" /><span><i>Kelly.J Summers</i><br><strong>Fondatrice & Admin </strong><img src="http://obsession27.free.fr/gifs%20animes/gifleightonmeesterrose2.gif" border="0" alt="" /><a href="http://miami-university.forumactif.org/profile.forum?mode=viewprofile&u=1?sid=a9a6a26825f51a92aa7cb8570b85a643" class="postlink">Son profil </a><br><a href="http://miami-university.forumactif.org/msg.forum?mode=post&u=1?sid=a9a6a26825f51a92aa7cb8570b85a643" class="postlink">MP</a></span></div></p><div class="infobulle"><img src="http://i67.servimg.com/u/f67/15/57/49/08/jjjjuj10.jpg" border="0" alt="" /><span><i>Alexandra M. Williams</i><br><strong>Super Modo</strong><img src="http://obsession27.free.fr/gifs%20animes/gifhilaryduffb.gif" border="0" alt="" /><br><a href="http://miami-university.forumactif.org/profile.forum?mode=viewprofile&u=3" class="postlink">Son profil </a><br><a href="http://miami-university.forumactif.org/msg.forum?mode=post&u=3" class="postlink">MP</a></span></div></p></blockquote>
</a><br></font></div></span></td>
Pénélope Ranger- ****
- Messages : 270
Inscrit(e) le : 21/08/2010 -
Re: problème infobulle PA
par Anzu Mer 1 Déc 2010 - 12:05
Bonjour,
C'est normal qu'elle ne s'affiche pas à côté. Il faut mettre chaque image dans un td. Donc l'image et l'infobulle de votre modérateur doit se trouver dans un autre td.
Cordialement.
Anzu- Membre actif
-
Messages : 20685
Inscrit(e) le : 30/08/2007 -
Re: problème infobulle PA
par Pénélope Ranger Mer 1 Déc 2010 - 12:10
grrrr j'arrive pas à le mettre =/
Pénélope Ranger- ****
- Messages : 270
Inscrit(e) le : 21/08/2010 -
Re: problème infobulle PA
par Anzu Mer 1 Déc 2010 - 12:13
J'ai vu que vous aviez un <br /> dans votre code, entre les deux infobulles.
Retirez le, ca devrait fonctionner
Si ca ne fonctionne pas, on fera autrement.
Anzu- Membre actif
-
Messages : 20685
Inscrit(e) le : 30/08/2007 -
Pénélope Ranger- ****
- Messages : 270
Inscrit(e) le : 21/08/2010 -
Re: problème infobulle PA
par Anzu Mer 1 Déc 2010 - 13:06
Mieux ? =>
- Code:
<td rowspan="2" style="horizontal-align: top; width: 50%;" class="borsdarrondis"><span style="font-size:22px;">Membres du Staff</span><span style="font-size: 12px;"><blockquote><p style="color: Silver;"><table><tr><td><div class="infobulle"><img src="http://i67.servimg.com/u/f67/15/57/49/08/leight11.png" border="0" alt="" /><span><i>Kelly.J Summers</i><br><strong>Fondatrice & Admin </strong><img src="http://obsession27.free.fr/gifs%20animes/gifleightonmeesterrose2.gif" border="0" alt="" /><a href="http://miami-university.forumactif.org/profile.forum?mode=viewprofile&u=1?sid=a9a6a26825f51a92aa7cb8570b85a643" class="postlink">Son profil </a><br><a href="http://miami-university.forumactif.org/msg.forum?mode=post&u=1?sid=a9a6a26825f51a92aa7cb8570b85a643" class="postlink">MP</a></span></div></p><td><td><div class="infobulle"><img src="http://i67.servimg.com/u/f67/15/57/49/08/jjjjuj10.jpg" border="0" alt="" /><span><i>Alexandra M. Williams</i><br><strong>Super Modo</strong><img src="http://obsession27.free.fr/gifs%20animes/gifhilaryduffb.gif" border="0" alt="" /><br><a href="http://miami-university.forumactif.org/profile.forum?mode=viewprofile&u=3" class="postlink">Son profil </a><br><a href="http://miami-university.forumactif.org/msg.forum?mode=post&u=3" class="postlink">MP</a></span></div></p></blockquote>
</a></td></tr>/table><br></font></div></span></td>
Anzu- Membre actif
-
Messages : 20685
Inscrit(e) le : 30/08/2007 -
Pénélope Ranger- ****
- Messages : 270
Inscrit(e) le : 21/08/2010 -
Re: problème infobulle PA
par Anzu Mer 1 Déc 2010 - 14:19
Donnez moi le code en entier de votre Pa et votre CSS ca sera mieux =_=
Anzu- Membre actif
-
Messages : 20685
Inscrit(e) le : 30/08/2007 -
Re: problème infobulle PA
par Pénélope Ranger Mer 1 Déc 2010 - 17:36
Css :
PA :
- Spoiler:
- Code:
/*I. FORUM & MESSAGES*/
/*A. Présentations des liens*/
a
{
font-family: calibri;
text-transform: uppercase;
TEXT-DECORATION: none; text-shadow: 1px 1px 1px #000;
}
a:hover
{
font-style: italic;
font-family: Courier New;
text-transform: lowercase;
}
a.forumlink
{
text-shadow: 1px 1px 1px #000;
}
/*V. BARRE NAVIGATION*/
a.mainmenu
{font-family: Impact;
font-size:11px;
letter-spacing: 1px;
background-color: #fbe3f6;
text-transform: capitalize;
text-decoration:none}
.mainmenu:hover {
font-family: Georgia;
text-shadow: #ffffff 1px 1px 1px;
font-size: 15px;
font-style:italic;
color: ;
background-color: #fbe3f6;
text-transform: capitalize;
text-decoration: none;
}
/*E. Contour Avatars*/
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border: 4px dashed #F7AFA3;
}
.postdetails.poster-profile textarea { width: 200px;}
.postprofile textarea {
/* les bords de haut et de bas */
border: 3px;
/* la largeur, le type et la couleur du bord droit */
border-left: 2px solid #22FF22;
/* la largeur, le type et la couleur du bord droit */
border-right: 2px solid #22FF22;
/* ça doit être le rayon de l'arrondi */
-moz-border-radius : 5px;
}
/*VI. FOND FIXE ET CENTRER*/
body {
background-repeat: no-repeat;
background-position: top center;
}
/*IV. QEEL*/
.groupes{
width: 300px;
background-color: #FFFFFF;
border: 0px dotted #362308;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-topleft: 15px;
}
.forumline{
-moz-border-radius: 5px;
padding: 10px;
border-color: #fbe3f6;
border: 2px dashed;}
a.forumlink {
background-color: #transparent;
text-shadow: #595959 1px 1px 1px;
background-image: url('http://i33.tinypic.com/fjfexh.png');
color: #BDBDBD;
display: block;
font-family: GEORGIA;
font-size: 13px;
text-transform: uppercase;
text-align: center;
letter-spacing: -1px;
-moz-border-radius:5px;
-moz-box-shadow: 0px 2px 2px #a49896;
}
a.forumlink:hover{
background-color: #transparent;
text-shadow: #635f5e 1px 1px 1px;
background-image: url('http://i33.tinypic.com/fjfexh.png');
color: #fbe3f6;
display: block;
font-family: GEORGIA;
font-size: 13px;
text-transform: uppercase;
text-align: center;
letter-spacing: -1px;
-moz-border-radius:5px;
-moz-box-shadow: 0px 2px 2px #a49896;
}
.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
border: 7px solid #121111;
}
/* Profil Masqué */
.profilmasque /*c'est juste le css du bouton*/
{
background-color: #couleur;
border: 1px dashed grey; /* en pointillée et en gris*/
font-size: 12px; /*taille de la police*/
letter-spacing: 1px;
}
.profil1/*c'est le css de l'ensemble bouton+profil*/
{
width: 200px;
background-color: #couleur;
border: none;
font-size: 12px;
letter-spacing: 1px;
font-weight: bold;
}
.titrearrondi
{-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
background-color: #A68D88}
.fondspec
{-moz-border-radius: 2px 14px;
border-radius: 2px 14px;
-webkit-border-radius: 2px 14px;
background-color: #A68D88; }
.borsdarrondis
{
border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px;
background-color: #967C6A;
border: 1px solid #DECDB6; }
#fondavatar{
background-color: #ffe4a8;
padding: 10px;
moz-border-radius: 10px;
}
#fondprofil{
background-color: #fbe3f6;
padding: 10px;
moz-border-radius: 10px;
}
.infobulle{position: relative;z-index: 0;}
.infobulle:hover{background-color: transparent;z-index: 50;}
.infobulle span{
position: absolute;
background-color: #000000;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #FFFFFF;}
.infobulle span img{border: 1px;padding: 5px;}
.infobulle:hover span{
visibility: visible;
top: 70px;
left: 35px;
width: 150px ;
color:#FFFFFF;
border: 1px outset #FFFFFF;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;}
.titresfora{-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-top-left-radius: 20px;
border-bottom: 0 none !important;
border-left: 1px solid #B5AEA5;
border-right: 1px solid #B5AEA5;
border-top: 1px solid #B5AEA5;
color: #000000;
font-size: 11px;
font-style: italic;
height: 14px;
left: 280px;
padding: 3px;
position: relative;
text-align: center;
width: 200px;}
.categories{
background-color: #B5AEA5;
color: #000000;
border: 3px solid #B5AEA5;
border-top: 0px !important;
-moz-border-radius-bottomleft: 14px;
-moz-border-radius-bottomright: 14px;
-webkit-border-bottom-right-radius: 14px;
-webkit-border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
border-bottom-left-radius: 14px;
margin: auto;
padding: 4px;
color: #000000;
width: 50%;
text-align: center;
height: 14px;
font-size: 11px;}
/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
margin: auto;
padding: 10px;
color: #000000;
width: 90%;
border: 3px solid #B5AEA5;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
font-size: 12px;
}
/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
-moz-border-radius: 20px;
webkit-border-radius: 20px;
border-radius: 20px;
border: 3px solid #B5AEA5;
color: #000000;
font-size: 11px;
font-style: italic;
padding: 3px;
text-align: center;
}
/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
color: #000000;
border: 3px solid #B5AEA5;
border-top: 0px !important;
-moz-border-radius-bottomleft: 14px;
-moz-border-radius-bottomright: 14px;
-webkit-border-bottom-right-radius: 14px;
-webkit-border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
border-bottom-left-radius: 14px;
margin: auto;
padding: 4px;
color: #000000;
width: 50%;
text-align: center;
height: 14px;
font-size: 11px;
}
PA :
- Spoiler:
- Code:
<table style="position: fixed; bottom: 50px; left: 0px; z-index: 10000;"><tbody><tr><td><iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" style="width: 800px; height: 400px; display: none;" marginwidth="0" marginheight="0" scrolling="no" frameborder="0"></iframe></td><td style="vertical-align: bottom;"><img src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png" onclick="document.getElementById('chatboxpop').style.display=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'block':'none';this.src=(this.src=='http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png')?'http://i81.servimg.com/u/f81/11/21/85/73/fermer10.png':'http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png';"></td></tr></tbody></table>
<table style="text-align: center; vertical-align:top; width: 800px; height: 400px;" border="1">
<tbody>
<tr>
<td colspan="2" style="vertical-align: top; width: 50%; height: 35%;" class="borsdarrondis"><span style="font-size:22px;">Contexte</span><span style="font-size: 12px;"><p style="color: Silver;">Vous êtes étudiant ? Vous rêvez de soleil, de faire la fête et tout sa en préparant vos études, heureusement, Miami University est là pour vous eh oui elle offre beaucoup de possibilités de vous éclatez !!!
Studieux, pom pom girls, plays boys et bien d'autres !!!</p>
<p style="color: Silver;">Dans ce RPG vous incarnerez un étudiant ou un habitant de Miami, ici tout est vu et entendu par ELLE, elle c'est Gossip Girl, vous la connaissez bien sûr, elle sait tout et aime que tout le monde la sache alors sur son blog elle publie tout : après ce qui est vrai ou pas saa c'est autre chose.... </p>
</a><br></font></div></span></td>
<td style="vertical-align: top; width: 50%; height: 35%;" class="borsdarrondis"><span style="font-size:22px;">Partenaires</span><br><span style="font-size: 12px;"><a href="http://02141-cambridge.keuf.net/forum.htm" class="postlink" target="_blank"><img src="http://img28.xooimage.com/files/8/7/7/bouton-two-2173fd7.gif" border="0" alt="" /></a></a></span></div> </p>
</a><br></font></div></span></td>
<br><br>
<a href="" class="postlink" target="_blank"><img src="" alt="" border="0"></a></td>
</tr>
<tr>
<td rowspan="2" style="horizontal-align: top; width: 50%;" class="borsdarrondis"><span style="font-size:22px;">Membres du Staff</span><span style="font-size: 12px;"><blockquote><p style="color: Silver;"><table><tr><td><div class="infobulle"><img src="http://i67.servimg.com/u/f67/15/57/49/08/leight11.png" border="0" alt="" /><span><i>Kelly.J Summers</i><br><strong>Fondatrice & Admin </strong><img src="http://obsession27.free.fr/gifs%20animes/gifleightonmeesterrose2.gif" border="0" alt="" /><a href="http://miami-university.forumactif.org/profile.forum?mode=viewprofile&u=1?sid=a9a6a26825f51a92aa7cb8570b85a643" class="postlink">Son profil </a><br><a href="http://miami-university.forumactif.org/msg.forum?mode=post&u=1?sid=a9a6a26825f51a92aa7cb8570b85a643" class="postlink">MP</a></span></div></p><td><td><div class="infobulle"><img src="http://i67.servimg.com/u/f67/15/57/49/08/jjjjuj10.jpg" border="0" alt="" /><span><i>Alexandra M. Williams</i><br><strong>Super Modo</strong><img src="http://obsession27.free.fr/gifs%20animes/gifhilaryduffb.gif" border="0" alt="" /><br><a href="http://miami-university.forumactif.org/profile.forum?mode=viewprofile&u=3" class="postlink">Son profil </a><br><a href="http://miami-university.forumactif.org/msg.forum?mode=post&u=3" class="postlink">MP</a></span></div></p></blockquote>
</a></td></tr>/table><br></font></div></span></td>
<td style="vertical-align: top;width: 23%; text-align: center;" class="borsdarrondis"><span style="font-size:22px;">We need them</span><br><br>
<a href="http://miami-university.forumactif.org/personnages-vacants-f22/the-girls-s-5-5-t37.htm#67?sid=a9e91f1e3faae85af50ab8361985f946" class="postlink"><img src="http://i67.servimg.com/u/f67/15/57/49/08/iconem10.jpg" border="0" alt="" /></a><a href="http://miami-university.forumactif.org/personnages-vacants-f22/the-girls-s-5-5-t37.htm#67?sid=a9e91f1e3faae85af50ab8361985f946" class="postlink"><img src="http://i67.servimg.com/u/f67/15/57/49/08/iconbl10.jpg" border="0" alt="" /></a><br><a href="http://miami-university.forumactif.org/personnages-vacants-f22/the-girls-s-5-5-t37.htm#67?sid=a9e91f1e3faae85af50ab8361985f946" class="postlink"><img src="http://i67.servimg.com/u/f67/15/57/49/08/iconde10.jpg" border="0" alt="" /></a><a href="http://miami-university.forumactif.org/personnages-vacants-f22/the-girls-s-5-5-t37.htm#67?sid=a9e91f1e3faae85af50ab8361985f946" class="postlink"><img src="http://i67.servimg.com/u/f67/15/57/49/08/iconse10.jpg" border="0" alt="" /></a>
</td>
<td style="vertical-align: top; text-align: center; width: 77%;" class="borsdarrondis"><span style="font-size:22px;">Top sites</span><br><br>
Voici trois top sites que je vous invites à aller voter le plus de fois possible pour permettre à ce forum de se faire connaître. Vous pouvez voter chaque top sites à un intervalle de deux heures entre chaque.<br><br>
<a href="http://www.root-top.com/topsite/korben/in.php?ID=10783" class="postlink" target="_blank"><img src="http://img529.imageshack.us/img529/4157/topsite1.gif" border="0" alt="" /></a>
<a href="http://www.root-top.com/topsite/serpentgy/in.php?ID=6870" class="postlink" target="_blank"><img src="http://img152.imageshack.us/img152/1154/topsite2.gif" border="0" alt="" /></a>
<a href="http://www.root-top.com/topsite/melu/in.php?ID=3191" class="postlink" target="_blank"><img src="http://img132.imageshack.us/img132/3495/topsite3.gif" border="0" alt="" /></a>
</td>
</tr>
<tr>
<td colspan="2" style="vertical-align: top; width: 50%; height: 30%;" class="borsdarrondis"><span style="font-size:22px;">News & Annonces</span><br><br>
<span><marquee behavior="scroll" direction="up" scrollamount="1" height="60"><ul><li>Ouverture définitive du forum : 26 Décembre 2010</li></ul>
<ul><li>Inscriptions ouvertes </li></ul>
<ul><li>Nombreux postes vacants libres</li></ul>
<ul><li>Recherche 2 modos, actifs.</li></ul></marquee></span>
</td>
</tr>
</tbody>
</table>
Pénélope Ranger- ****
- Messages : 270
Inscrit(e) le : 21/08/2010 -
Re: problème infobulle PA
par Anzu Mer 1 Déc 2010 - 17:41
=>
- Code:
<td rowspan="2" style="horizontal-align: top; width: 50%;" class="borsdarrondis"><span style="font-size:22px;">Membres du Staff</span><span style="font-size: 12px;"><blockquote><p style="color: Silver;"><table><tr><td><div class="infobulle"><img src="http://i67.servimg.com/u/f67/15/57/49/08/leight11.png" border="0" alt="" /><span><i>Kelly.J Summers</i><br><strong>Fondatrice & Admin </strong><img src="http://obsession27.free.fr/gifs%20animes/gifleightonmeesterrose2.gif" border="0" alt="" /><a href="http://miami-university.forumactif.org/profile.forum?mode=viewprofile&u=1?sid=a9a6a26825f51a92aa7cb8570b85a643" class="postlink">Son profil </a><br><a href="http://miami-university.forumactif.org/msg.forum?mode=post&u=1?sid=a9a6a26825f51a92aa7cb8570b85a643" class="postlink">MP</a></span></div></p><td><td><div class="infobulle"><img src="http://i67.servimg.com/u/f67/15/57/49/08/jjjjuj10.jpg" border="0" alt="" /><span><i>Alexandra M. Williams</i><br><strong>Super Modo</strong><img src="http://obsession27.free.fr/gifs%20animes/gifhilaryduffb.gif" border="0" alt="" /><br><a href="http://miami-university.forumactif.org/profile.forum?mode=viewprofile&u=3" class="postlink">Son profil </a><br><a href="http://miami-university.forumactif.org/msg.forum?mode=post&u=3" class="postlink">MP</a></span></div></p></blockquote>
</a></td></tr></table><br></font></div></span></td>
Anzu- Membre actif
-
Messages : 20685
Inscrit(e) le : 30/08/2007 -
Pénélope Ranger- ****
- Messages : 270
Inscrit(e) le : 21/08/2010 -
Sujets similaires» Problème infobulle !
» Problème infobulle
» Infobulle problème.
» Problème cadrage Infobulle
» Problème d'infobulle
» Problème infobulle
» Infobulle problème.
» Problème cadrage Infobulle
» Problème d'infobulle
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum