Problèmes dans le panneau d'accueil avec les infosbulles

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

Résolu Problèmes dans le panneau d'accueil avec les infosbulles

Message par Iziie le Dim 9 Oct 2011 - 16:35

J'ai un problèmes mais je ne sais pas trop ou est ce qu'il se trouve, ça un rapport avec mes infos bulles mais bon comme je ne suis pas très douée..





Merci de votre aide


Dernière édition par Iziie le Mer 19 Oct 2011 - 15:45, édité 1 fois

Iziie
*

Féminin
Messages : 33
Inscrit(e) le : 17/08/2011

http://imitsu-gakuen.forumgratuit.org/
Iziie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes dans le panneau d'accueil avec les infosbulles

Message par Iziie le Dim 9 Oct 2011 - 19:18

up

Iziie
*

Féminin
Messages : 33
Inscrit(e) le : 17/08/2011

http://imitsu-gakuen.forumgratuit.org/
Iziie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes dans le panneau d'accueil avec les infosbulles

Message par Iziie le Sam 15 Oct 2011 - 12:52

up éè

Iziie
*

Féminin
Messages : 33
Inscrit(e) le : 17/08/2011

http://imitsu-gakuen.forumgratuit.org/
Iziie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes dans le panneau d'accueil avec les infosbulles

Message par Roxy. le Sam 15 Oct 2011 - 12:58

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.

Roxy.
# Tropactif #

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes dans le panneau d'accueil avec les infosbulles

Message par Iziie le Dim 16 Oct 2011 - 14:50

Spoiler:
</div></div></div></td></table></tr>
</div><div class="infobulle"><img src="https://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><

C"est cela ?

Iziie
*

Féminin
Messages : 33
Inscrit(e) le : 17/08/2011

http://imitsu-gakuen.forumgratuit.org/
Iziie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes dans le panneau d'accueil avec les infosbulles

Message par Roxy. le Dim 16 Oct 2011 - 16:31

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 :
Code:
</div></div></div></td></table></tr>
</div>
Puis :
-Ajouter </br> après •Notre psychologue.
-Un autre après le </a> de "Sa demande d'rp"
-Supprimer ceci :
Code:
</td><td><
Qui ce trouve à la fin du code.
Cela est-il mieux ?

Cordialement.

Roxy.
# Tropactif #

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes dans le panneau d'accueil avec les infosbulles

Message par SoraNoHime le Lun 17 Oct 2011 - 1:35

Bonsoir

@Roxy, merci de vous abstenir de ce genre de commentaires.
Oulah c'est tout cracra ^^
et de lire la demande du membre, il s'ahit en l'occurence de page d'acceuil et non d'un template.

@Iziie : pouvez vous me fournir votre code de page d'acceuil ainsi que la css associée à ces infobulles ?

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes dans le panneau d'accueil avec les infosbulles

Message par Iziie le Lun 17 Oct 2011 - 22:12

Ahh ne vous en faites pas ça me gêne pas, je l'avoue également que c'est cracra .. D'accord alors :

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

Iziie
*

Féminin
Messages : 33
Inscrit(e) le : 17/08/2011

http://imitsu-gakuen.forumgratuit.org/
Iziie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes dans le panneau d'accueil avec les infosbulles

Message par SoraNoHime le Mar 18 Oct 2011 - 11:03

Déjà repérez ici
Code:
</table></tr>
        </div><divclass="infobulle">
et changez le ainsi :
Code:
</table></tr><td>
        <div class="infobulle">
cela replacera l'infobulle sur l'image et l'image dans le tableau.

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes dans le panneau d'accueil avec les infosbulles

Message par Iziie le Mar 18 Oct 2011 - 20:15

Merci beaucoup mais à présent ..




Iziie
*

Féminin
Messages : 33
Inscrit(e) le : 17/08/2011

http://imitsu-gakuen.forumgratuit.org/
Iziie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes dans le panneau d'accueil avec les infosbulles

Message par SoraNoHime le Mar 18 Oct 2011 - 20:57

ceci c'est que vous avez laisser coller
Code:
<divclass="infobulle">
or dans mon exempe j'ai bien mis
Code:
<div class="infobulle">
avec un espace ^^

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes dans le panneau d'accueil avec les infosbulles

Message par Iziie le Mer 19 Oct 2011 - 15:44

Ahhh voilà !! Perfect ! Merci beaucoup !

Iziie
*

Féminin
Messages : 33
Inscrit(e) le : 17/08/2011

http://imitsu-gakuen.forumgratuit.org/
Iziie a été remercié(e) par l'auteur de ce sujet.

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