Besoin d'aide pour Page d'accueil

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

Résolu Besoin d'aide pour Page d'accueil

Message par Reiko le Lun 18 Juil 2011 - 13:03

Hellow à tous

Alors voilà je reviens une fois encore car j'aimerai faire des modifications sur ma P.A mais je n'arrive qu'à faire une chose c'est tout bousillé ... Enfin, voilà je vais expliquer mon problème

Actuellement ma page d'accueil se trouve ici - http://reikotest.forumgratuit.org/

Au niveau de la page d'accueil pour les parties : News, Top sites & prédéf' j'aimerai agencé de cette façon pour pouvoir rajouté de cette façon des tableaux pour les crédits, et un nouveau truc pour le forum



J'aimerai faire ça de cette partie en fait .

Pour aider voici le code de ma P.A & le CSS (si besoin est)

P.A:
Code:
<table cellspacing="0" cellpadding="0" width="600" border="0">
  <tr>
      <td><div style="margin:auto;text-align:center;width:100%; margin-bottom: 15px;"><img src="http://img4.hostingpics.net/pics/799564image.png" border="0" alt="" /></div></td>
  </tr>
</table>






<table cellspacing="4" cellpadding="3" width="800" border="0">
  <tr>
      <td align="center" width="100%" colspan="3">
<a href="#" target="_parent"><a href="http://pensionnat-isuzu.forumactif.com/t6-reglement" class="postlink" target="_blank" rel="nofollow"  "><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t13.png" border="0" alt="" /></a></a>
<a href="#" target="_parent" ><a href="http://pensionnat-isuzu.forumactif.com/t2-histoire-du-pensionnat-isuzu" class="postlink" target="_blank" rel="nofollow"><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t14.png" border="0" alt="" /></a></a>
<a href="#" target="_parent" ><a href="http://pensionnat-isuzu.forumactif.com/f5-presentations" class="postlink" target="_blank" rel="nofollow"><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t15.png" border="0" alt="" /></a></a>
<a href="#" target="_parent" ><a href="http://pensionnat-isuzu.forumactif.com/f2-points-k-dos" class="postlink" target="_blank" rel="nofollow"><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t16.png" border="0" alt="" /></a></a>
<a href="#" target="_parent"><a href="http://pensionnat-isuzu.forumactif.com/f42-demandes-de-rp" class="postlink" target="_blank" rel="nofollow"><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t19.png" border="0" alt="" /></a></a>
<a href="#" target="_parent"><a href="http://pensionnat-isuzu.forumactif.com/f71-absences" class="postlink" target="_blank" rel="nofollow"><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t18.png" border="0" alt="" /></a></a>
                </td>
  </tr>
</table>

<table cellspacing="4" cellpadding="0" width="600" border="0">
  <tr>
      <td><fieldset style="width: 200px; padding: 20px; border: 1px solid #577889; border-radius: 7px; -moz-border-radius: 7px;"><legend><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t20.png" border="0" alt="" /></legend><div style= "overflow: auto; height: 60px;  text-align: justify;">Pellentesque luctus, felis a porta suscipit, velit lectus cursus risus, at posuere magna arcu a enim. Sed ac turpis nec orci tempus rhoncus et vitae diam. Aliquam blandit dictum urna, blandit rhoncus justo condimentum quis. Aliquam facilisis hendrerit ornare. Integer in metus at magna pretium fermentum at ac turpis. Vestibulum et faucibus lacus.</div><br><div style="text-align: right; font-size: 11px;"><a href="http://pensionnat-isuzu.forumactif.com/t2-histoire-du-pensionnat-isuzu" class="postlink" target="_blank" rel="nofollow">More?</a></div></fieldset></td>
      <td><fieldset style="width: 200px; padding: 20px; border: 1px solid #577889; border-radius: 7px; -moz-border-radius: 7px;"><legend><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t22.png" border="0" alt="" /></legend><table with="100%"><tr><td><div class="infobulle"><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t31.png">
    <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>Kazuo OKIYAMA<br></font>
 <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t27.png"><br><br> <img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t29.png"><br><a href="http://pensionnat-isuzu.forumactif.com/u1" target="_blank">Profil</a> . <a href="http://pensionnat-isuzu.forumactif.com/privmsg?mode=post&u=1" target="_blank">Mp</a></span></div></div> </td><td><div class="infobulle"><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t32.png">
    <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>Rin KAZAGI<br></font>
 <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t11.png"><br><br> <img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t33.png"><br><a href="http://pensionnat-isuzu.forumactif.com/u3" target="_blank">Profil</a> . <a href="http://pensionnat-isuzu.forumactif.com/privmsg?mode=post&u=3" target="_blank">Mp</a></span></div></div> </td><td><div class="infobulle"><img src="http://i40.servimg.com/u/f40/16/60/66/71/sans_t10.png">
    <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>Noriyuki HAGA<br></font>
 <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t35.png"><br><br> Image à venir<br><a href="http://pensionnat-isuzu.forumactif.com/u2" target="_blank">Profil</a> . <a href="http://pensionnat-isuzu.forumactif.com/privmsg?mode=post&u=2" target="_blank">Mp</a></span></div></div> </td><td><div class="infobulle"><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t36.png">
    <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>Kazuma TAISETSU<br></font>
 <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t37.png"><br><br> <img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t38.png" border="0" alt="" /><br><a href="http://pensionnat-isuzu.forumactif.com/u4" target="_blank">Profil</a> . <a href="http://pensionnat-isuzu.forumactif.com/privmsg?mode=post&u=4" target="_blank">Mp</a></span></div></div> </td></tr></table><br><div style="text-align: right; font-size: 11px;"><a href="http://pensionnat-isuzu.forumactif.com/t2-histoire-du-pensionnat-isuzu" class="postlink" target="_blank" rel="nofollow">More?</a><br></div></fieldset></td>
      <td><fieldset style="width: 200px; padding: 30px; border: 1px solid #577889; border-radius: 7px; -moz-border-radius: 7px; margin-left: 10px;"><legend><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t39.png" border="0" alt="" /></legend><marquee direction="left" scrollamount="4" onMouseOver="this.stop();" onMouseOut="this.start();"><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t41.png" border="0" alt="" /><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t41.png" border="0" alt="" /><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t41.png" border="0" alt="" /><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t41.png" border="0" alt="" /></marquee><br><div style="text-align: right; font-size: 11px;"><a href="http://pensionnat-isuzu.forumactif.com/f94-partenariat" class="postlink" target="_blank" rel="nofollow">More?</a><a href="http://pensionnat-isuzu.forumactif.com/f94-partenariat" class="postlink" target="_blank" rel="nofollow">Le devenir?</a></div><br><br></fieldset></td>
  </tr>
</table>

<table><tr><td rowspan="2"><fieldset style="width: 430px; padding: 30px; border: 1px solid #577889; border-radius: 7px; -moz-border-radius: 7px; margin-left: 12px; height: 300px;"><legend><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t42.png" border="0" alt="" /></legend><div style= "text-align: justify;">

    * Sed si ille hac tam eximia fortuna propter<br>
    * Et Epigonus quidem amictu tenus philosophus, ut<br>
    * Nunc vero inanes flatus quorundam vile esse<br>
    * Apud has gentes, quarum exordiens initium ab<br>
    * Sed fruatur sane hoc solacio atque hanc insignem<br>
    * Constituendi autem sunt qui sint in amicitia fines<br>
    * Et quia Montius inter dilancinantium manus<br>
    * Quam ob rem vita quidem talis fuit vel fortuna vel<br>
    * Nemo quaeso miretur, si post exsudatos labores<br>
    * Accedebant enim eius asperitati, ubi inminuta vel<br>
    * Saepissime igitur mihi de amicitia cogitanti<br>
    * Eodem tempore Serenianus ex duce, cuius ignavia<br>
    * Coactique aliquotiens nostri pedites ad eos<br>
    * Hoc inmaturo interitu ipse quoque sui pertaesus<br>
    * Procedente igitur mox tempore cum adventicium<br>
    * Accedebant enim eius asperitati, ubi inminuta vel<br>
    * Saepissime igitur mihi de amicitia cogitanti<br>
    * Eodem tempore Serenianus ex duce, cuius ignavia<br>
    * Coactique aliquotiens nostri pedites ad eos<br>
    * Hoc inmaturo interitu ipse quoque sui pertaesus<br>
    * Procedente igitur mox tempore cum adventicium<br>

</div></fieldset></td><td><fieldset style="width: 200px; padding: 30px; border: 1px solid #577889; border-radius: 7px; -moz-border-radius: 7px; margin-left: 14px;"><legend><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t11.png" border="0" alt="" /></legend><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t13.png" border="0" alt="" /><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t13.png" border="0" alt="" /><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t13.png" border="0" alt="" /><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t13.png" border="0" alt="" /><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t13.png" border="0" alt="" /><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t13.png" border="0" alt="" /><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t13.png" border="0" alt="" /><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t13.png" border="0" alt="" /><br><br><div style="text-align: right; font-size: 11px;"><a href="http://pensionnat-isuzu.forumactif.com/f41-gagner-des-points" class="postlink" target="_blank" rel="nofollow">Avoir des K'Dos</a></div></fieldset></td>
<tr><td><fieldset style="width: 200px; padding: 30px; border: 1px solid #577889; border-radius: 7px; -moz-border-radius: 7px; margin-left: 14px;"><legend><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t12.png" border="0" alt="" /></legend><table with="100%"><tr><td><div class="infobulle"><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t17.png">
    <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>NOM DU PREDEFINI<br></font>
 <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t11.png"><br><br><a href="http://pensionnat-isuzu.forumactif.com/u1" target="_blank">Sa fiche</a></span></div></div> </td><td><div class="infobulle"><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t17.png">
    <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>NOM DU PREDEFINI<br></font>
 <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t11.png"><br><br><a href="http://pensionnat-isuzu.forumactif.com/u1" target="_blank">Sa fiche</a></span></div></div> </td><td><div class="infobulle"><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t17.png">
    <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>NOM DU PREDEFINI<br></font>
 <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t11.png"><br><br><a href="http://pensionnat-isuzu.forumactif.com/u1" target="_blank">Sa fiche</a></span></div></div> </td><td><div class="infobulle"><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t17.png">
    <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>NOM DU PREDEFINI<br></font>
 <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t11.png"><br><br><a href="http://pensionnat-isuzu.forumactif.com/u1" target="_blank">Sa fiche</a></span></div></div> </td><td><div class="infobulle"><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t17.png">
    <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>NOM DU PREDEFINI<br></font>
 <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t11.png"><br><br><a href="http://pensionnat-isuzu.forumactif.com/u1" target="_blank">Sa fiche</a></span></div></div> </td><td><div class="infobulle"><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t17.png">
    <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>NOM DU PREDEFINI<br></font>
 <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t11.png"><br><br><a href="http://pensionnat-isuzu.forumactif.com/u1" target="_blank">Sa fiche</a></span></div></div> </td></tr></table><br><br><div style="text-align: right; font-size: 11px;"><a href="http://pensionnat-isuzu.forumactif.com/f41-gagner-des-points" class="postlink" target="_blank" rel="nofollow">More?</a><a href="http://pensionnat-isuzu.forumactif.com/f41-gagner-des-points" class="postlink" target="_blank" rel="nofollow">En créer?</a></fieldset></td></tr></table><div style="margin:auto;text-align:center;width:100%; margin-bottom: 15px;"><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t18.png" border="0" alt="" /></div>
<br><br><div style="text-align: right; font-size: 9px;">Crédits du forum:
Design & P.A : Rin Kazagi <br>
Textes explicatifs : Kazuo Okiyama <br>
Fiche de présentation: Rin Kagazi <br>
Tous droits réservés ©</div></table>

Et

CSS:
Code:
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;
}

body { cursor: crosshair }
a:hover { cursor:ne-resize; }

u{border-bottom: 1px double;border-color:#7d0213;
-moz-border-radius:6px;}

I{border-bottom:none; color:#7d0213;text-decoration: none
}



a.mainmenu {
font-family: serif;
text-align: center;
font-size: 70%;
background-color: #FFFFFF;
color: #646B82;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;}

a.mainmenu:hover {
background-image: url("http://img11.hostingpics.net/pics/240544Sanstitre1.png");
text-align: center;}

a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }


.quote{
font-family: Tahoma;
font-size: 12px;
color: #000000;
line-height: 125%;
background-image: url("http://up4u.free.fr/images/nnr7gfg3lpw7vxihidn9.png");
border: #b84a72;
border-style: solid;
border: 1px #b84a72;
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;}

.code{
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #000000;
background-image: url("http://up4u.free.fr/images/nnr7gfg3lpw7vxihidn9.png");
border: #b84a72;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border: 1px #b84a72;
dotted;
-moz-border-radius:6px;}

input,textarea, select {
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}
a.mainmenu:link, a.mainmenu:visited{
font-family :Georgia;
text-align:left;}


.statistiques{
border:0px;
background-image: url("http://i20.servimg.com/u/f20/16/60/66/71/sans_t10.jpg");
background-repeat: no-repeat;
background-position: center;
height:260px;}

.groupes{
background-color:#FFFFFF;border: 1px #7993a1 dotted;
-moz-border-radius : 15px 15px 15px 15px;
height:40px;padding-right:5px;padding-left:5px;padding-bottom:1px;
font-size:12px;font-weight: bold;text-align:center;
text-decoration: none !important;}

.groupe{
background-color:#FFFFFF;

height:40px;padding-right:5px;padding-left:5px;padding-bottom:1px;
text-decoration: none !important;
}


.boxtitle{
font-family: serif;
text-align: center;
background-image: url("http://up4u.free.fr/images/yf3ekbnukaypoo87i.png");
font-size:15px;
border-bottom: 3px double #363642;
color: #363642;
display: block;}

.box {
background-image: url("http://up4u.free.fr/images/nnr7gfg3lpw7vxihidn9.png");
color:#363642;
font-size:11px;
margin:0;
padding:3px 10px;
}

.main
{font-family: serif;
text-transform : uppercase;
text-align: center;
font-size: 100%;;
border-bottom: 2px solid #577889;
color: #FCFCFC;
letter-spacing: 1px;
display: block;}

.main:hover
{background-color: #A6A4A4;
text-align: center;
display: block;
border-bottom: 2px solid #363642;
}

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

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: 5px;
left: 15px;
background: #363642;
color: 7d7d7d;
padding: 3px;
border: 0px solid grey;
border-left: 5px solid #b6b6b6;
border-right: 3px solid #b6b6b6;
border-top: 3px solid #b6b6b6;
border-bottom: 5px solid #b6b6b6;
}


.abc {border-bottom: 5px solid #ffffff}
.def {
background-color: #ffffff;
-moz-border-radius:10px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 3px;
text-transform:uppercase;}


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

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


th {
-moz-border-radius-topleft: 20%;
-moz-border-radius-topright: 20%;
border-top-left-radius: 20%;
border-top-right-radius: 20%;
}


bod {
background-repeat: no-repeat;
  background-position: none;
}

.forumline {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:30px;
-moz-border-radius-topleft:30px;
-moz-border-radius-topright:3px;
-moz-box-shadow: 0px 0px 3px #000000;
-webkit-box-shadow: 0px 0px 3px #00000;
box-shadow: 0px 0px 3px #000000;
background-color: #eef9fc;
border : 1px solid #4e7682;
padding:7px;
margin-bottom: 20px;
}

.bodyline{
border-right: 5px solid #577889;
border-left: 5px solid #577889;
margin: -40px auto -40px auto;
padding-top: 0px;
bottom: 0px;
}
.bodylinewidth {
max-width: 810px!important;}


/* NAVIGATION EN HAUT */

.navtop {
top : 0px;
right : 0px;
left : 0px;
position : fixed ;
width : 100% ;
background-color : #F5F0F0 ;
border-bottom : 1px solid #FfFfff;
-moz-box-shadow: 0px 2px 2px #000000;
-webkit-box-shadow: 0px 2px 2px #000000;
box-shadow: 0px 2px 2px #000000;
  font-family: georgia;
  letter-spacing: 2px;
}
 
.opacite {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}
.opacite:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}

a.mainmenu  {
font-size: 16px;
text-align : left ;
color: #DEA0BC;
text-shadow: 0px 0px 6px #ffffff;
font-weight: normal;
font-family :  Script MT Bold ;
letter-spacing: 2px;
}
a.mainmenu:hover{
color: #A280B0;
letter-spacing: 3px;
text-shadow: 0px 0px 6px #ffffff;
}

/* PROFIL DES MEMBRES */

/* Profil Masqué */
.profilmasque {
text-align:left;
padding:8px;
-moz-border-radius:10px;
background-color: #F0F2FA;
border:1px solid #A280B0;
border-right:3px solid #A280B0;
border-left:3px solid #A280B0;
font-size: 12px;

}



/* ------------------------------------SERIAL-TB - {MESSAGE D'ACCUEIL} -------------------------------------------------------- */
.ma_nav
{
background-color: #A280B0;
border-left: 2px solid #FfFfff;
border-right: 2px solid #FfFfff;
border-bottom: 2px solid #FfFfff;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
position: relative;
z-index: 0;
font-size: 13px;
text-transform: uppercase;
color: #BF2C6E !important;
padding-right: 4px;
padding-left: 4px;
width: 130px;
}

.ma_nav:hover
{
background-color: #A280B0;
border-left: 2px solid #FfFfff;
border-right: 2px solid #FfFfff;
border-bottom: 2px solid #FfFfff;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 0px;
z-index: 50;
font-size: 13px;
text-transform: uppercase;
padding-right: 4px;
padding-left: 4px;
width: 130px;
}

.ma_nav span
{
background-color: #A280B0;
border-left: 2px solid #FfFfff;
border-right: 2px solid #FfFfff;
border-bottom: 2px solid #FfFfff;
position: absolute;
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
visibility: hidden;
padding-right: 4px;
padding-left: 4px;
padding-bottom: 2px;
width: 130px;
}

.ma_nav:hover span
{
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
visibility: visible;
top: 13px;
left: -2px;
width: 130px;

}


/* MENU DEROULANT */

#navigation ul{
list-style-type: none;
text-align: center;
}
#navigation li{
display: inline;
text-align: center;
margin: 0 10px 0 0;
}
#navigation li a {
padding: 2px 7px 2px 7px;
  color: #1F361E;
 background-color: #88A651;
 border:4px solid #ffffff;
  -moz-border-radius: 20px 20px 20px 20px;
text-decoration: none;
}
#navigation li a:hover{
 background-color: #BDBB5D;
  color: #1F361E;
}

/*QEEL */

.groupeqeel{
width: 400px;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:30px;
-moz-border-radius-topleft:30px;
-moz-border-radius-topright:3px;
-moz-box-shadow: 0px 0px 3px #000000;
-webkit-box-shadow: 0px 0px 3px #00000;
box-shadow: 0px 0px 3px #000000;
background-color : #F5F0F0;
border : 1px solid #FfFfff;
margin-left: 10px;
margin-top: 5px;
padding:10px;
 }

.texteqeel {
overflow: auto;
width: 200px;
height: 150px;
font-size: 12px;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:30px;
-moz-border-radius-topleft:30px;
-moz-border-radius-topright:3px;
-moz-box-shadow: 0px 0px 3px #000000;
-webkit-box-shadow: 0px 0px 3px #00000;
box-shadow: 0px 0px 3px #000000;
background-color : #F5F0F0;
border : 1px solid #FfFfff;
margin-left: 10px;
margin-top: 5px;
padding:10px;
 }

qeelimg {
width: 220px;
height: 300px;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:30px;
-moz-border-radius-topleft:30px;
-moz-border-radius-topright:3px;
-moz-box-shadow: 0px 0px 3px #000000;
-webkit-box-shadow: 0px 0px 3px #00000;
box-shadow: 0px 0px 3px #000000;
background-color : #F5F0F0;
margin-left: 10px;
margin-top: 5px;
padding:10px;
}

.titreqeel {
font-size: 24px;
text-align : center ;
color: #D99968;
font-weight: normal;
font-family :  Script MT Bold ;
letter-spacing: 2px;
text-shadow: 0px 0px 5px #ffffff;
}

/*FIN QEEL */

.description {
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
-moz-box-shadow: 0px 0px 2px #000000;
-webkit-box-shadow: 0px 0px 2px #00000;
box-shadow: 0px 0px 2px #000000;
padding-left: 20px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 5px;
margin-left:12px;
margin-bottom:10px;
}


.vignette {
background-color : #F5F0F0;
-moz-border-radius : 20px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 2px;
padding-top: 2px;
-moz-box-shadow: 0px 0px 2px #000000;
-webkit-box-shadow: 0px 0px 2px #00000;
box-shadow: 0px 0px 2px #000000;
}




/* Image de chatbox */
body.chatbox {
background-image: url("http://upload.is.free.fr/upload/2p026r0t.jpg");
background-repeat: repeat;
}



a {
text-decoration: none!important;
}

a:hover {
text-decoration: none!important;
letter-spacing: 2px;}


/* TITRES DES CATEGORIE */


a.forumlink:link, a.forumlink:visited {
font-size: 14px;
text-align : left ;
color: #4e7682;
text-shadow: 0px 0px 6px #ffffff;
font-weight: normal;
font-family :  Georgia;
letter-spacing: 2px;
padding-left: 20px;
padding-right: 3px;
padding-top: 3px;
margin-left:12px;
margin-right:12px;
display: block;}

a.forumlink:hover, a.forumlink:hover:visited {
color: #000000;
letter-spacing: 3px;
text-shadow: 0px 0px 6px #ffffff;
}







/* PA NAVIGATION */

.navigation {
moz-border-radius:7px;
background-color: #ffffff;
padding-right:10px;
padding-left:10px;
padding-bottom: 3px;
padding-top:3px;}


/* ASCENSEUR */

.ascenseur {
position: fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/
top: 40px; /*--- On le place à 50 px du haut de l'écran ---*/
left: 5px; /*--- On le place à 0px de la gauche de l'écran ---*/
}

table.bodylinewidth {
position: relative;
bottom:+20px;
}

//////////PAGE D ACCUEIL//////////////////

/* test_quierra_11 */

#le_tableau{
color:#81FF7F;
font-size: 12px;
font-family: Arial;
background-color: #EEF9FC;
border: 1px solid #577889;
margin: 3px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
-moz- text-shadow: 1px 1px 2px #000;
-webkit- text-shadow: 1px 1px 2px #000;
text-shadow: 1px 1px 2px #000;
}

.text_imag{
color: #d8f795;
text-align: center;
vertical-align: center;
font-family: Arial;
font-size: 30px;
font-weight: bold;
}

.style_cellule{
background-color: #EEF9FC;
border: 1px solid #577889;
margin: 3px;
padding: 6px;
-moz-border-radius: 12px 3px 12px 3px ;
-webkit-border-radius: 12px 3px 12px 3px ;
border-radius: 12px 3px 12px 3px ;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}

#igauche{
background-color: #EEF9FC;
border: 1px solid #577889;
padding: 6px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-border-radius: 12px 3px 12px 3px ;
-webkit-border-radius: 12px 3px 12px 3px ;
border-radius: 12px 3px 12px 3px ;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
width: 500px;}

#idroite{
background-color: #EEF9FC;
border: 1px solid #577889;
padding: 6px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}

.titre_4{
font-size: 14px;
color: #00a200;
border-bottom: 1px dotted #577889;
}

/* navigation */

#nav-menu ul{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li{
float: left;
margin: 0 2px;
}

#nav-menu li a{
height: 25px;
line-height: 25px;
float: left;
width: 138px;
display: block;
border: 1px solid #577889;
color: #d8f795;
font-size: 15px;
font-weight: bold;
text-decoration: none;
text-align: center;
-moz-border-radius: 12px 3px 12px 3px ;
-webkit-border-radius: 12px 3px 12px 3px ;
border-radius: 12px 3px 12px 3px ;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
margin: 2px 0px 2px 0px;
}

#nav-menu li a:hover{
color: #bfcd48;
font-style: italic;
}

/* Hide from IE5-Mac \*/
#nav-menu li a{
float: none
}
/* End hide */


/* fin navigation */


/* Scroller Box */

#scroller_container {
width: 120px;
height: 70px;
overflow: hidden;
}

#dummy {;# }

#scroller_container {
overflow: auto;
}

/* fin Scroller Box */

/* infobulle */

div.info em {
display:none;
}

div.info:hover {
background: none;
z-index: 999;
cursor: hand;
position: relative;
text-decoration:none;
border: 0;
}

div.info:hover em {
font-style: normal;
font-size: 10px;
color:#000 !important;
padding: 3px;
display: inline;
position: absolute;
top: 62px;
left: 35px;
-moz-border-radius: 7px 7px 0px 7px ;
-webkit-border-radius: 7px 7px 0px 7px ;
border-radius:7px 7px 0px 7px ;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
background-color: #EEF9FC;
border: 2px solid #577889;
width:auto;
}

.titre_info{
text-align: center;
font-size: 14px;
font-style: italic;
border-bottom: 1px dotted #577889;
}



.lien_onglet_haut{

background-color: #FFFFFF;
padding: 3px;
border-bottom: none;
margin-right: 5px;
margin-bottom: -1px;
}




/* fin infobulle */

/* fin test quierra_11 */

/////PRESENTATION//////

.bbox{
background-color:#718582;
width:600px;
}

.identitebox{
background-color:#FFFFFF;
margin: auto;
padding-right:5px;
width: 500px;
height: 100px
padding: 10px;
color: black;
text-align: justify;
font-size: 11px;
font-family: Trebuchet MS;
border-right:  2px solid #577889;
border-left:  2px solid #577889;
border-bottom:  2px solid #577889;
-moz-border-radius: 0px 0px 12px 12px ;
-webkit-border-radius: 0px 0px 12px 12px ;
border-radius: 0px 0px 12px 12px ;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;}

.icon {
float: left;
margin-right:5px;
margin-left:5px;
margin-bottom:5px;
margin-top:5px;
}


.title {
padding-right:5px;
background-color:#d3e9ec;
width: 500px;
color: #718582;
font-family: georgia;
font-size: 22px;
margin: auto;
text-align: center;
border-right:  2px solid #577889;
border-left:  2px solid #577889;
border-top:  2px solid #577889;
border-bottom:  2px solid #ebcbae;
-moz-border-radius: 12px 12px 0px 0px ;
-webkit-border-radius: 12px 12px 0px 0px  ;
border-radius:12px 12px 0px 0px ;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;}

.title_1 {
padding-right:5px;
background-color:#d3e9ec;
width: 500px;
color: #718582;
font-family: georgia;
font-size: 22px;
margin: auto;
text-align: center;
border-bottom:  2px solid #ebcbae;
}


    /*----- INFOBULLES ------*/

div.info em {
display:none;
}

div.info:hover {
background: none;
z-index: 999;
cursor: hand;
position: relative;
text-decoration:none;
border: 0;
}

div.info:hover em {
font-style: normal;
font-size: 10px;
color:#000 !important;
padding: 3px;
display: inline;
position: absolute;
top: 62px;
left: 35px;
-moz-border-radius: 7px 7px 0px 7px ;
-webkit-border-radius: 7px 7px 0px 7px ;
border-radius:7px 7px 0px 7px ;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
background-color: #424242;
border: 2px solid #00a200;
width:auto;
}

.titre_info{
text-align: center;
font-size: 14px;
font-style: italic;
border-bottom: 1px dotted #00a200;
}

    .infobulle{position: relative;z-index: 0;}

    .infobulle:hover{background-color: transparent;z-index: 50;}

    .infobulle span{
    position: absolute;
    background-color: #EEF9FC;
    padding: 5px;
    left: -1000px;
    visibility: hidden;
    color: #000000;}

    .infobulle span img{border: 1px;padding: 5px;}

    .infobulle:hover span{
    visibility: visible;
    top: 2px;
    left: 20px;
    width: 150px ;
    color:#000000;
    border: 1px solid #577889;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;}

Merci d'avance


Dernière édition par Reiko le Lun 18 Juil 2011 - 18:19, édité 1 fois

Reiko
**

Messages : 69
Inscrit(e) le : 24/06/2011

http://reikotest.forumgratuit.org/
Reiko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'aide pour Page d'accueil

Message par Invité le Lun 18 Juil 2011 - 16:08

Bonjour,

J'ai apporté quelques modifications pour approcher du résultat souhaité:
Code:
<table cellspacing="0" cellpadding="0" width="600" border="0">
  <tr>
      <td><div style="margin:auto;text-align:center;width:100%; margin-bottom: 15px;"><img src="http://img4.hostingpics.net/pics/799564image.png" border="0" alt="" /></div></td>
  </tr>
</table>



<table cellspacing="4" cellpadding="3" width="800" border="0">
  <tr>
      <td align="center" width="100%" colspan="3">
<a href="#" target="_parent"><a href="http://pensionnat-isuzu.forumactif.com/t6-reglement" class="postlink" target="_blank" rel="nofollow"  "><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t13.png" border="0" alt="" /></a></a>
<a href="#" target="_parent" ><a href="http://pensionnat-isuzu.forumactif.com/t2-histoire-du-pensionnat-isuzu" class="postlink" target="_blank" rel="nofollow"><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t14.png" border="0" alt="" /></a></a>
<a href="#" target="_parent" ><a href="http://pensionnat-isuzu.forumactif.com/f5-presentations" class="postlink" target="_blank" rel="nofollow"><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t15.png" border="0" alt="" /></a></a>
<a href="#" target="_parent" ><a href="http://pensionnat-isuzu.forumactif.com/f2-points-k-dos" class="postlink" target="_blank" rel="nofollow"><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t16.png" border="0" alt="" /></a></a>
<a href="#" target="_parent"><a href="http://pensionnat-isuzu.forumactif.com/f42-demandes-de-rp" class="postlink" target="_blank" rel="nofollow"><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t19.png" border="0" alt="" /></a></a>
<a href="#" target="_parent"><a href="http://pensionnat-isuzu.forumactif.com/f71-absences" class="postlink" target="_blank" rel="nofollow"><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t18.png" border="0" alt="" /></a></a>
                </td>
  </tr>
</table>

<table cellspacing="4" cellpadding="0" width="600" border="0">
  <tr>
      <td><fieldset style="width: 200px; padding: 20px; border: 1px solid #577889; border-radius: 7px; -moz-border-radius: 7px;"><legend><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t20.png" border="0" alt="" /></legend><div style= "overflow: auto; height: 60px;  text-align: justify;">Pellentesque luctus, felis a porta suscipit, velit lectus cursus risus, at posuere magna arcu a enim. Sed ac turpis nec orci tempus rhoncus et vitae diam. Aliquam blandit dictum urna, blandit rhoncus justo condimentum quis. Aliquam facilisis hendrerit ornare. Integer in metus at magna pretium fermentum at ac turpis. Vestibulum et faucibus lacus.</div><br><div style="text-align: right; font-size: 11px;"><a href="http://pensionnat-isuzu.forumactif.com/t2-histoire-du-pensionnat-isuzu" class="postlink" target="_blank" rel="nofollow">More?</a></div></fieldset></td>
      <td><fieldset style="width: 200px; padding: 20px; border: 1px solid #577889; border-radius: 7px; -moz-border-radius: 7px;"><legend><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t22.png" border="0" alt="" /></legend><table with="100%"><tr><td><div class="infobulle"><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t31.png">
    <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>Kazuo OKIYAMA<br></font>
 <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t27.png"><br><br> <img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t29.png"><br><a href="http://pensionnat-isuzu.forumactif.com/u1" target="_blank">Profil</a> . <a href="http://pensionnat-isuzu.forumactif.com/privmsg?mode=post&u=1" target="_blank">Mp</a></span></div></div> </td><td><div class="infobulle"><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t32.png">
    <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>Rin KAZAGI<br></font>
 <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t11.png"><br><br> <img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t33.png"><br><a href="http://pensionnat-isuzu.forumactif.com/u3" target="_blank">Profil</a> . <a href="http://pensionnat-isuzu.forumactif.com/privmsg?mode=post&u=3" target="_blank">Mp</a></span></div></div> </td><td><div class="infobulle"><img src="http://i40.servimg.com/u/f40/16/60/66/71/sans_t10.png">
    <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>Noriyuki HAGA<br></font>
 <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t35.png"><br><br> Image à venir<br><a href="http://pensionnat-isuzu.forumactif.com/u2" target="_blank">Profil</a> . <a href="http://pensionnat-isuzu.forumactif.com/privmsg?mode=post&u=2" target="_blank">Mp</a></span></div></div> </td><td><div class="infobulle"><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t36.png">
    <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>Kazuma TAISETSU<br></font>
 <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t37.png"><br><br> <img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t38.png" border="0" alt="" /><br><a href="http://pensionnat-isuzu.forumactif.com/u4" target="_blank">Profil</a> . <a href="http://pensionnat-isuzu.forumactif.com/privmsg?mode=post&u=4" target="_blank">Mp</a></span></div></div> </td></tr></table><br><div style="text-align: right; font-size: 11px;"><a href="http://pensionnat-isuzu.forumactif.com/t2-histoire-du-pensionnat-isuzu" class="postlink" target="_blank" rel="nofollow">More?</a><br></div></fieldset></td>
      <td><fieldset style="width: 200px; padding: 30px; border: 1px solid #577889; border-radius: 7px; -moz-border-radius: 7px; margin-left: 10px;"><legend><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t39.png" border="0" alt="" /></legend><marquee direction="left" scrollamount="4" onMouseOver="this.stop();" onMouseOut="this.start();"><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t41.png" border="0" alt="" /><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t41.png" border="0" alt="" /><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t41.png" border="0" alt="" /><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t41.png" border="0" alt="" /></marquee><br><div style="text-align: right; font-size: 11px;"><a href="http://pensionnat-isuzu.forumactif.com/f94-partenariat" class="postlink" target="_blank" rel="nofollow">More?</a><a href="http://pensionnat-isuzu.forumactif.com/f94-partenariat" class="postlink" target="_blank" rel="nofollow">Le devenir?</a></div><br><br></fieldset></td>
  </tr>
</table>

<table><tr><td colspan="2"><fieldset style="width: 430px; padding: 10px; border: 1px solid #577889; border-radius: 7px; -moz-border-radius: 7px; margin-left: 12px; height: 125px;"><legend><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t42.png" border="0" alt="" /></legend><div style= "text-align: justify; height:90px; overflow:auto;">

    * Sed si ille hac tam eximia fortuna propter<br>
    * Et Epigonus quidem amictu tenus philosophus, ut<br>
    * Nunc vero inanes flatus quorundam vile esse<br>
    * Apud has gentes, quarum exordiens initium ab<br>
    * Sed fruatur sane hoc solacio atque hanc insignem<br>
    * Constituendi autem sunt qui sint in amicitia fines<br>
    * Et quia Montius inter dilancinantium manus<br>
    * Quam ob rem vita quidem talis fuit vel fortuna vel<br>
    * Nemo quaeso miretur, si post exsudatos labores<br>
    * Accedebant enim eius asperitati, ubi inminuta vel<br>
    * Saepissime igitur mihi de amicitia cogitanti<br>
    * Eodem tempore Serenianus ex duce, cuius ignavia<br>
    * Coactique aliquotiens nostri pedites ad eos<br>
    * Hoc inmaturo interitu ipse quoque sui pertaesus<br>
    * Procedente igitur mox tempore cum adventicium<br>
    * Accedebant enim eius asperitati, ubi inminuta vel<br>
    * Saepissime igitur mihi de amicitia cogitanti<br>
    * Eodem tempore Serenianus ex duce, cuius ignavia<br>
    * Coactique aliquotiens nostri pedites ad eos<br>
    * Hoc inmaturo interitu ipse quoque sui pertaesus<br>
    * Procedente igitur mox tempore cum adventicium<br>

</div></fieldset></td><td><fieldset style="width: 200px; padding: 30px; border: 1px solid #577889; border-radius: 7px; -moz-border-radius: 7px; margin-left: 14px;"><legend><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t11.png" border="0" alt="" /></legend><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t13.png" border="0" alt="" /><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t13.png" border="0" alt="" /><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t13.png" border="0" alt="" /><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t13.png" border="0" alt="" /><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t13.png" border="0" alt="" /><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t13.png" border="0" alt="" /><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t13.png" border="0" alt="" /><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t13.png" border="0" alt="" /><br><br><div style="text-align: right; font-size: 11px;"><a href="http://pensionnat-isuzu.forumactif.com/f41-gagner-des-points" class="postlink" target="_blank" rel="nofollow">Avoir des K'Dos</a></div></fieldset></td></tr>
<tr><td><fieldset style="width: 180px; padding: 30px; border: 1px solid #577889; border-radius: 7px; -moz-border-radius: 7px; margin-left: 14px;"><legend>wall of fame</legend>contenu</fieldset></td><td><fieldset style="width: 110px; padding: 15px; border: 1px solid #577889; border-radius: 7px; -moz-border-radius: 7px; margin-left: 14px;"><legend>crédits</legend><div style="text-align: right; font-size: 9px;">Crédits du forum:
Design & P.A : Rin Kazagi <br>
Textes explicatifs : Kazuo Okiyama <br>
Fiche de présentation: Rin Kagazi <br>
Tous droits réservés ©</div></fieldset></td><td><fieldset style="width: 200px; padding: 30px; border: 1px solid #577889; border-radius: 7px; -moz-border-radius: 7px; margin-left: 14px;"><legend><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t12.png" border="0" alt="" /></legend><table with="100%"><tr><td><div class="infobulle"><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t17.png">
    <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>NOM DU PREDEFINI<br></font>
 <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t11.png"><br><br><a href="http://pensionnat-isuzu.forumactif.com/u1" target="_blank">Sa fiche</a></span></div></div> </td><td><div class="infobulle"><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t17.png">
    <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>NOM DU PREDEFINI<br></font>
 <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t11.png"><br><br><a href="http://pensionnat-isuzu.forumactif.com/u1" target="_blank">Sa fiche</a></span></div></div> </td><td><div class="infobulle"><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t17.png">
    <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>NOM DU PREDEFINI<br></font>
 <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t11.png"><br><br><a href="http://pensionnat-isuzu.forumactif.com/u1" target="_blank">Sa fiche</a></span></div></div> </td><td><div class="infobulle"><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t17.png">
    <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>NOM DU PREDEFINI<br></font>
 <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t11.png"><br><br><a href="http://pensionnat-isuzu.forumactif.com/u1" target="_blank">Sa fiche</a></span></div></div> </td><td><div class="infobulle"><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t17.png">
    <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>NOM DU PREDEFINI<br></font>
 <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t11.png"><br><br><a href="http://pensionnat-isuzu.forumactif.com/u1" target="_blank">Sa fiche</a></span></div></div> </td><td><div class="infobulle"><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t17.png">
    <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>NOM DU PREDEFINI<br></font>
 <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t11.png"><br><br><a href="http://pensionnat-isuzu.forumactif.com/u1" target="_blank">Sa fiche</a></span></div></div> </td></tr></table><br><br><div style="text-align: right; font-size: 11px;"><a href="http://pensionnat-isuzu.forumactif.com/f41-gagner-des-points" class="postlink" target="_blank" rel="nofollow">More?</a><a href="http://pensionnat-isuzu.forumactif.com/f41-gagner-des-points" class="postlink" target="_blank" rel="nofollow">En créer?</a></fieldset></td></tr></table><div style="margin:auto;text-align:center;width:100%; margin-bottom: 15px;"><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t18.png" border="0" alt="" /></div>
<br><br></table>

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'aide pour Page d'accueil

Message par Reiko le Lun 18 Juil 2011 - 16:45

C'est super merci Smile


Reiko
**

Messages : 69
Inscrit(e) le : 24/06/2011

http://reikotest.forumgratuit.org/
Reiko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'aide pour Page d'accueil

Message par Reiko le Lun 18 Juil 2011 - 16:57

Re désolé j'ai encore un soucis, en fait pour le Wall Of Fame, je voudrais mettre des infobulles, j'arrive à en mettre une, mais les suivantes sont dans l'infobulle en elle même qui pourrait m'aider s'il vous plait?

Spoiler:
Code:
    <table cellspacing="0" cellpadding="0" width="600" border="0">
      <tr>
          <td><div style="margin:auto;text-align:center;width:100%; margin-bottom: 15px;"><img src="http://img4.hostingpics.net/pics/799564image.png" border="0" alt="" /></div></td>
      </tr>
    </table>



    <table cellspacing="4" cellpadding="3" width="800" border="0">
      <tr>
          <td align="center" width="100%" colspan="3">
    <a href="#" target="_parent"><a href="http://pensionnat-isuzu.forumactif.com/t6-reglement" class="postlink" target="_blank" rel="nofollow"  "><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t13.png" border="0" alt="" /></a></a>
    <a href="#" target="_parent" ><a href="http://pensionnat-isuzu.forumactif.com/t2-histoire-du-pensionnat-isuzu" class="postlink" target="_blank" rel="nofollow"><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t14.png" border="0" alt="" /></a></a>
    <a href="#" target="_parent" ><a href="http://pensionnat-isuzu.forumactif.com/f5-presentations" class="postlink" target="_blank" rel="nofollow"><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t15.png" border="0" alt="" /></a></a>
    <a href="#" target="_parent" ><a href="http://pensionnat-isuzu.forumactif.com/f2-points-k-dos" class="postlink" target="_blank" rel="nofollow"><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t16.png" border="0" alt="" /></a></a>
    <a href="#" target="_parent"><a href="http://pensionnat-isuzu.forumactif.com/f42-demandes-de-rp" class="postlink" target="_blank" rel="nofollow"><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t19.png" border="0" alt="" /></a></a>
    <a href="#" target="_parent"><a href="http://pensionnat-isuzu.forumactif.com/f71-absences" class="postlink" target="_blank" rel="nofollow"><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t18.png" border="0" alt="" /></a></a>
                    </td>
      </tr>
    </table>

    <table cellspacing="4" cellpadding="0" width="600" border="0">
      <tr>
          <td><fieldset style="width: 200px; padding: 20px; border: 1px solid #577889; border-radius: 7px; -moz-border-radius: 7px;"><legend><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t20.png" border="0" alt="" /></legend><div style= "overflow: auto; height: 60px;  text-align: justify;">L'histoire du Pensionnat Isuzu débuta il y a 21 ans, à la suite d'un évènement tragique ébranlant une famille japonaise assez influente : la famille Okiyama. Eikichi Okiyama, 29 ans, avait une carrière bien remplie, plus qu'exemplaire. En effet, il était - à l'aube de ses 30 ans - membre du conseil d'administration d'une grande entreprise de télécommunication. Ce parcours exemplaire se fit naturellement avec une éducation stricte, une bonne formation et bien entendu le talent propre à chacun. On pouvait dire que M. Okiyama était bourré de talents. Il avait de plus une vie privée et sentimentale épanouie, marié à une femme magnifique Isuzu Okiyama, 27 ans, professeur de Physique à l'université de Todaï, la plus réputée du Japon. Mme. Okiyama donnera naissance deux ans plus tard à un fils qu'elle prénommera Kazuo. L'évènement tragique survint deux ans après la naissance de Kazuo : Isuzu mourut, dans des circonstances que l'enfant ignore. Son père lui a dit qu'elle avait eu un accident de voiture, sans entrer dans les détails. Eikichi était complètement abattu, mais il s'efforçait de ne pas montrer sa peine : un homme de cette envergure et de cette éducation ne doit pas se permettre ce genre d'écarts. Cependant, plus rien ne fut jamais comme naguère. Il démissionna de son poste de rêve et chercha une manière de rendre hommage à sa défunte femme.</div><br><div style="text-align: right; font-size: 11px;"><a href="http://pensionnat-isuzu.forumactif.com/t2-histoire-du-pensionnat-isuzu" class="postlink" target="_blank" rel="nofollow">More?</a></div></fieldset></td>
          <td><fieldset style="width: 200px; padding: 20px; border: 1px solid #577889; border-radius: 7px; -moz-border-radius: 7px;"><legend><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t22.png" border="0" alt="" /></legend><table with="100%"><tr><td><div class="infobulle"><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t31.png">
        <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>Kazuo OKIYAMA<br></font>
    <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t27.png"><br><br> <img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t29.png"><br><a href="http://pensionnat-isuzu.forumactif.com/u1" target="_blank">Profil</a> . <a href="http://pensionnat-isuzu.forumactif.com/privmsg?mode=post&u=1" target="_blank">Mp</a></span></div></div> </td><td><div class="infobulle"><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t32.png">
        <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>Rin KAZAGI<br></font>
    <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t11.png"><br><br> <img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t33.png"><br><a href="http://pensionnat-isuzu.forumactif.com/u3" target="_blank">Profil</a> . <a href="http://pensionnat-isuzu.forumactif.com/privmsg?mode=post&u=3" target="_blank">Mp</a></span></div></div> </td><td><div class="infobulle"><img src="http://i40.servimg.com/u/f40/16/60/66/71/sans_t10.png">
        <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>Noriyuki HAGA<br></font>
    <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t35.png"><br><br> Image à venir<br><a href="http://pensionnat-isuzu.forumactif.com/u2" target="_blank">Profil</a> . <a href="http://pensionnat-isuzu.forumactif.com/privmsg?mode=post&u=2" target="_blank">Mp</a></span></div></div> </td><td><div class="infobulle"><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t36.png">
        <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>Kazuma TAISETSU<br></font>
    <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t37.png"><br><br> <img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t38.png" border="0" alt="" /><br><a href="http://pensionnat-isuzu.forumactif.com/u4" target="_blank">Profil</a> . <a href="http://pensionnat-isuzu.forumactif.com/privmsg?mode=post&u=4" target="_blank">Mp</a></span></div></div> </td></tr></table><br><div style="text-align: right; font-size: 11px;"><a href="http://pensionnat-isuzu.forumactif.com/t2-histoire-du-pensionnat-isuzu" class="postlink" target="_blank" rel="nofollow">More?</a><br></div></fieldset></td>
          <td><fieldset style="width: 200px; padding: 30px; border: 1px solid #577889; border-radius: 7px; -moz-border-radius: 7px; margin-left: 10px;"><legend><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t39.png" border="0" alt="" /></legend><marquee direction="left" scrollamount="4" onMouseOver="this.stop();" onMouseOut="this.start();"><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t41.png" border="0" alt="" /><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t41.png" border="0" alt="" /><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t41.png" border="0" alt="" /><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t41.png" border="0" alt="" /></marquee><br><div style="text-align: right; font-size: 11px;"><a href="http://pensionnat-isuzu.forumactif.com/f94-partenariat" class="postlink" target="_blank" rel="nofollow">More?</a><a href="http://pensionnat-isuzu.forumactif.com/f94-partenariat" class="postlink" target="_blank" rel="nofollow">Le devenir?</a></div><br><br></fieldset></td>
      </tr>
    </table>

    <table><tr><td colspan="2"><fieldset style="width: 470px; padding: 10px; border: 1px solid #577889; border-radius: 7px; -moz-border-radius: 7px; margin-left: 12px; height: 125px;"><legend><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t42.png" border="0" alt="" /></legend><div style= "text-align: justify; height:90px; overflow:auto;"><div style= "text-align: justify;">

    ♦ Ouverture du forum !<br>
    ♦ Pour votre fiche de présentation, n'oubliez pas de mettre le titre sous la forme "NOM Prénom".<br>
    ♦ N'oubliez pas de voter sur les Top-Sites aussi souvent que possible ! Cela vous rapporte des points K'Dos et contribue à la réussite du forum !<br><br><div style="margin:auto;text-align:center;width:100%"><span style="font-size: 12px; line-height: normal"><font color="darkred">MEILLEUR VOTEUR DE LA SEMAINE</font></span><br><br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t27.png" border="0" alt="" /><br>
Kazuo Okiyama<br>
175 points</div>


</div></div></fieldset></td><td><fieldset style="width: 200px; padding: 30px; border: 1px solid #577889; border-radius: 7px; -moz-border-radius: 7px; margin-left: 14px;"><legend><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t11.png" border="0" alt="" /></legend>
<a href="http://www.root-top.com/topsite/virtu4lgames/in.php?IDmark=2384">
<img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t13.png" border="0" alt="top all rpg" title="top all rpg"></a>

<a href="http://www.root-top.com/topsite/virtu4ldreaiviz/in.php?IDmark=2682">
<img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t13.png" border="0" alt="top mangas rpg" title="top mangas rpg">
</a>

<a href="http://www.root-top.com/topsite/azzare34/in.php?IDmark=6921">
<img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t13.png" border="0" alt="manga topsite" title="manga topsite">
</a>

<a href="http://www.root-top.com/topsite/gilgamesh/in.php?IDmark=5258">
<img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t13.png" border="0" alt="top des rpg manga" title="top des rpg manga">
</a>

<a href="http://www.root-top.com/topsite/virtu4lschool/in.php?IDmark=1310">
<img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t13.png" border="0" alt="top school rpg" title="top school rpg">
</a>

<a href="http://www.root-top.com/topsite/mary/in.php?IDmark=5593">
<img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t13.png" border="0" alt="top forum rpg" title="top forum rpg">
</a>

<a href="http://www.root-top.com/topsite/forumrpg/in.php?IDmark=6229">
<img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t13.png" border="0" alt="harry potter rpg topsite des forums rpg" title="harry potter rpg topsite des forums rpg">
</a>

<br><br><div style="text-align: right; font-size: 11px;"><a href="http://pensionnat-isuzu.forumactif.com/f41-gagner-des-points" class="postlink" target="_blank" rel="nofollow">Avoir des K'Dos</a></div></fieldset></td></tr>
    <tr><td><fieldset style="width: 250px; padding: 30px; border: 1px solid #577889; border-radius: 7px; -moz-border-radius: 7px; margin-left: 14px;"><legend><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t42.png" border="0" alt="" /></legend><div class="infobulle"><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t45.png">
        <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>NOM DU VOTEUR<br></font>
  </span></div><div class="infobulle"><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t45.png">
        <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>NOM DU VOTEUR<br></font>
  </span></div><div class="infobulle"><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t45.png">
        <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>NOM DU VOTEUR<br></font>
  </span></div></fieldset></td><td><fieldset style="width: 135px; padding: 15px; border: 1px solid #577889; border-radius: 7px; -moz-border-radius: 7px; margin-left: 14px;"><legend><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t44.png" border="0" alt="" /></legend><div style="font-size: 9px;">
    <strong>Design & P.A</strong> : Rin Kazagi<br>
    <strong>Textes explicatifs</strong>: Kazuo Okiyama <br>
    <strong>Fiche de présentation</strong>: Rin Kagazi <br>
    Tous droits réservés ©<br>
    Merci donc de respecter notre travail, et de ne pas le copier. </div></fieldset></td><td><fieldset style="width: 200px; padding: 30px; border: 1px solid #577889; border-radius: 7px; -moz-border-radius: 7px; margin-left: 14px;"><legend><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t12.png" border="0" alt="" /></legend><table with="100%"><tr><td><div class="infobulle"><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t17.png">
        <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>NOM DU PREDEFINI<br></font>
    <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t11.png"><br><br><a href="http://pensionnat-isuzu.forumactif.com/u1" target="_blank">Sa fiche</a></span></div></div> </td><td><div class="infobulle"><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t17.png">
        <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>NOM DU PREDEFINI<br></font>
    <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t11.png"><br><br><a href="http://pensionnat-isuzu.forumactif.com/u1" target="_blank">Sa fiche</a></span></div></div> </td><td><div class="infobulle"><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t17.png">
        <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>NOM DU PREDEFINI<br></font>
    <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t11.png"><br><br><a href="http://pensionnat-isuzu.forumactif.com/u1" target="_blank">Sa fiche</a></span></div></div> </td><td><div class="infobulle"><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t17.png">
        <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>NOM DU PREDEFINI<br></font>
    <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t11.png"><br><br><a href="http://pensionnat-isuzu.forumactif.com/u1" target="_blank">Sa fiche</a></span></div></div> </td><td><div class="infobulle"><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t17.png">
        <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>NOM DU PREDEFINI<br></font>
    <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t11.png"><br><br><a href="http://pensionnat-isuzu.forumactif.com/u1" target="_blank">Sa fiche</a></span></div></div> </td><td><div class="infobulle"><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t17.png">
        <span><div style="margin:auto;text-align:center;width:100%"><font-size: "22px";>NOM DU PREDEFINI<br></font>
    <br><img src="http://i20.servimg.com/u/f20/16/60/66/71/sans_t11.png"><br><br><a href="http://pensionnat-isuzu.forumactif.com/u1" target="_blank">Sa fiche</a></span></div></div> </td></tr></table><br><br><div style="text-align: right; font-size: 11px;"><a href="http://pensionnat-isuzu.forumactif.com/f41-gagner-des-points" class="postlink" target="_blank" rel="nofollow">More?</a><a href="http://pensionnat-isuzu.forumactif.com/f41-gagner-des-points" class="postlink" target="_blank" rel="nofollow">En créer?</a></fieldset></td></tr></table><div style="margin:auto;text-align:center;width:100%; margin-bottom: 15px;"><img src="http://i48.servimg.com/u/f48/16/28/14/94/sans_t18.png" border="0" alt="" /></div>
    <br><br></table>

Reiko
**

Messages : 69
Inscrit(e) le : 24/06/2011

http://reikotest.forumgratuit.org/
Reiko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'aide pour Page d'accueil

Message par Reiko le Lun 18 Juil 2011 - 18:13

Finalement j'ai trouvé, donc c'est bon Smile

Reiko
**

Messages : 69
Inscrit(e) le : 24/06/2011

http://reikotest.forumgratuit.org/
Reiko 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