Faire des onglets sur la Page d'Acceuil.

[La-Pouic-Team]

Rappel du premier message :

Bonjours,
Je voudrais savoir comment réalisé ceci :

[Invité]

Hello,

@La-Pouic-Team , sélectionnez le langage Html, ça devrait mieux fonctionner (cliquez sur langage dans la barre de menu de Notepad+ et dans les H choisissez Html ) Cela vous indiquera des éléments en couleur, comme points de repère pour compléter le code.

@ * Flowine, avez-vous bien activé le Html sur votre forum? ( tuto pour les verification ) . Et lorsque vous inscrivez le code en page d'accueil le symbole au dessus de la fenêtre est bien :+html: ?

Cordialement.

[* Flowine]

Merci beaucoup Isolde, vous m'avez beaucoup aidé! Je cherchais justement à activer le HTML, je ne trouvais pas. Maintenant ça marche, merci!

[La-Pouic-Team]

Ahem ... j'ai encore un problème xDD
Il faudrait que la hauteur du tableau change selons son comptenu, parce que par exemple l'onglet 1 est plus haut que le 2, mais du coup, quand je clique sur le 2, il garde la même taille que la 1 alors qu'il est plus petit ...
Vu que j'ai du littéralement vous embrouillé, voyez vous même avez l'adresse que je vous ai envoyer la dernière fois

[* Flowine]

Pour ma part, j'aimerai changer la couleur des onglets et de l'endroit où il y a le texte. Et j'aimerais que les onglets est une forme ronde.

[Invité]

Re,

Alors ... concernant la hauteur des contenus, si j'ai bien suivi, trouvez ce code dans votre CSS:

Code:

.mon_contenu{
  color: #666;
  background: #E6D1A1;
  border: 2px solid #DBB764;
  padding: 2px;
  margin-left: -40px;       
  height: 400px;}


Et retirez la dernière ligne pour obtenir:

Code:

.mon_contenu{
  color: #666;
  background: #E6D1A1;
  border: 2px solid #DBB764;
  padding: 2px;
  margin-left: -40px;}

* Flowine, je vous renvoie vers ce sujet où j'ai expliqué comment modifier l'aspect des onglets. N'hésitez pas à ouvrir un nouveau sujet si vous ne comprenez pas ... mais laissons ce sujet à son auteure, sinon ça va devenir très dur de m'y retrouver pour vous répondre à toutes les deux! Je débute moi aussi et je cherche souvent les réponses au fur et à mesure des questions ...

Cordialement.

[La-Pouic-Team]

Oulala O.O je viens de bousillé ma PA >.< ( Encore XD )
Sinon ça marche (Y) ( ça n'empêche que je suis vraiment débile >.< )
Bon je crois que je vais faire autre chose avant de bousillé quelque chose d'autre >.<

[Invité]

Je la vois bien votre Page d'accueil ... essayez de vider le cache de votre navigateur, il sature peut être avec tous ces changements d'information .

[La-Pouic-Team]

Whaaaaat ? J'ai rien compris xD

[Invité]

Re,

Je vous conseillais juste de vider le cache internet. Pour moi votre Page d'accueil s'affiche très bien ... rien de "bousillé".

Cordialement

[La-Pouic-Team]

Bonsoir,
Waaaaalaaa j'ai enfin réussi à faire quelque chose !
Mais c'est hyper galère pour changé la moindre info sur la PA !? Non ? En Htlm on peut avoir que le contenu des 1er onglet non ? Comment on fait pour personnalisé un peu l'écriture de l'onglet ( le même en gras par exemple ou bien dans une autre écriture ? )
Je n'arrive pas non plus à mettre le staff en centre, comment faire ?
Et je ne comprend pas comment vous faite pour mettre la video à droite ou à gauche par rapport à un texte ...
http://Unites-by-the-fate.forumactif.com/

Code:

<script src="http://pmsc.free.fr/J04/10918133120.js"></script><div id="mes_onglets">
    <ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Accueil & Staff</li>
        <li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Contexte & Video</li>
        <li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Annonce & Nouveauté</li>
        <li id="o_4" class="mon_onglet" onclick="changeOnglet(this);"> Nos partenaires</li>
        <div class="clear"><div id="mes_contenus">
    <div id="co_1" class="mon_contenu"><br><div style="text-align: center;"><img src="http://img11.hostingpics.net/pics/253638bienvenuye_sur_ubtf.png" alt="" border="0"><br></div><br><div style="text-align: center;"><a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank">&nbsp;


<br></a><span class="postlink"><img src="http://img7.hostingpics.net/pics/341175staff__seul.png" alt="" border="0"></span><a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank"><br><font size="3"><span style="font-weight: bold;">
</span></font></a><table>
<tbody>
<tr>
<td><div class="thumbnail"><div style="text-align: center;"><img alt="" src="http://img10.hostingpics.net/pics/515646staff_lehana.png" border="0"> &nbsp; &nbsp;<br></div><span><div class="tstaff" align="center">LÉHANA<br><br><font size="2">Fondatrice<br>Représentante de la volonté</font><br><br><img alt="" src="http://img10.hostingpics.net/pics/842416kiraa10_pt.jpg" border="0"><br><br><a href="http://unites-by-the-fate.forumactif.com/profile.forum?mode=viewprofile&amp;page_profil=contact&amp;u=3"><font size="2">♥ La contacter ♥</font></a><br></div></span></div></td>
<td><div class="thumbnail"><div style="text-align: center;"><img alt="" src="http://img10.hostingpics.net/pics/244065staff_ambre.png" border="0"> </div><span><div class="tstaff" align="center">AMBRE<br><br><font size="2">Fondatrice<br>Représente de la force</font><br><br>&nbsp;<img alt="" src="http://img10.hostingpics.net/pics/431313infobubule.jpg" border="0"><br><br><a href="http://unites-by-the-fate.forumactif.com/profile.forum?mode=viewprofile&amp;page_profil=contact&amp;u=1"><font size="2">♥ La contacter ♥</font></a></div></span></div></td>
<td><div class="thumbnail"><div style="text-align: center;"><img class="postlink" src="%3Ca%20href=" target="_blank" viewer.php?id="676940staff_Alizee.png&quot;" www.hostingpics.net="" http:=""><img alt="" src="http://img11.hostingpics.net/pics/676940staff_Alizee.png" border="0"> </div><span><div class="tstaff" align="center">&nbsp;<span style="font-weight: bold;"> </span>ALIZÉE<br><br><font size="2">Fondatrice <br>Représentante de la sagesse.<br>&amp; Designeuse Officiel.</font> <br><br>&nbsp;<img alt="" src="http://img11.hostingpics.net/pics/511177info_bulle_Alizee.jpg" border="0"><br><br><a href="http://unites-by-the-fate.forumactif.com/profile.forum?mode=viewprofile&amp;page_profil=contact&amp;u=2"><font size="2">♥ La contacter ♥</font></a></div></span></div></td></tr></tbody></table><font size="3"><a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank">
</a></font><p style="text-align: center;"><span class="postlink"><font size="3"><font size="3"><font size="2">( Passe ton curseur sur les images pour en savoir plus )</font></font></font></span><font size="3"><a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank"><font size="3"><span style="font-weight: bold;"><br></span></font></a></font></p></div>

<table style="text-align: center; margin-left: auto; margin-right: auto;" cellspacing="8">
<tbody>
<tr>
<td class="montablo2"><br>ATTENTION : Forum optimisé avec <a href="http://www.mozilla-europe.org/fr/firefox/">Mozillia Firefox</a> <br>Nous vous conseillons vivement de le téléchargé si votre navigateur par défaut n'est ni Internet Explorer ni Opéra<br>Design by Alizée,<br>&nbsp;alias <a href="http://unites-by-the-fate.forumactif.com/ateliers-f26/inspiration-t104.htm">Inspiration</a>.<br></td></tr></tbody></table>
</div>
</div>
    <div id="co_2" class="mon_contenu" style="display: none;"><div style="text-align: center;"><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/vGQRYXIxQ-E?fs=1&amp;hl=fr_FR"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always">
<embed src="http://www.youtube.com/v/vGQRYXIxQ-E?fs=1&amp;hl=fr_FR" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></object>
<br></div><br><div style="text-align: center;"><img src="http://img7.hostingpics.net/pics/652302contexte_2.png" border="0" alt="" /><br>"

</div></div>
    <div id="co_3" class="mon_contenu" style="display: none;"></a><br><br><br>
<table cellspacing="8">
<tbody>
<tr></tr></tbody></table>
<table cellspacing="8">
<tbody>
<tr>
<td class="montablo"><div style="text-align: center;"><font size="3">NOUVEAUTÉ:</font><br><br></div><div style="text-align: center;">Un RP collection à été lancé, que tous les participants se propose le plus tôt possible pour que nous puissions faire la liste des membres qui font partit du RP.<br>Ce Rp consistera à ce que plusieurs jeunes gens doté de pouvoir spéciaux mais incontrôlable, se rencontre par l'intermédiaire d'un rêve (Comment ? ). Ce sont des élus. Leur quêtes n'est pas encore trouvé et tout ceci est un vague récapitulatif des idées qui ont été émise et peu ainsi être modifier. Mais ceci, c'est à vous de le décidé, en vous joignant à nous ;)<br>Ensemble, nous créerons cette histoire, et l'écrirons. <br>Intéresser ? Alors <a href="http://unites-by-the-fate.forumactif.com/besoin-de-rp--f9/rp-collectif-t109.htm">clique ici</a>, pour plus d'info.<br><br><br></div></td>
<td class="montablo"><div style="text-align: center;"><font size="3">ANNONCE:<br></font></div><br>•&nbsp; Deux de lieutenants sont libres,dans les groupes de la force et la sagesse.<br>• Deux place de Medium sont libres.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br>• Trois place d’Infirmier sont libres. (En tout)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br>• Trois place pour les rôles des Esprit lié sont libres. ( Un Rp en cours)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br>• Cinq pégase, cinq licorne et deux<br>&nbsp;dragons sont disponible.<br>• Si vous souhaitez obtenir l’un des rôle important ci-contre, vous devrez rédiger un RP de minimum 10 lignes sur un thème que vous devrez choisir parmi une liste ( ~&gt; <a href="http://unites-by-the-fate.forumactif.com/reglement-et-histoire-du-forum-f3/les-roles-t17.htm">Voir rôles</a>) Vous devrez vous faire recenser dans la catégorie « flood » puis dans « Annonces » et enfin « recrutement»,vous devrez remplir un formulaire spécifique.<br><br></td>
<td><div style="text-align: center;"><a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank">&nbsp;
</a><br><br></div></td></tr></tbody></table>
</div>
    <div id="co_4" class="mon_contenu" style="display: none;"><p style="text-align: center;"><font size="3"><span style="font-weight: bold;"><br></span></font></p>
<p style="text-align: center;"><font size="3"><span style="font-weight: bold;">Partenaires:</span></font></p><div style="text-align: left;"><div style="text-align: center;"><a class="postlink" href="http://beginning-of-magic.forumactif.org/" target="_blank"><span style="text-decoration: underline;"><span class="postbody"></span></span></a><a class="postlink" href="http://world-of-harrypotter.forumactif.com/" target="_blank"><span style="text-decoration: underline;"></span></a><a class="postlink" href="http://world-of-harrypotter.forumactif.com/" target="_blank"><span style="text-decoration: underline;"></span></a><a class="postlink" href="http://life-animal-magic.forumactif.com/" target="_blank"><span style="text-decoration: underline;"></span></a></div><div style="text-align: center;"><a class="postlink" href="http://beginning-of-magic.forumactif.org/" target="_blank"><img alt="" src="http://i30.servimg.com/u/f30/14/40/95/06/parten10.png" border="0"></a><a class="postlink" href="http://life-animal-magic.forumactif.com/" target="_blank"><img alt="" src="http://i62.servimg.com/u/f62/14/92/85/91/bouton11.jpg" border="0"></a><a class="postlink" href="http://http//roilion-liveyourlife.forumactif.org/forum.htm" target="_blank"><img alt="" src="http://i20.servimg.com/u/f20/14/40/95/06/roi_li10.png" border="0"></a><a class="postlink" href="http://lgdc-new.forumactif.com/forum.htm" target="_blank"><img alt="" src="http://i27.servimg.com/u/f27/15/57/33/70/22006310.png" border="0"></a><br><a class="postlink" href="http://world-of-harrypotter.forumactif.com/" target="_blank"><img alt="" src="http://i30.servimg.com/u/f30/14/40/95/06/93521110.gif" border="0"></a><a class="postlink" href="http://paysage-onirique.skyrock.com/" target="_blank"><img alt="" src="http://i21.servimg.com/u/f21/15/21/20/69/bouton10.jpg" border="0"></a><a class="postlink" href="http://twilight--story.forumactif.org/" target="_blank"><img alt="" src="http://i84.servimg.com/u/f84/12/34/02/53/bouton14.gif" border="0"></a><a href="http://irreversible.purforum.com/forum.htm" class="postlink" target="_blank"><img src="http://img841.imageshack.us/img841/8486/boutonpubcopy.png" border="0" alt="" /></a><br><a class="postlink" href="http://narnialand.superforum.fr/" target="_blank"><img alt="" src="http://i20.servimg.com/u/f20/14/40/95/06/2nbyl210.jpg" border="0"></a><a class="postlink" href="http://malediction-new-life.forumactif.com/index.htm" target="_blank"><img alt="" src="http://nsa15.casimages.com/img/2010/06/06/100606062837164972.jpg" border="0"></a><a class="postlink" href="http://the-rebirth-of-the-w.forumactif.com/index.htm" target="_blank"><img alt="" src="http://i36.servimg.com/u/f36/15/06/61/49/the-re10.gif" border="0"></a><br><a class="postlink" href="http://instants-magiques.forumactif.com/" target="_blank"><img alt="" src="http://i60.servimg.com/u/f60/14/40/95/06/bouton14.jpg" border="0"></a><a class="postlink" href="http://bound-by-the-magic.forumactif.com/" target="_blank"><img alt="" src="http://img10.hostingpics.net/pics/359307bouton.jpg" border="0"></a><a href="http://hysteria.forums-actifs.net/" class="postlink" target="_blank"><img src="http://i36.servimg.com/u/f36/15/36/65/56/lier110.png" alt="" border="0"></a></div></div>
<table style="z-index: 10000; position: fixed; background-color: rgb(255, 255, 255); bottom: 50px; left: 0px;">
<tbody>
<tr>
<td><iframe style="width: 800px; display: none; height: 400px;" id="chatboxpop" marginheight="0" src="/chatbox/chatbox.forum?page=front&amp;" marginwidth="0" frameborder="0" scrolling="no"></iframe><br></td>
<td style="background-color: rgb(227, 197, 127); vertical-align: bottom;"><img 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';" src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png"></td></tr></tbody></table>
<table style="text-align: center; margin-left: auto; margin-right: auto;" cellspacing="8">
<tbody>
<tr></div>
</div></ul>

CSS:

Code:

a:hover{text-transform:uppercase;}

.traits{
border-bottom: 4px solid #000000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.forumlink {text-shadow: #000000 0px 1px 1px;}
a.forumlink {text-shadow: #000000 0px 1px 1px;}
a.forumlink:hover {text-shadow: #000000 0px 1px 1px;}

.post .name{text-shadow: #000000 1px 1px 2px;}

.gensmall {text-shadow: #7D7465 1px 1px 8px;}


.montablo{
background-color: #E3BE68;
color: #825810;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
padding: 20px;
width:300px;
height:270px;}

.tstaff{font-size:2 em;}

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

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

.thumbnail span{
position: absolute;
background-color: #EDDDB9;
padding: 5px;
left: -1000px;
visibility: hidden;
color: }

.thumbnail span img{border: 1px groove;padding: 2px;}

.thumbnail:hover span{
visibility: visible;
top: 180px;
left: 35px;
width: 200 px ; 174 px;}

.montablo2{
background-color: #E3BE68;
color: ;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius:8px;
padding: 10 px;
width: 200px;
height: 100px;}







ul, li{
  list-style: none;
}

.mon_onglet{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  color: ;
  background: #E3C888;
  border: 1px solid #DBB764;
  cursor: pointer;
  margin-bottom: -1px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;}

.mon_onglet:hover{
  background:#E3C888;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;}   

.mon_onglet_selected{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  color: ;
  background: #DBB764;
  border-top: 1px solid #DBB764;
  border-right: 1px solid #DBB764;
  border-left: 1px solid #DBB764;
  border-bottom: 1px solid #DBB764;
  cursor: pointer;
  margin-bottom: -1px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;  }
         
.clear{
  clear: both;
}

.mon_contenu{
  color: ;
  background: #E6D1A1;
  border: 2px solid #DBB764;
  padding: 2px;
  margin-left: -40px;       
-moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;    }

#mes_contenus, #mes_onglets{
  width: 100%;
  }

[* Flowine]

Bonsoir.
J'ai copié vos codes, mais dans le premier, l'auriez-vous en vierge? Car il y a tout votre texte et toutes vos images, ce qui fait que je dois tout enlever, je l'ai fait et voilà que rien ne marche comme je le voudrais, j'arrive à cliquer sur les deux premiers onglets, les deux derniers, rien. Donc si vous l'auriez, ça m'arrangerait, ça éviterait cette perte de temps immense et surtout, ça me permettrait d'organiser correctement et d'éviter d'effacer des choses utiles. Au moins, j'y ajoute mon texte et mes images, et le tour est pratiquement joué!

[La-Pouic-Team]

Bonsoir,
* Flowine >>De quels code parlez vous ?

[* Flowine]

Du premier que vous aviez posté le 19 septembre à 21h45, le message qui précède le miens. Soit:

Code:

<script src="http://pmsc.free.fr/J04/10918133120.js"></script><div id="mes_onglets">
    <ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Accueil & Staff</li>
        <li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Contexte & Video</li>
        <li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Annonce & Nouveauté</li>
        <li id="o_4" class="mon_onglet" onclick="changeOnglet(this);"> Nos partenaires</li>
        <div class="clear"><div id="mes_contenus">
    <div id="co_1" class="mon_contenu"><br><div style="text-align: center;"><img src="http://img11.hostingpics.net/pics/253638bienvenuye_sur_ubtf.png" alt="" border="0"><br></div><br><div style="text-align: center;"><a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank">&nbsp;


<br></a><span class="postlink"><img src="http://img7.hostingpics.net/pics/341175staff__seul.png" alt="" border="0"></span><a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank"><br><font size="3"><span style="font-weight: bold;">
</span></font></a><table>
<tbody>
<tr>
<td><div class="thumbnail"><div style="text-align: center;"><img alt="" src="http://img10.hostingpics.net/pics/515646staff_lehana.png" border="0"> &nbsp; &nbsp;<br></div><span><div class="tstaff" align="center">LÉHANA<br><br><font size="2">Fondatrice<br>Représentante de la volonté</font><br><br><img alt="" src="http://img10.hostingpics.net/pics/842416kiraa10_pt.jpg" border="0"><br><br><a href="http://unites-by-the-fate.forumactif.com/profile.forum?mode=viewprofile&amp;page_profil=contact&amp;u=3"><font size="2">♥ La contacter ♥</font></a><br></div></span></div></td>
<td><div class="thumbnail"><div style="text-align: center;"><img alt="" src="http://img10.hostingpics.net/pics/244065staff_ambre.png" border="0"> </div><span><div class="tstaff" align="center">AMBRE<br><br><font size="2">Fondatrice<br>Représente de la force</font><br><br>&nbsp;<img alt="" src="http://img10.hostingpics.net/pics/431313infobubule.jpg" border="0"><br><br><a href="http://unites-by-the-fate.forumactif.com/profile.forum?mode=viewprofile&amp;page_profil=contact&amp;u=1"><font size="2">♥ La contacter ♥</font></a></div></span></div></td>
<td><div class="thumbnail"><div style="text-align: center;"><img class="postlink" src="%3Ca%20href=" target="_blank" viewer.php?id="676940staff_Alizee.png&quot;" www.hostingpics.net="" http:=""><img alt="" src="http://img11.hostingpics.net/pics/676940staff_Alizee.png" border="0"> </div><span><div class="tstaff" align="center">&nbsp;<span style="font-weight: bold;"> </span>ALIZÉE<br><br><font size="2">Fondatrice <br>Représentante de la sagesse.<br>&amp; Designeuse Officiel.</font> <br><br>&nbsp;<img alt="" src="http://img11.hostingpics.net/pics/511177info_bulle_Alizee.jpg" border="0"><br><br><a href="http://unites-by-the-fate.forumactif.com/profile.forum?mode=viewprofile&amp;page_profil=contact&amp;u=2"><font size="2">♥ La contacter ♥</font></a></div></span></div></td></tr></tbody></table><font size="3"><a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank">
</a></font><p style="text-align: center;"><span class="postlink"><font size="3"><font size="3"><font size="2">( Passe ton curseur sur les images pour en savoir plus )</font></font></font></span><font size="3"><a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank"><font size="3"><span style="font-weight: bold;"><br></span></font></a></font></p></div>

<table style="text-align: center; margin-left: auto; margin-right: auto;" cellspacing="8">
<tbody>
<tr>
<td class="montablo2"><br>ATTENTION : Forum optimisé avec <a href="http://www.mozilla-europe.org/fr/firefox/">Mozillia Firefox</a> <br>Nous vous conseillons vivement de le téléchargé si votre navigateur par défaut n'est ni Internet Explorer ni Opéra<br>Design by Alizée,<br>&nbsp;alias <a href="http://unites-by-the-fate.forumactif.com/ateliers-f26/inspiration-t104.htm">Inspiration</a>.<br></td></tr></tbody></table>
</div>
</div>
    <div id="co_2" class="mon_contenu" style="display: none;"><div style="text-align: center;"><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/vGQRYXIxQ-E?fs=1&amp;hl=fr_FR"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always">
<embed src="http://www.youtube.com/v/vGQRYXIxQ-E?fs=1&amp;hl=fr_FR" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></object>
<br></div><br><div style="text-align: center;"><img src="http://img7.hostingpics.net/pics/652302contexte_2.png" border="0" alt="" /><br>"

</div></div>
    <div id="co_3" class="mon_contenu" style="display: none;"></a><br><br><br>
<table cellspacing="8">
<tbody>
<tr></tr></tbody></table>
<table cellspacing="8">
<tbody>
<tr>
<td class="montablo"><div style="text-align: center;"><font size="3">NOUVEAUTÉ:</font><br><br></div><div style="text-align: center;">Un RP collection à été lancé, que tous les participants se propose le plus tôt possible pour que nous puissions faire la liste des membres qui font partit du RP.<br>Ce Rp consistera à ce que plusieurs jeunes gens doté de pouvoir spéciaux mais incontrôlable, se rencontre par l'intermédiaire d'un rêve (Comment ? ). Ce sont des élus. Leur quêtes n'est pas encore trouvé et tout ceci est un vague récapitulatif des idées qui ont été émise et peu ainsi être modifier. Mais ceci, c'est à vous de le décidé, en vous joignant à nous ;)<br>Ensemble, nous créerons cette histoire, et l'écrirons. <br>Intéresser ? Alors <a href="http://unites-by-the-fate.forumactif.com/besoin-de-rp--f9/rp-collectif-t109.htm">clique ici</a>, pour plus d'info.<br><br><br></div></td>
<td class="montablo"><div style="text-align: center;"><font size="3">ANNONCE:<br></font></div><br>•&nbsp; Deux de lieutenants sont libres,dans les groupes de la force et la sagesse.<br>• Deux place de Medium sont libres.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br>• Trois place d’Infirmier sont libres. (En tout)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br>• Trois place pour les rôles des Esprit lié sont libres. ( Un Rp en cours)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br>• Cinq pégase, cinq licorne et deux<br>&nbsp;dragons sont disponible.<br>• Si vous souhaitez obtenir l’un des rôle important ci-contre, vous devrez rédiger un RP de minimum 10 lignes sur un thème que vous devrez choisir parmi une liste ( ~&gt; <a href="http://unites-by-the-fate.forumactif.com/reglement-et-histoire-du-forum-f3/les-roles-t17.htm">Voir rôles</a>) Vous devrez vous faire recenser dans la catégorie « flood » puis dans « Annonces » et enfin « recrutement»,vous devrez remplir un formulaire spécifique.<br><br></td>
<td><div style="text-align: center;"><a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank">&nbsp;
</a><br><br></div></td></tr></tbody></table>
</div>
    <div id="co_4" class="mon_contenu" style="display: none;"><p style="text-align: center;"><font size="3"><span style="font-weight: bold;"><br></span></font></p>
<p style="text-align: center;"><font size="3"><span style="font-weight: bold;">Partenaires:</span></font></p><div style="text-align: left;"><div style="text-align: center;"><a class="postlink" href="http://beginning-of-magic.forumactif.org/" target="_blank"><span style="text-decoration: underline;"><span class="postbody"></span></span></a><a class="postlink" href="http://world-of-harrypotter.forumactif.com/" target="_blank"><span style="text-decoration: underline;"></span></a><a class="postlink" href="http://world-of-harrypotter.forumactif.com/" target="_blank"><span style="text-decoration: underline;"></span></a><a class="postlink" href="http://life-animal-magic.forumactif.com/" target="_blank"><span style="text-decoration: underline;"></span></a></div><div style="text-align: center;"><a class="postlink" href="http://beginning-of-magic.forumactif.org/" target="_blank"><img alt="" src="http://i30.servimg.com/u/f30/14/40/95/06/parten10.png" border="0"></a><a class="postlink" href="http://life-animal-magic.forumactif.com/" target="_blank"><img alt="" src="http://i62.servimg.com/u/f62/14/92/85/91/bouton11.jpg" border="0"></a><a class="postlink" href="http://http//roilion-liveyourlife.forumactif.org/forum.htm" target="_blank"><img alt="" src="http://i20.servimg.com/u/f20/14/40/95/06/roi_li10.png" border="0"></a><a class="postlink" href="http://lgdc-new.forumactif.com/forum.htm" target="_blank"><img alt="" src="http://i27.servimg.com/u/f27/15/57/33/70/22006310.png" border="0"></a><br><a class="postlink" href="http://world-of-harrypotter.forumactif.com/" target="_blank"><img alt="" src="http://i30.servimg.com/u/f30/14/40/95/06/93521110.gif" border="0"></a><a class="postlink" href="http://paysage-onirique.skyrock.com/" target="_blank"><img alt="" src="http://i21.servimg.com/u/f21/15/21/20/69/bouton10.jpg" border="0"></a><a class="postlink" href="http://twilight--story.forumactif.org/" target="_blank"><img alt="" src="http://i84.servimg.com/u/f84/12/34/02/53/bouton14.gif" border="0"></a><a href="http://irreversible.purforum.com/forum.htm" class="postlink" target="_blank"><img src="http://img841.imageshack.us/img841/8486/boutonpubcopy.png" border="0" alt="" /></a><br><a class="postlink" href="http://narnialand.superforum.fr/" target="_blank"><img alt="" src="http://i20.servimg.com/u/f20/14/40/95/06/2nbyl210.jpg" border="0"></a><a class="postlink" href="http://malediction-new-life.forumactif.com/index.htm" target="_blank"><img alt="" src="http://nsa15.casimages.com/img/2010/06/06/100606062837164972.jpg" border="0"></a><a class="postlink" href="http://the-rebirth-of-the-w.forumactif.com/index.htm" target="_blank"><img alt="" src="http://i36.servimg.com/u/f36/15/06/61/49/the-re10.gif" border="0"></a><br><a class="postlink" href="http://instants-magiques.forumactif.com/" target="_blank"><img alt="" src="http://i60.servimg.com/u/f60/14/40/95/06/bouton14.jpg" border="0"></a><a class="postlink" href="http://bound-by-the-magic.forumactif.com/" target="_blank"><img alt="" src="http://img10.hostingpics.net/pics/359307bouton.jpg" border="0"></a><a href="http://hysteria.forums-actifs.net/" class="postlink" target="_blank"><img src="http://i36.servimg.com/u/f36/15/36/65/56/lier110.png" alt="" border="0"></a></div></div>
<table style="z-index: 10000; position: fixed; background-color: rgb(255, 255, 255); bottom: 50px; left: 0px;">
<tbody>
<tr>
<td><iframe style="width: 800px; display: none; height: 400px;" id="chatboxpop" marginheight="0" src="/chatbox/chatbox.forum?page=front&amp;" marginwidth="0" frameborder="0" scrolling="no"></iframe><br></td>
<td style="background-color: rgb(227, 197, 127); vertical-align: bottom;"><img 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';" src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png"></td></tr></tbody></table>
<table style="text-align: center; margin-left: auto; margin-right: auto;" cellspacing="8">
<tbody>
<tr></div>
</div></ul>

[La-Pouic-Team]

LOL Non ça c'était pour qu'Isolde puisse m'aidé ^^'
En faite, là c'est la PA que j'ai construite pour mon forum, et à chaque fois je lui redonne le code ( car il change) pour qu'elle puisse me dire ce qui ne va pas dedans ou alors ou rajouté ce que je voudrais rajouté

Vous, c'est celui-ci que vous devez ajouter LOL

Code:

<div id="mes_onglets">
   <ul>
      <li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Onglet 1</li>
      <li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Onglet 2</li>
      <li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Onglet 3</li>
      <li id="o_4" class="mon_onglet" onclick="changeOnglet(this);">Onglet 4</li>
      <li class="mon_onglet"><a href="http://www.google.fr" target="_blank">Lien</a></li>
      <div class="clear"></div>
   </ul>
</div>
<div id="mes_contenus">
   <div id="co_1" class="mon_contenu">Mon contenu 1</div>
   <div id="co_2" class="mon_contenu" style="display: none;">Mon contenu 2</div>
   <div id="co_3" class="mon_contenu" style="display: none;">Mon contenu 3</div>
   <div id="co_4" class="mon_contenu" style="display: none;">Mon contenu 4</div>
</div>

Isolde >> Gros problème, les utilisateurs d'Internet Explorer ne voit pas du tout correctement la PA : Il doivent passé par partenaire pour parfois accèder au forum ... Sur Mozillia ça marche super bien (Y) Mais sur Internet Explorer tout foire ... je ne comprend pas !! depuis le plupart des membres utilise Internet Explorer alors ... O.O

[* Flowine]

Donc j'ai fais ça, et je vois l'endroit où tu écris faire un long rectangle beige, qui sors même du cadre de la page d'accueil. Je n'aime pas.
Ensuite, je peux juste cliquer sur le premier onglet, qui est donc plus foncé, les autres, j'ai beau cliqué dessus, ils rentent intactes et donc, on ne voit pas ce qu'ils contiennent (rien ^^)

[La-Pouic-Team]

Tiens, ça, ça marchera mieux : ( En faite il faut rajouté le fichier javascript, mais je pensais que tu allais le faire )

Code:

<script src="http://pmsc.free.fr/J04/10918133120.js"></script><div id="mes_onglets">
    <ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Onglet 1</li>
        <li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Onglet 2</li>
        <li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Onglet 3</li>
        <li id="o_4" class="mon_onglet" onclick="changeOnglet(this);">Onglet 4</li>
        <div class="clear"><div id="mes_contenus">
    <div id="co_1" class="mon_contenu">Mon contenu 1</div>
    <div id="co_2" class="mon_contenu" style="display: none;">Mon contenu 2</div>
    <div id="co_3" class="mon_contenu" style="display: none;">Mon contenu 3</div>
    <div id="co_4" class="mon_contenu" style="display: none;">Mon contenu 4</div>
</div></ul>

Pour l'histoire du cadre beige qui sort de la PA tu modifie ça dans ta fiche CSS ...
Dans blackground tu modifie la couleur beige, si tu ne la veut pas.
Pour la taille, tu veux que ton onglet occupe toute la page d'acceuil ou seulement la taille que tu désire ?

[Invité]

Bonsoir,

La-Pouic-Team, j'ai trouvé ce qui clochait! Un tableau ouvert et pas fermé trainait au milieu du code
Voici la version du message d'acceuil corrigée :

Code:

<script src="http://pmsc.free.fr/J04/10918133120.js" type="text/javascript" /></script><div id="mes_onglets">
    <ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Accueil & Staff</li>
        <li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Contexte & Video</li>
        <li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Annonce & Nouveauté</li>
        <li id="o_4" class="mon_onglet" onclick="changeOnglet(this);"> Nos partenaires</li></ul><div class="clear"><div id="mes_contenus"><div id="co_1" class="mon_contenu">
<div style="text-align: center;"><img src="http://img11.hostingpics.net/pics/253638bienvenuye_sur_ubtf.png" alt="" border="0">
</div>
<br/><div style="text-align: center;">
<a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank">&nbsp;

</a>
<span class="postlink"><img src="http://img7.hostingpics.net/pics/341175staff__seul.png" alt="" border="0"></span>
<a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank">

<font size="3"><span style="font-weight: bold;"></span></font></a>
<table><tbody><tr>
<td><div class="infobulle"><div style="text-align: center;">
<img alt="" src="http://img10.hostingpics.net/pics/515646staff_lehana.png" border="0"> &nbsp; &nbsp;
</div>
<span><div class="tstaff" align="center">LÉHANA


<font size="2">Fondatrice

Représentante de la volonté</font>


<img alt="" src="http://img10.hostingpics.net/pics/842416kiraa10_pt.jpg" border="0">


<a href="http://unites-by-the-fate.forumactif.com/profile.forum?mode=viewprofile&page_profil=contact&u=3">
<font size="2">? La contacter ?</font></a>
</div></span></div></td>
<td><div class="infobulle"><div style="text-align: center;">
<img alt="" src="http://img10.hostingpics.net/pics/244065staff_ambre.png" border="0"></div>
<span><div class="tstaff" align="center">AMBRE


<font size="2">Fondatrice

Représente de la force&nbsp;</font><br/><br/>
<img alt="" src="http://img10.hostingpics.net/pics/431313infobubule.jpg" border="0">


<a href="http://unites-by-the-fate.forumactif.com/profile.forum?mode=viewprofile&page_profil=contact&u=1">
<font size="2">? La contacter ?</font></a></div></span></div></td>
<td><div class="infobulle"><div style="text-align: center;">
<img alt="" src="http://img11.hostingpics.net/pics/676940staff_Alizee.png" border="0"></div><span><div class="tstaff" align="center">&nbsp;
<span style="font-weight: bold;"></span>ALIZÉE


<font size="2">Fondatrice<br/>
Représentante de la sagesse.&

Designeuse Officiel.&</font>


<img alt="" src="http://img11.hostingpics.net/pics/511177info_bulle_Alizee.jpg" border="0">


<a href="http://unites-by-the-fate.forumactif.com/profile.forum?mode=viewprofile&page_profil=contact&u=2">
<font size="2">? La contacter ?</font></a></div></span></div></td></tr></tbody></table>
<font size="3"><a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank">
</a></font>
<p style="text-align: center;"><span class="postlink">
<font size="2">( Passe ton curseur sur les images pour en savoir plus )</font></span>
<font size="3"><a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank">
<font size="3"><span style="font-weight: bold;">
</span></font></a></font></p></div>

<table style="text-align: center; margin-left: auto; margin-right: auto;" cellspacing="8"><tbody><tr>
<td class="montablo2">
ATTENTION : Forum optimisé avec <a href="http://www.mozilla-europe.org/fr/firefox/">Mozillia Firefox</a>

Nous vous conseillons vivement de le téléchargé si votre navigateur par défaut n'est ni Internet Explorer ni Opéra

Design by Alizée,

&nbsp;alias <a href="http://unites-by-the-fate.forumactif.com/ateliers-f26/inspiration-t104.htm">Inspiration</a>.

</td></tr></tbody></table>
</div>
</div><div id="co_2" class="mon_contenu" style="display: none;"><div style="text-align: center;">
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/vGQRYXIxQ-E?fs=1&hl=fr_FR"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always">
<embed src="http://www.youtube.com/v/vGQRYXIxQ-E?fs=1&hl=fr_FR" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></object>

</div>
<div style="text-align: center;"><img src="http://img7.hostingpics.net/pics/652302contexte_2.png" border="0" alt="" />

</div></div><div id="co_3" class="mon_contenu" style="display: none;"></a>



<table cellspacing="8"><tbody><tr>
<td class="montablo"><div style="text-align: center;"><font size="3">NOUVEAUTÉ:</font>

</div><div style="text-align: center;">Un RP collection à été lancé, que tous les participants se propose le plus tôt possible pour que nous puissions faire la liste des membres qui font partit du RP.

Ce Rp consistera à ce que plusieurs jeunes gens doté de pouvoir spéciaux mais incontrôlable, se rencontre par l'intermédiaire d'un rêve (Comment ? ). Ce sont des élus. Leur quêtes n'est pas encore trouvé et tout ceci est un vague récapitulatif des idées qui ont été émise et peu ainsi être modifier. Mais ceci, c'est à vous de le décidé, en vous joignant à nous ;)

Ensemble, nous créerons cette histoire, et l'écrirons.

Intéresser ? Alors <a href="http://unites-by-the-fate.forumactif.com/besoin-de-rp--f9/rp-collectif-t109.htm">clique ici</a>, pour plus d'info.



</div></td>
<td class="montablo"><div style="text-align: center;"><font size="3">ANNONCE:
</font></div>

•&nbsp; Deux de lieutenants sont libres,dans les groupes de la force et la sagesse.

• Deux place de Medium sont libres.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br/>
• Trois place d’Infirmier sont libres. (En tout)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

• Trois place pour les rôles des Esprit lié sont libres. ( Un Rp en cours)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

• Cinq pégase, cinq licorne et deux

&nbsp;dragons sont disponible.

• Si vous souhaitez obtenir l’un des rôle important ci-contre, vous devrez rédiger un RP de minimum 10 lignes sur un thème que vous devrez choisir parmi une liste ( ~> <a href="http://unites-by-the-fate.forumactif.com/reglement-et-histoire-du-forum-f3/les-roles-t17.htm">Voir rôles</a>) Vous devrez vous faire recenser dans la catégorie « flood » puis dans « Annonces » et enfin « recrutement»,vous devrez remplir un formulaire spécifique.

</td>
<td><div style="text-align: center;"><a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank">&nbsp;
</a>

</div></td></tr></tbody></table></div><div id="co_4" class="mon_contenu" style="display: none;">
<p style="text-align: center;"><font size="3"><span style="font-weight: bold;">
</span></font></p>
<p style="text-align: center;"><font size="3"><span style="font-weight: bold;">Partenaires:</span></font></p><div style="text-align: left;"><div style="text-align: center;">
<a class="postlink" href="http://beginning-of-magic.forumactif.org/" target="_blank">
<span style="text-decoration: underline;">
<span class="postbody"></span></span></a>
<a class="postlink" href="http://world-of-harrypotter.forumactif.com/" target="_blank">
<span style="text-decoration: underline;"></span></a>
<a class="postlink" href="http://world-of-harrypotter.forumactif.com/" target="_blank">
<span style="text-decoration: underline;"></span></a>
<a class="postlink" href="http://life-animal-magic.forumactif.com/" target="_blank">
<span style="text-decoration: underline;"></span></a></div><div style="text-align: center;">
<a class="postlink" href="http://beginning-of-magic.forumactif.org/" target="_blank">
<img alt="" src="http://i30.servimg.com/u/f30/14/40/95/06/parten10.png" border="0"></a>
<a class="postlink" href="http://life-animal-magic.forumactif.com/" target="_blank">
<img alt="" src="http://i62.servimg.com/u/f62/14/92/85/91/bouton11.jpg" border="0"></a>
<a class="postlink" href="http://http//roilion-liveyourlife.forumactif.org/forum.htm" target="_blank">
<img alt="" src="http://i20.servimg.com/u/f20/14/40/95/06/roi_li10.png" border="0"></a>
<a class="postlink" href="http://lgdc-new.forumactif.com/forum.htm" target="_blank">
<img alt="" src="http://i27.servimg.com/u/f27/15/57/33/70/22006310.png" border="0"></a>

<a class="postlink" href="http://world-of-harrypotter.forumactif.com/" target="_blank">
<img alt="" src="http://i30.servimg.com/u/f30/14/40/95/06/93521110.gif" border="0"></a>
<a class="postlink" href="http://paysage-onirique.skyrock.com/" target="_blank">
<img alt="" src="http://i21.servimg.com/u/f21/15/21/20/69/bouton10.jpg" border="0"></a>
<a class="postlink" href="http://twilight--story.forumactif.org/" target="_blank">
<img alt="" src="http://i84.servimg.com/u/f84/12/34/02/53/bouton14.gif" border="0"></a>
<a href="http://irreversible.purforum.com/forum.htm" class="postlink" target="_blank">
<img src="http://img841.imageshack.us/img841/8486/boutonpubcopy.png" border="0" alt="" /></a>

<a class="postlink" href="http://narnialand.superforum.fr/" target="_blank">
<img alt="" src="http://i20.servimg.com/u/f20/14/40/95/06/2nbyl210.jpg" border="0"></a>
<a class="postlink" href="http://malediction-new-life.forumactif.com/index.htm" target="_blank">
<img alt="" src="http://nsa15.casimages.com/img/2010/06/06/100606062837164972.jpg" border="0"></a>
<a class="postlink" href="http://the-rebirth-of-the-w.forumactif.com/index.htm" target="_blank">
<img alt="" src="http://i36.servimg.com/u/f36/15/06/61/49/the-re10.gif" border="0"></a><br/>
<a class="postlink" href="http://instants-magiques.forumactif.com/" target="_blank">
<img alt="" src="http://i60.servimg.com/u/f60/14/40/95/06/bouton14.jpg" border="0"></a>
<a class="postlink" href="http://bound-by-the-magic.forumactif.com/" target="_blank">
<img alt="" src="http://img10.hostingpics.net/pics/359307bouton.jpg" border="0"></a>
<a href="http://hysteria.forums-actifs.net/" class="postlink" target="_blank">
<img src="http://i36.servimg.com/u/f36/15/36/65/56/lier110.png" alt="" border="0"></a></div></div>
<table style="z-index: 10000; position: fixed; background-color: rgb(255, 255, 255); bottom: 50px; left: 0px;"><tbody><tr>
<td><iframe style="width: 800px; display: none; height: 400px;" id="chatboxpop" marginheight="0" src="/chatbox/chatbox.forum?page=front&" marginwidth="0" frameborder="0" scrolling="no"></iframe>
</td>
<td style="background-color: rgb(227, 197, 127); vertical-align: bottom;"><img 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';" src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png"></td></tr></tbody></table>
</div>
</div>

Et la feuille CSS elle aussi corrigée:

Code:

a:hover{text-transform:uppercase;}

.traits{
border-bottom: 4px solid #000000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.forumlink {text-shadow: #000000 0px 1px 1px;}
a.forumlink {text-shadow: #000000 0px 1px 1px;}
a.forumlink:hover {text-shadow: #000000 0px 1px 1px;}

.post .name{text-shadow: #000000 1px 1px 2px;}

.gensmall {text-shadow: #7D7465 1px 1px 8px;}


.montablo{
background-color: #E3BE68;
color: #825810;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
padding: 20px;
width:300px;
height:270px;}

.tstaff{font-size:2 em;}

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

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

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

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

.infobulle:hover span{
visibility: visible;
top: 180px;
left: 35px;
width: 200 px ; 174 px;}

.montablo2{
background-color: #E3BE68;
color: ;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius:8px;
padding: 10 px;
width: 200px;
height: 100px;}

ul, li{
  list-style: none;
}

.mon_onglet{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  color: ;
  background: #E3C888;
  border: 1px solid #DBB764;
  cursor: pointer;
  margin-bottom: -1px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;}

.mon_onglet:hover{
  background:#E3C888;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;} 

.mon_onglet_selected{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  color: ;
  background: #DBB764;
  border-top: 1px solid #DBB764;
  border-right: 1px solid #DBB764;
  border-left: 1px solid #DBB764;
  border-bottom: 1px solid #DBB764;
  cursor: pointer;
  margin-bottom: -1px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;  }
       
.clear{
  clear: both;
}

.mon_contenu{
  color: ;
  background: #E6D1A1;
  border: 2px solid #DBB764;
  padding: 2px;   
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;    }

#mes_contenus, #mes_onglets{
  width: 100%;
  }

Pour les arrondis, ils ne s'affichent pas avec internet explorer , du moins pas pour le moment, il faudra attendre un nouvelle version du navigateur.

Amicalement.

[* Flowine]

Le cadre sort toujours de la page d'accueil.

[Lixyr]

Link, c'est le cadre qui "brille", que tu veux ? Dans ce cas il faut rajouter un

Code:

-moz-box-shadow: 1px 1px 1px #FEFEFE;

dans le css. Dans cette partie là :

" .my_cat_style{ quelque part ici avec le reste "

Si c'est pour avoir des onglets, tu n'as qu'à suivre plus haut.

[b2uty]

Bonsoir, esque quelqu'un sait comment on met un espace entre les onglets?
comme ceci :

[Invité]

Bonjour,

Pour l'écartement des onglets cherchez les "margin-right: XXpx;" dans le code et remplacez les par "margin: XXpx;" . Puis otez le "margin-bottom: -1px;" normalement cela va écarter les onglets et le contenu.

Cordialement.

[La-Pouic-Team]

Bonjours,
Aïe aïe maintenant ce sont les infobulles qui ne marche plus ! ( MDR )

Mon code CSS en entier :

Code:

a:hover{text-transform:uppercase;}

.traits{
border-bottom: 4px solid #000000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.forumlink {text-shadow: #000000 0px 1px 1px;}
a.forumlink {text-shadow: #000000 0px 1px 1px;}
a.forumlink:hover {text-shadow: #000000 0px 1px 1px;}

.post .name{text-shadow: #000000 1px 1px 2px;}

.gensmall {text-shadow: #7D7465 1px 1px 8px;}


.montablo{
background-color: #E3BE68;
color: #825810;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
padding: 20px;
width:300px;
height:270px;}

.tstaff{font-size:2 em;}

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

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

.thumbnail span{
position: absolute;
background-color: #EDDDB9;
padding: 5px;
left: -1000px;
visibility: hidden;
color: }

.thumbnail span img{border: 1px groove;padding: 2px;}

.thumbnail:hover span{
visibility: visible;
top: 180px;
left: 35px;
width: 200 px ; 174 px;}

.montablo2{
background-color: #E3BE68;
color: ;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius:8px;
padding: 10 px;
width: 200px;
height: 100px;}







ul, li{
  list-style: none;
}

.mon_onglet{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  color: ;
  background: #E3C888;
  border: 1px solid #DBB764;
  cursor: pointer;
  margin-bottom: -1px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;}

.mon_onglet:hover{
  background:#E3C888;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;}   

.mon_onglet_selected{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  color: ;
  background: #DBB764;
  border-top: 1px solid #DBB764;
  border-right: 1px solid #DBB764;
  border-left: 1px solid #DBB764;
  border-bottom: 1px solid #DBB764;
  cursor: pointer;
  margin-bottom: -1px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;  }
         
.clear{
  clear: both;
}

.mon_contenu{
  color: ;
  background: #E6D1A1;
  border: 2px solid #DBB764;
  padding: 2px;
  margin-left: -40px;       
-moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;    }

#mes_contenus, #mes_onglets{
  width: 100%;
  }

Vu que vous êtes en ligne, je laisse le coic sur la PA ...

[Invité]

Bonsoir,

C'es logique . J'ai corrigé des petites bêtises dans la feuille CSS, l'avez-vous changée?

La voilà en entier:

Code:

a:hover{text-transform:uppercase;}

.traits{
border-bottom: 4px solid #000000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.forumlink {text-shadow: #000000 0px 1px 1px;}
a.forumlink {text-shadow: #000000 0px 1px 1px;}
a.forumlink:hover {text-shadow: #000000 0px 1px 1px;}

.post .name{text-shadow: #000000 1px 1px 2px;}

.gensmall {text-shadow: #7D7465 1px 1px 8px;}


.montablo{
background-color: #E3BE68;
color: #825810;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
padding: 20px;
width:300px;
height:270px;}

.tstaff{font-size:2 em;}

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

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

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

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

.infobulle:hover span{
visibility: visible;
top: 180px;
left: 35px;
width: 200 px ; 174 px;}

.montablo2{
background-color: #E3BE68;
color: ;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius:8px;
padding: 10 px;
width: 200px;
height: 100px;}

ul, li{
  list-style: none;
}

.mon_onglet{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  color: ;
  background: #E3C888;
  border: 1px solid #DBB764;
  cursor: pointer;
  margin-bottom: -1px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;}

.mon_onglet:hover{
  background:#E3C888;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;}

.mon_onglet_selected{
  float: left;
  padding: 2px 10px;
  margin-right: 5px;
  color: ;
  background: #DBB764;
  border-top: 1px solid #DBB764;
  border-right: 1px solid #DBB764;
  border-left: 1px solid #DBB764;
  border-bottom: 1px solid #DBB764;
  cursor: pointer;
  margin-bottom: -1px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;  }
     
.clear{
  clear: both;
}

.mon_contenu{
  color: ;
  background: #E6D1A1;
  border: 2px solid #DBB764;
  padding: 2px; 
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;    }

#mes_contenus, #mes_onglets{
  width: 100%;
  }

[b2uty]

Merci l'espace est bien là, mais les catégorie se mettent sur le coté
au lieu de rester droit mintenant :

[La-Pouic-Team]

Walala >.< Pauvre petit moi --' je suis débile ou quoi >.< J'arrive à rien ( Vous êtes vraiment trop forte >.<)
J'ai vu les infobulle n'était plus de la bonne taille et que leur contenu était ... f'in yavais plus d'espace ni de retour à la ligne quoi ... Du coup je suis allé dans Htlm et j'ai sauter des lignes et tous, f'in comme il fallait quoi. Mais là ... >.< Bref, regadez, il n'y a que l'infobulle du milieu est comme elle devrait ...

Code:


<div id="mes_onglets">
    <ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Accueil & Staff</li>
        <li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Contexte & Video</li>
        <li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Annonce & Nouveauté</li>
        <li id="o_4" class="mon_onglet" onclick="changeOnglet(this);"> Nos partenaires</li></ul><div class="clear"><div id="mes_contenus"><div id="co_1" class="mon_contenu"><div style="text-align: center;"><img src="http://img11.hostingpics.net/pics/253638bienvenuye_sur_ubtf.png" alt="" border="0">
</div>
<br><div style="text-align: center;">
<a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank">&nbsp;

</a>
<span class="postlink"><img src="http://img7.hostingpics.net/pics/341175staff__seul.png" alt="" border="0"></span>
<a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank">

<font size="3"><span style="font-weight: bold;"></span></font></a>
<table><tbody><tr>
<td><div class="infobulle"><div style="text-align: center;">
<img alt="" src="http://img10.hostingpics.net/pics/515646staff_lehana.png" border="0"> &nbsp; &nbsp;
</div>
<span><div class="tstaff" align="center">LÉHANA<br>&nbsp;<font size="2">Fondatrice
<br>
Représentante de</font><span><font size="2"> la volonté<br><br></font></span><font size="2">&nbsp;</font>


<img alt="" src="http://img10.hostingpics.net/pics/842416kiraa10_pt.jpg" border="0">


<a href="http://unites-by-the-fate.forumactif.com/profile.forum?mode=viewprofile&page_profil=contact&u=3">
</a><br><br><a href="http://unites-by-the-fate.forumactif.com/profile.forum?mode=viewprofile&page_profil=contact&u=3"><font size="2">♥ La contacter ♥</font></a>
</div></span></div></td>
<td><div class="infobulle"><div style="text-align: center;">
<img alt="" src="http://img10.hostingpics.net/pics/244065staff_ambre.png" border="0"></div>
<span><div class="tstaff" align="center">AMBRE
<br>

<font size="2">Fondatrice

<br>Représente de la force&nbsp;</font><br><br>
<img alt="" src="http://img10.hostingpics.net/pics/431313infobubule.jpg" border="0">


<a href="http://unites-by-the-fate.forumactif.com/profile.forum?mode=viewprofile&page_profil=contact&u=1">
</a><br><br><a href="http://unites-by-the-fate.forumactif.com/profile.forum?mode=viewprofile&page_profil=contact&u=1"><font size="2">♥ La contacter ♥<br></font></a></div></span></div></td>
<td><div class="infobulle"><div style="text-align: center;">
<img alt="" src="http://img11.hostingpics.net/pics/676940staff_Alizee.png" border="0"></div><span><div class="tstaff" align="center">&nbsp;
<span style="font-weight: bold;"></span>ALIZÉE


<font size="2"><br>Fondatrice<br>
Représentante de la sagesse.<br>&

Designeuse Officiel.</font>


<img alt="" src="http://img11.hostingpics.net/pics/511177info_bulle_Alizee.jpg" border="0">
<br><br><a href="http://unites-by-the-fate.forumactif.com/profile.forum?mode=viewprofile&page_profil=contact&u=2"><font size="2">♥ La contacter ♥<br></font></a></div></span></div></td></tr></tbody></table>
<font size="3"><a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank">
</a></font>
<p style="text-align: center;"><span class="postlink">
<font size="2">( Passe ton curseur sur les images pour en savoir plus )</font></span>
<font size="3"><a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank">
<font size="3"><span style="font-weight: bold;">
</span></font></a></font></p></div>

<table style="text-align: center; margin-left: auto; margin-right: auto;" cellspacing="8"><tbody><tr>
<td class="montablo2">
ATTENTION : Forum optimisé avec <a href="http://www.mozilla-europe.org/fr/firefox/">Mozillia Firefox</a>

Nous vous conseillons vivement de le téléchargé si votre navigateur par défaut n'est ni Internet Explorer ni Opéra

Design by Alizée,

&nbsp;alias <a href="http://unites-by-the-fate.forumactif.com/ateliers-f26/inspiration-t104.htm">Inspiration</a>.

</td></tr></tbody></table>
</div>
</div><div id="co_2" class="mon_contenu" style="display: none;"><div style="text-align: center;">
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/vGQRYXIxQ-E?fs=1&hl=fr_FR"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always">
<embed src="http://www.youtube.com/v/vGQRYXIxQ-E?fs=1&hl=fr_FR" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></object>

</div><div style="text-align: center;"><img src="http://img7.hostingpics.net/pics/652302contexte_2.png" alt="" border="0">

</div></div><div id="co_3" class="mon_contenu" style="display: none;">



<table cellspacing="8"><tbody><tr>
<td class="montablo"><div style="text-align: center;"><font size="3">NOUVEAUTÉ:</font>

</div><div style="text-align: center;">Un RP collection à été lancé, que tous les participants se propose le plus tôt possible pour que nous puissions faire la liste des membres qui font partit du RP.

Ce Rp consistera à ce que plusieurs jeunes gens doté de pouvoir spéciaux mais incontrôlable, se rencontre par l'intermédiaire d'un rêve (Comment ? ). Ce sont des élus. Leur quêtes n'est pas encore trouvé et tout ceci est un vague récapitulatif des idées qui ont été émise et peu ainsi être modifier. Mais ceci, c'est à vous de le décidé, en vous joignant à nous ;)

Ensemble, nous créerons cette histoire, et l'écrirons.

Intéresser ? Alors <a href="http://unites-by-the-fate.forumactif.com/besoin-de-rp--f9/rp-collectif-t109.htm">clique ici</a>, pour plus d'info.



</div></td>
<td class="montablo"><div style="text-align: center;"><font size="3">ANNONCE:
</font></div>

•&nbsp; Deux de lieutenants sont libres,dans les groupes de la force et la sagesse.

• Deux place de Medium sont libres.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br>
• Trois place d’Infirmier sont libres. (En tout)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

• Trois place pour les rôles des Esprit lié sont libres. ( Un Rp en cours)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

• Cinq pégase, cinq licorne et deux

&nbsp;dragons sont disponible.

• Si vous souhaitez obtenir l’un des rôle important ci-contre, vous devrez rédiger un RP de minimum 10 lignes sur un thème que vous devrez choisir parmi une liste ( ~> <a href="http://unites-by-the-fate.forumactif.com/reglement-et-histoire-du-forum-f3/les-roles-t17.htm">Voir rôles</a>) Vous devrez vous faire recenser dans la catégorie « flood » puis dans « Annonces » et enfin « recrutement»,vous devrez remplir un formulaire spécifique.

</td>
<td><div style="text-align: center;"><a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank">&nbsp;
</a>

</div></td></tr></tbody></table></div><div id="co_4" class="mon_contenu" style="display: none;">
<p style="text-align: center;"><font size="3"><span style="font-weight: bold;">
</span></font></p>
<p style="text-align: center;"><font size="3"><span style="font-weight: bold;">Partenaires:</span></font></p><div style="text-align: left;"><div style="text-align: center;">
<a class="postlink" href="http://beginning-of-magic.forumactif.org/" target="_blank">
<span style="text-decoration: underline;">
<span class="postbody"></span></span></a>
<a class="postlink" href="http://world-of-harrypotter.forumactif.com/" target="_blank">
<span style="text-decoration: underline;"></span></a>
<a class="postlink" href="http://world-of-harrypotter.forumactif.com/" target="_blank">
<span style="text-decoration: underline;"></span></a>
<a class="postlink" href="http://life-animal-magic.forumactif.com/" target="_blank">
<span style="text-decoration: underline;"></span></a></div><div style="text-align: center;">
<a class="postlink" href="http://beginning-of-magic.forumactif.org/" target="_blank">
<img alt="" src="http://i30.servimg.com/u/f30/14/40/95/06/parten10.png" border="0"></a>
<a class="postlink" href="http://life-animal-magic.forumactif.com/" target="_blank">
<img alt="" src="http://i62.servimg.com/u/f62/14/92/85/91/bouton11.jpg" border="0"></a>
<a class="postlink" href="http://http//roilion-liveyourlife.forumactif.org/forum.htm" target="_blank">
<img alt="" src="http://i20.servimg.com/u/f20/14/40/95/06/roi_li10.png" border="0"></a>
<a class="postlink" href="http://lgdc-new.forumactif.com/forum.htm" target="_blank">
<img alt="" src="http://i27.servimg.com/u/f27/15/57/33/70/22006310.png" border="0"></a>

<a class="postlink" href="http://world-of-harrypotter.forumactif.com/" target="_blank">
<img alt="" src="http://i30.servimg.com/u/f30/14/40/95/06/93521110.gif" border="0"></a>
<a class="postlink" href="http://paysage-onirique.skyrock.com/" target="_blank">
<img alt="" src="http://i21.servimg.com/u/f21/15/21/20/69/bouton10.jpg" border="0"></a>
<a class="postlink" href="http://twilight--story.forumactif.org/" target="_blank">
<img alt="" src="http://i84.servimg.com/u/f84/12/34/02/53/bouton14.gif" border="0"></a>
<a href="http://irreversible.purforum.com/forum.htm" class="postlink" target="_blank">
<img src="http://img841.imageshack.us/img841/8486/boutonpubcopy.png" alt="" border="0"></a>

<a class="postlink" href="http://narnialand.superforum.fr/" target="_blank">
<img alt="" src="http://i20.servimg.com/u/f20/14/40/95/06/2nbyl210.jpg" border="0"></a>
<a class="postlink" href="http://malediction-new-life.forumactif.com/index.htm" target="_blank">
<img alt="" src="http://nsa15.casimages.com/img/2010/06/06/100606062837164972.jpg" border="0"></a>
<a class="postlink" href="http://the-rebirth-of-the-w.forumactif.com/index.htm" target="_blank">
<img alt="" src="http://i36.servimg.com/u/f36/15/06/61/49/the-re10.gif" border="0"></a><br>
<a class="postlink" href="http://instants-magiques.forumactif.com/" target="_blank">
<img alt="" src="http://i60.servimg.com/u/f60/14/40/95/06/bouton14.jpg" border="0"></a>
<a class="postlink" href="http://bound-by-the-magic.forumactif.com/" target="_blank">
<img alt="" src="http://img10.hostingpics.net/pics/359307bouton.jpg" border="0"></a>
<a href="http://hysteria.forums-actifs.net/" class="postlink" target="_blank">
<img src="http://i36.servimg.com/u/f36/15/36/65/56/lier110.png" alt="" border="0"></a></div></div>
<table style="z-index: 10000; position: fixed; background-color: rgb(255, 255, 255); bottom: 50px; left: 0px;"><tbody><tr>
<td><iframe style="width: 800px; display: none; height: 400px;" id="chatboxpop" marginheight="0" src="/chatbox/chatbox.forum?page=front&" marginwidth="0" frameborder="0" scrolling="no"></iframe>
</td>
<td style="background-color: rgb(227, 197, 127); vertical-align: bottom;"><img 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';" src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png"></td></tr></tbody></table>
</div>
</div>
</div>

Je viens de découvrir que les onglets ne réponde plus non plus !! >.<

[Invité]

J'y perds mon latin avec toutes ces questions qui s'entrecroisent ...

La-Pouic-Team, essayez comme ceci pour le message de page d'accueil:

Code:

<script src="http://pmsc.free.fr/J04/10918133120.js" type="text/javascript" /></script>
<div id="mes_onglets">
    <ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Accueil & Staff</li>
        <li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Contexte & Video</li>
        <li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Annonce & Nouveauté</li>
        <li id="o_4" class="mon_onglet" onclick="changeOnglet(this);"> Nos partenaires</li></ul>
<div class="clear">
<div id="mes_contenus">
<div id="co_1" class="mon_contenu">

<div style="text-align: center;"><img src="http://img11.hostingpics.net/pics/253638bienvenuye_sur_ubtf.png" alt="" border="0">
</div>
<br/>
<div style="text-align: center;">
<a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank">&nbsp;

</a>
<span class="postlink"><img src="http://img7.hostingpics.net/pics/341175staff__seul.png" alt="" border="0"></span>
<a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank">

<font size="3"><span style="font-weight: bold;"></span></font></a>
<table><tbody><tr>

<td><div class="infobulle">
<div style="text-align: center;">
<img alt="" src="http://img10.hostingpics.net/pics/515646staff_lehana.png" border="0"> &nbsp; &nbsp;
</div>
<span><div class="tstaff" align="center">LÉHANA


<font size="2">Fondatrice

Représentante de la volonté</font>


<img alt="" src="http://img10.hostingpics.net/pics/842416kiraa10_pt.jpg" border="0">


<a href="http://unites-by-the-fate.forumactif.com/profile.forum?mode=viewprofile&page_profil=contact&u=3">

<font size="2">? La contacter ?</font></a>
</div></span></div></td>

<td><div class="infobulle">
<div style="text-align: center;">
<img alt="" src="http://img10.hostingpics.net/pics/244065staff_ambre.png" border="0"></div>
<span><div class="tstaff" align="center">AMBRE


<font size="2">Fondatrice

Représente de la force&nbsp;</font><br/><br/>
<img alt="" src="http://img10.hostingpics.net/pics/431313infobubule.jpg" border="0">


<a href="http://unites-by-the-fate.forumactif.com/profile.forum?mode=viewprofile&page_profil=contact&u=1">

<font size="2">? La contacter ?</font></a></div></span></div></td>

<td>
<div class="infobulle">
<div style="text-align: center;">
<img alt="" src="http://img11.hostingpics.net/pics/676940staff_Alizee.png" border="0"></div>
<span><div class="tstaff" align="center">ALIZÉE


<font size="2">Fondatrice<br/>
Représentante de la sagesse.&

Designeuse Officiel.&</font>


<img alt="" src="http://img11.hostingpics.net/pics/511177info_bulle_Alizee.jpg" border="0">


<a href="http://unites-by-the-fate.forumactif.com/profile.forum?mode=viewprofile&page_profil=contact&u=2">

<font size="2">? La contacter ?</font></a></div></span></div></td></tr></tbody></table>

<font size="3"><a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank">
</a></font>
<p style="text-align: center;"><span class="postlink">
<font size="2">( Passe ton curseur sur les images pour en savoir plus )</font></span>
<font size="3"><a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank">
<font size="3"><span style="font-weight: bold;">
</span></font></a></font></p></div>

<table style="text-align: center; margin-left: auto; margin-right: auto;" cellspacing="8"><tbody><tr>
<td class="montablo2">
ATTENTION : Forum optimisé avec <a href="http://www.mozilla-europe.org/fr/firefox/">Mozillia Firefox</a>

Nous vous conseillons vivement de le téléchargé si votre navigateur par défaut n'est ni Internet Explorer ni Opéra

Design by Alizée,

&nbsp;alias <a href="http://unites-by-the-fate.forumactif.com/ateliers-f26/inspiration-t104.htm">Inspiration</a>.

</td></tr></tbody></table>
</div>
</div>
<div id="co_2" class="mon_contenu" style="display: none;">
<div style="text-align: center;">
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/vGQRYXIxQ-E?fs=1&hl=fr_FR"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always">
<embed src="http://www.youtube.com/v/vGQRYXIxQ-E?fs=1&hl=fr_FR" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></object>

</div>
<div style="text-align: center;"><img src="http://img7.hostingpics.net/pics/652302contexte_2.png" border="0" alt="" />

</div></div>
<div id="co_3" class="mon_contenu" style="display: none;"></a>



<table cellspacing="8"><tbody><tr>
<td class="montablo"><div style="text-align: center;"><font size="3">NOUVEAUTÉ:</font>

</div>
<div style="text-align: center;">Un RP collection à été lancé, que tous les participants se propose le plus tôt possible pour que nous puissions faire la liste des membres qui font partit du RP.

Ce Rp consistera à ce que plusieurs jeunes gens doté de pouvoir spéciaux mais incontrôlable, se rencontre par l'intermédiaire d'un rêve (Comment ? ). Ce sont des élus. Leur quêtes n'est pas encore trouvé et tout ceci est un vague récapitulatif des idées qui ont été émise et peu ainsi être modifier. Mais ceci, c'est à vous de le décidé, en vous joignant à nous ;)

Ensemble, nous créerons cette histoire, et l'écrirons.

Intéresser ? Alors <a href="http://unites-by-the-fate.forumactif.com/besoin-de-rp--f9/rp-collectif-t109.htm">clique ici</a>, pour plus d'info.



</div></td>
<td class="montablo"><div style="text-align: center;"><font size="3">ANNONCE:
</font></div>

•&nbsp; Deux de lieutenants sont libres,dans les groupes de la force et la sagesse.

• Deux place de Medium sont libres.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br/>
• Trois place d’Infirmier sont libres. (En tout)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

• Trois place pour les rôles des Esprit lié sont libres. ( Un Rp en cours)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

• Cinq pégase, cinq licorne et deux

&nbsp;dragons sont disponible.

• Si vous souhaitez obtenir l’un des rôle important ci-contre, vous devrez rédiger un RP de minimum 10 lignes sur un thème que vous devrez choisir parmi une liste ( ~> <a href="http://unites-by-the-fate.forumactif.com/reglement-et-histoire-du-forum-f3/les-roles-t17.htm">Voir rôles</a>) Vous devrez vous faire recenser dans la catégorie « flood » puis dans « Annonces » et enfin « recrutement»,vous devrez remplir un formulaire spécifique.

</td>
<td><div style="text-align: center;"><a class="postlink" href="http://www.hostingpics.net/viewer.php?id=362419UBTF_staff.png" target="_blank">&nbsp;
</a>

</div></td></tr></tbody></table></div>
<div id="co_4" class="mon_contenu" style="display: none;">
<p style="text-align: center;"><font size="3"><span style="font-weight: bold;">
</span></font></p>
<p style="text-align: center;"><font size="3"><span style="font-weight: bold;">Partenaires:</span></font></p>
<div style="text-align: left;">
<div style="text-align: center;">
<a class="postlink" href="http://beginning-of-magic.forumactif.org/" target="_blank">
<span style="text-decoration: underline;">
<span class="postbody"></span></span></a>
<a class="postlink" href="http://world-of-harrypotter.forumactif.com/" target="_blank">
<span style="text-decoration: underline;"></span></a>
<a class="postlink" href="http://world-of-harrypotter.forumactif.com/" target="_blank">
<span style="text-decoration: underline;"></span></a>
<a class="postlink" href="http://life-animal-magic.forumactif.com/" target="_blank">
<span style="text-decoration: underline;"></span></a></div>
<div style="text-align: center;">
<a class="postlink" href="http://beginning-of-magic.forumactif.org/" target="_blank">
<img alt="" src="http://i30.servimg.com/u/f30/14/40/95/06/parten10.png" border="0"></a>
<a class="postlink" href="http://life-animal-magic.forumactif.com/" target="_blank">
<img alt="" src="http://i62.servimg.com/u/f62/14/92/85/91/bouton11.jpg" border="0"></a>
<a class="postlink" href="http://http//roilion-liveyourlife.forumactif.org/forum.htm" target="_blank">
<img alt="" src="http://i20.servimg.com/u/f20/14/40/95/06/roi_li10.png" border="0"></a>
<a class="postlink" href="http://lgdc-new.forumactif.com/forum.htm" target="_blank">
<img alt="" src="http://i27.servimg.com/u/f27/15/57/33/70/22006310.png" border="0"></a>

<a class="postlink" href="http://world-of-harrypotter.forumactif.com/" target="_blank">
<img alt="" src="http://i30.servimg.com/u/f30/14/40/95/06/93521110.gif" border="0"></a>
<a class="postlink" href="http://paysage-onirique.skyrock.com/" target="_blank">
<img alt="" src="http://i21.servimg.com/u/f21/15/21/20/69/bouton10.jpg" border="0"></a>
<a class="postlink" href="http://twilight--story.forumactif.org/" target="_blank">
<img alt="" src="http://i84.servimg.com/u/f84/12/34/02/53/bouton14.gif" border="0"></a>
<a href="http://irreversible.purforum.com/forum.htm" class="postlink" target="_blank">
<img src="http://img841.imageshack.us/img841/8486/boutonpubcopy.png" border="0" alt="" /></a>

<a class="postlink" href="http://narnialand.superforum.fr/" target="_blank">
<img alt="" src="http://i20.servimg.com/u/f20/14/40/95/06/2nbyl210.jpg" border="0"></a>
<a class="postlink" href="http://malediction-new-life.forumactif.com/index.htm" target="_blank">
<img alt="" src="http://nsa15.casimages.com/img/2010/06/06/100606062837164972.jpg" border="0"></a>
<a class="postlink" href="http://the-rebirth-of-the-w.forumactif.com/index.htm" target="_blank">
<img alt="" src="http://i36.servimg.com/u/f36/15/06/61/49/the-re10.gif" border="0"></a><br/>
<a class="postlink" href="http://instants-magiques.forumactif.com/" target="_blank">
<img alt="" src="http://i60.servimg.com/u/f60/14/40/95/06/bouton14.jpg" border="0"></a>
<a class="postlink" href="http://bound-by-the-magic.forumactif.com/" target="_blank">
<img alt="" src="http://img10.hostingpics.net/pics/359307bouton.jpg" border="0"></a>
<a href="http://hysteria.forums-actifs.net/" class="postlink" target="_blank">
<img src="http://i36.servimg.com/u/f36/15/36/65/56/lier110.png" alt="" border="0"></a></div></div>
<table style="z-index: 10000; position: fixed; background-color: rgb(255, 255, 255); bottom: 50px; left: 0px;"><tbody><tr>
<td><iframe style="width: 800px; display: none; height: 400px;" id="chatboxpop" marginheight="0" src="/chatbox/chatbox.forum?page=front&" marginwidth="0" frameborder="0" scrolling="no"></iframe>
</td>
<td style="background-color: rgb(227, 197, 127); vertical-align: bottom;"><img 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';" src="http://i81.servimg.com/u/f81/11/21/85/73/ouvrir10.png"></td></tr></tbody></table>


@ b2uty , je suis désolée mais je n'ai pas tout suivi, et de fait, je ne comprends rien du tout à votre soucis ...

Cordialement.

[b2uty]

Bonjour,

Pour l'écartement des onglets cherchez les "margin-right: XXpx;" dans le code et remplacez les par "margin: XXpx;" . Puis otez le "margin-bottom: -1px;" normalement cela va écarter les onglets et le contenu.

Cordialement.

J'ai suivi vos instruction, là séparation se met bien entre chaque onglet
mais le probleme est que quand je clik sur un de met onglet il se panche vert la droit au lieu de rester fix au passage de la souris.

http://kpop123.forumactif.com/forum.htm

[La-Pouic-Team]

Maintenant le onglets marche ... Mais toute les phrases son en vrac et dès que je passe en htlm ça bloque l'onglet ... Comment ça se fait ? Et du coup comme je fais pour modifier la PA ... (>.<)

[Lixyr]

B2uty je peux avoir ton css ?

Heu, La-Pouic-Team, passer en HTML c'est puéril, surtout pour ce genre de code. Pour modifier la présentation, etc tu passes par les codes, mais ne passe surtout pas en cliquant sur la croix pour activer le html.
D'ailleurs, je tiens à te préciser que c'est normal, si tu vas dans généralité, page d'accueil, et que tu actives le html, dans le champ, tu ne pourras pas activer les onglets, et voir ce que ça donne : ce n'est pas une prévisualisation de ta page d'accueil, c'est un champ de texte.

Et tu vas ensuite te mélanger dans tes codes.

[La-Pouic-Team]

Sauf que je suis nulle mwa >.<
OK mais alors pour lui dire de faire un retour à la ligne, de centrer, de mettre à droite, ou de mettre en gras etc.
Comme je fais aussi pour ajouter de partenaire dans ce cas ...