Problèmes dans le panneau d'accueil avec les infosbulles
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème divers :: Archives des problèmes divers
Page 1 sur 1 • Partagez
Problèmes dans le panneau d'accueil avec les infosbulles
Dernière édition par Iziie le Mer 19 Oct 2011 - 15:45, édité 1 fois
Re: Problèmes dans le panneau d'accueil avec les infosbulles
Bonjour,
En effet il y a un problème.
Puis-je voir votre template ou vous avez apporter la modification. Et si possible juste la partie qui a été modifier ?
Cordialement.
En effet il y a un problème.
Puis-je voir votre template ou vous avez apporter la modification. Et si possible juste la partie qui a été modifier ?
Cordialement.
Re: Problèmes dans le panneau d'accueil avec les infosbulles
- Spoiler:
- </div></div></div></td></table></tr>
</div><div class="infobulle"><img src="https://i.servimg.com/u/f49/15/99/63/09/00_bmp33.jpg"><span>•Notre psychologue <br><br><a href="http://imitsu-gakuen.forumgratuit.org/t271-envie-d-une-petite-consultation?tid=bb398ae6130ee57b74ecb0187989d34e" class="postlink">Sa demande d'RP</a><br><br><a href="http://imitsu-gakuen.forumgratuit.org/u40?tid=bb398ae6130ee57b74ecb0187989d34e" class="postlink">Sa fiche </a></span></div></td><td><
C"est cela ?
Re: Problèmes dans le panneau d'accueil avec les infosbulles
Oulah c'est tout cracra ^^
Des balises <br> qui ne veulent rien dire...
Commençons par :
supprimer tout les <br>, ce code du début :
-Ajouter </br> après •Notre psychologue.
-Un autre après le </a> de "Sa demande d'rp"
-Supprimer ceci :
Cela est-il mieux ?
Cordialement.
Des balises <br> qui ne veulent rien dire...
Commençons par :
supprimer tout les <br>, ce code du début :
- Code:
</div></div></div></td></table></tr>
</div>
-Ajouter </br> après •Notre psychologue.
-Un autre après le </a> de "Sa demande d'rp"
-Supprimer ceci :
- Code:
</td><td><
Cela est-il mieux ?
Cordialement.
Re: Problèmes dans le panneau d'accueil avec les infosbulles
Bonsoir
@Roxy, merci de vous abstenir de ce genre de commentaires.
@Iziie : pouvez vous me fournir votre code de page d'acceuil ainsi que la css associée à ces infobulles ?
Cordialement.
@Roxy, merci de vous abstenir de ce genre de commentaires.
et de lire la demande du membre, il s'ahit en l'occurence de page d'acceuil et non d'un template.Oulah c'est tout cracra ^^
@Iziie : pouvez vous me fournir votre code de page d'acceuil ainsi que la css associée à ces infobulles ?
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Problèmes dans le panneau d'accueil avec les infosbulles
Ahh ne vous en faites pas ça me gêne pas, je l'avoue également que c'est cracra .. D'accord alors :
et la feuille de CSS :
- Code:
<br><div align="center"></marquee></span>
<ahref="none" target="_blank" rel="nofollow"><img src="http://i49.servimg.com/u/f49/15/99/63/09/00_bmp40.jpg" border="0" alt="" /></a><div align="left"><br><table><tr><td><div align="left">
<table style="margin: auto;"><tr><td><div id="mes_onglets">
<span id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);"><img src="http://i49.servimg.com/u/f49/15/99/63/09/0000014.jpg" /></span>
<span id="o_2" class="mon_onglet" onclick="changeOnglet(this);"><img src="http://i49.servimg.com/u/f49/15/99/63/09/110.jpg" /></span>
<span id="o_3" class="mon_onglet" onclick="changeOnglet(this);"><img src="http://i49.servimg.com/u/f49/15/99/63/09/0000015.jpg" /></span>
</td><td>
<div class="clear"><div id="mes_contenus">
<div id="co_1" class="mon_contenu" style="display: none;"> Bienvenue sur Imitsu-Gakuen, ce forum RPG se situe donc comme son nom l'indique dans un lycée ou d'étranges évènements ont la manie d'arriver. Par la création d'un ou plusieurs personnages de votre choix qui gagnera à avoir ou non des pouvoirs, votre arrivée sera bien évidemment chaleureuse, et oui bienvenue chez les fou est aussi le pseudo de ce forum.
Ici la première règle, c'est de ne respecter que vos propres règles. L'anarchie est le mot désignant bien notre vision du monde, ici, la vie est remplie de surprises ainsi que de secrets.</div>
<div id="co_2" class="mon_contenu" style="display: none;">Et oui, nous pourrions aussi appeler ce lycée, la reproduction des Feux de l'Amour version Professeur et Elève ! Ici tromperies, amour interdits, histoires tragiques sont au rendez-vous. Laissez vous emporter par les histoires palpitantes d'Imitsu Gakuen. Qui sait, vous pourriez y trouvez le grand amour, ou du moins y croire ? </div>
<div id="co_3" class="mon_contenu" style="display: none;">Joie de vivre et folie, toujours présent à Imitsu, avec vos Admin géniaux (oui oui les Dieux 8D), vous n'allez pas arrêter de rire à nos conneries hors du commun. Et oui, comme dit précedemment BIENVENUE CHEZ LES FOU 8D !</div>
</div></div></div></td></tr></table>
<span><marquee behavior="scroll" direction="up" scrollamount="1" height="60"><div align="right"><a href="http://www.root-top.com/topsite/lyceerpg/in.php?ID=424"> <img src="http://img.root-top.com/topsite/lyceerpg/banner.gif" border="0" alt="top des lycees rpg" title="top des lycees rpg"> <br />Top des Lycées RPG</a>
<br>
<br>
<br>
+ Nouvelle décoration -mise en place d'un <a href="http://imitsu-gakuen.forumgratuit.org/t292-cote-deco-du-fofo?tid=075d85a4ba51f4c6d9543454f54754b2" class="postlink">sondage</a>
<br>
<br>
+ Nathou sale petit insensible èé </div>
<br>
<br>
<br>
</div></div></div></td></table></tr>
</div><divclass="infobulle"><img src="http://i49.servimg.com/u/f49/15/99/63/09/00_bmp33.jpg"><span>•Notre psychologue <br></br><a href="http://imitsu-gakuen.forumgratuit.org/t271-envie-d-une-petite-consultation?tid=bb398ae6130ee57b74ecb0187989d34e" class="postlink">Sa demande d'RP</a><br></br><a href="http://imitsu-gakuen.forumgratuit.org/u40?tid=bb398ae6130ee57b74ecb0187989d34e" class="postlink">Sa fiche </a></span></div></td><td><div class="infobulle"><img src="http://i49.servimg.com/u/f49/15/99/63/09/00_bmp34.jpg"><span>•Notre Magnifique Princesse<br><br><a href="http://imitsu-gakuen.forumgratuit.org/t171-po-pi-po?tid=a469f770115fff6274ecb0187989d34e" class="postlink">Sa demande d'RP</a><br><br><a href="http://imitsu-gakuen.forumgratuit.org/u28?tid=a469f770115fff6274ecb0187989d34e" class="postlink">Sa fiche </a></span></div></td><td><div class="infobulle"><img src="http://i49.servimg.com/u/f49/15/99/63/09/00_bmp35.jpg"><span>•Notre truc Bleu ♥<br><br><a href="http://imitsu-gakuen.forumgratuit.org/t13-play-the-game?tid=a469f770115fff6274ecb0187989d34e" class="postlink">Sa demande d'RP</a><br><br><a href="http://imitsu-gakuen.forumgratuit.org/u5?tid=a469f770115fff6274ecb0187989d34e" class="postlink">Sa fiche</a></span></div></td></tr>
<tr><td><div class="infobulle"><img src="http://i49.servimg.com/u/f49/15/99/63/09/00_bmp36.jpg"><span>•Notre Star du forum<br><br><a href="http://imitsu-gakuen.forumgratuit.org/t16-cloud-strife-a-votre-service?tid=a469f770115fff6274ecb0187989d34e" class="postlink">Sa demande d'RP</a><br><br><a href="http://imitsu-gakuen.forumgratuit.org/u2?tid=a469f770115fff6274ecb0187989d34e" class="postlink">Sa fiche</a></span></div></td><td><div class="infobulle"><img src="http://i49.servimg.com/u/f49/15/99/63/09/0000017.jpg"><span>•Notre petite nouvelle<br>
<br><a href="http://imitsu-gakuen.forumgratuit.org/t310-la-poesie-renait-de-la-solitude-le-rp-n-attend-point-le-temps-qui-passe#8569" class="postlink">Sa demande d'RP</a><br>
<a href="http://imitsu-gakuen.forumgratuit.org/u32?tid=cda27d15d929fa11750197a5b94c9441" class="postlink<br><br><br><a href="http://imitsu-gakuen.forumgratuit.org/u44" class="postlink">Sa fiche</a></span></div></td><td><div class="infobulle"><img src="http://i49.servimg.com/u/f49/15/99/63/09/00_bmp41.jpg"><span>•Notre petit insensible chéri ♥<br>
<br><a href="http://imitsu-gakuen.forumgratuit.org/t218-1948-pm-on-passe-tous-par-ici-un-jour?tid=cda27d15d929fa11750197a5b94c9441" class="postlink">Sa demande d'RP</a><br>
<br><a href="http://imitsu-gakuen.forumgratuit.org/u32?tid=cda27d15d929fa11750197a5b94c9441" class="postlink">Sa fiche</a></span></div></td></tr></table></div>
</div>
et la feuille de CSS :
- Code:
.mon_onglet{
display: block;
padding: 5px;
margin: 4px;
color: #000;
background: #fff;
border: 1px solid #000;}
.mon_onglet:hover{
background: #b8efa1;}
.mon_onglet_selected{
display: block;
padding: 5px;
margin: 4px;
color: #000;
background: #fff;
border: 1px solid #000;}
.clear{
clear: both;}
.mon_contenu{
color: #000;
background: #fff;
border: 1px solid #000;
padding: 10px;
margin: 10 px;
height: 120px;
line-height: normal;
font-size: 11px;}
#mes_contenus, #mes_onglets{
height: 100%;
width:100%;}
a { text-decoration: none; }
.infobulle{position: relative;z-index: 0;}
.infobulle:hover{background-color: transparent;z-index: 50;}
.infobulle span{
position: absolute;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #FFFFFF;}
.infobulle:hover span{
visibility: visible;
top: 0px;
left: 0px;
color:#FFFFFF;
border: 1px solid #fff;
background-image: url('http://i44.servimg.com/u/f44/16/64/78/25/opac510.png');
width: 100px;
height: 100px;}
.colorpicker { width: 356px; height: 176px; overflow: hidden; position: absolute; background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png); font-family: Arial, Helvetica, sans-serif; display: none;}.colorpicker_color { width: 150px; height: 150px; left: 14px; top: 13px; position: absolute; background: #f00; overflow: hidden; cursor: crosshair;}.colorpicker_color div { position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);}.colorpicker_color div div { position: absolute; top: 0; left: 0; width: 11px; height: 11px; overflow: hidden; background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif); margin: -5px 0 0 -5px;}.colorpicker_hue { position: absolute; top: 13px; left: 171px; width: 35px; height: 150px; cursor: n-resize;}.colorpicker_hue div { position: absolute; width: 35px; height: 9px; overflow: hidden; background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top; margin: -4px 0 0 0; left: 0px;}.colorpicker_new_color { position: absolute; width: 60px; height: 30px; left: 213px; top: 13px; background: #f00;}.colorpicker_current_color { position: absolute; width: 60px; height: 30px; left: 283px; top: 13px; background: #f00;}.colorpicker input { background-color: transparent; border: 1px solid transparent; position: absolute; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #898989; top: 4px; right: 11px; text-align: right; margin: 0; padding: 0; height: 11px;}.colorpicker_hex { position: absolute; width: 72px; height: 22px; background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top; left: 212px; top: 142px;}.colorpicker_hex input { right: 6px;}.colorpicker_field { height: 22px; width: 62px; background-position: top; position: absolute;}.colorpicker_field span { position: absolute; width: 12px; height: 22px; overflow: hidden; top: 0; right: 0; cursor: n-resize;}.colorpicker_rgb_r { background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png); top: 52px; left: 212px;}.colorpicker_rgb_g { background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png); top: 82px; left: 212px;}.colorpicker_rgb_b { background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png); top: 112px; left: 212px;}.colorpicker_hsb_h { background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png); top: 52px; left: 282px;}.colorpicker_hsb_s { background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png); top: 82px; left: 282px;}.colorpicker_hsb_b { background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png); top: 112px; left: 282px;}.colorpicker_submit { position: absolute; width: 22px; height: 22px; background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top; left: 322px; top: 142px; overflow: hidden;}.colorpicker_focus { background-position: center;}.colorpicker_hex.colorpicker_focus { background-position: bottom;}.colorpicker_submit.colorpicker_focus { background-position: bottom;}.colorpicker_slider { background-position: bottom;}
Re: Problèmes dans le panneau d'accueil avec les infosbulles
Déjà repérez ici
Cordialement.
- Code:
</table></tr>
</div><divclass="infobulle">
- Code:
</table></tr><td>
<div class="infobulle">
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Problèmes dans le panneau d'accueil avec les infosbulles
ceci c'est que vous avez laisser coller
- Code:
<divclass="infobulle">
- Code:
<div class="infobulle">
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Problèmes dans le panneau d'accueil avec les infosbulles
Ahhh voilà !! Perfect ! Merci beaucoup !
Sujets similaires
» Règles des Problèmes avec le panneau d'administration
» Problèmes dans le panneau d'administration
» problèmes avec les codes dans les sujet
» problèmes avec les tableaux dans les messages
» Problème dans le panneau d'administration avec un template
» Problèmes dans le panneau d'administration
» problèmes avec les codes dans les sujet
» problèmes avec les tableaux dans les messages
» Problème dans le panneau d'administration avec un template
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème divers :: Archives des problèmes divers
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum