Faire des onglets sur la Page d'Acceuil.

+3
Link6740
Park Ha Gi
risa
7 participants

Page 2 sur 4 Précédent  1, 2, 3, 4  Suivant

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

  • 0

Résolu Faire des onglets sur la Page d'Acceuil.

Message par La-Pouic-Team Ven 10 Sep 2010 - 19:08

Rappel du premier message :

Bonjours,
Je voudrais savoir comment réalisé ceci :
Faire des onglets sur la Page d'Acceuil. - Page 2 Rpg10
La-Pouic-Team

La-Pouic-Team
***

Féminin
Messages : 176
Inscrit(e) le : 28/11/2009

http://Unites-by-the-fate.forumactif.com/
La-Pouic-Team a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire des onglets sur la Page d'Acceuil.

Message par Invité Dim 19 Sep 2010 - 18:02

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 Razz ) 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.
Anonymous

Invité
Invité


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

Résolu Re: Faire des onglets sur la Page d'Acceuil.

Message par * Flowine Dim 19 Sep 2010 - 18:06

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

* Flowine
Nouveau membre

Féminin
Messages : 29
Inscrit(e) le : 26/12/2009

http://unclear-wolves.forumactif.com/
* Flowine a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire des onglets sur la Page d'Acceuil.

Message par La-Pouic-Team Dim 19 Sep 2010 - 18:18

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 Wink
La-Pouic-Team

La-Pouic-Team
***

Féminin
Messages : 176
Inscrit(e) le : 28/11/2009

http://Unites-by-the-fate.forumactif.com/
La-Pouic-Team a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire des onglets sur la Page d'Acceuil.

Message par * Flowine Dim 19 Sep 2010 - 18:19

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.
* Flowine

* Flowine
Nouveau membre

Féminin
Messages : 29
Inscrit(e) le : 26/12/2009

http://unclear-wolves.forumactif.com/
* Flowine a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire des onglets sur la Page d'Acceuil.

Message par Invité Dim 19 Sep 2010 - 18:33

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! Assomé Je débute moi aussi et je cherche souvent les réponses au fur et à mesure des questions ...

Cordialement.
Anonymous

Invité
Invité


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

Résolu Re: Faire des onglets sur la Page d'Acceuil.

Message par La-Pouic-Team Dim 19 Sep 2010 - 18:39

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 >.<
La-Pouic-Team

La-Pouic-Team
***

Féminin
Messages : 176
Inscrit(e) le : 28/11/2009

http://Unites-by-the-fate.forumactif.com/
La-Pouic-Team a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire des onglets sur la Page d'Acceuil.

Message par Invité Dim 19 Sep 2010 - 18:44

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

Invité
Invité


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

Résolu Re: Faire des onglets sur la Page d'Acceuil.

Message par La-Pouic-Team Dim 19 Sep 2010 - 19:25

Whaaaaat ? J'ai rien compris xD
La-Pouic-Team

La-Pouic-Team
***

Féminin
Messages : 176
Inscrit(e) le : 28/11/2009

http://Unites-by-the-fate.forumactif.com/
La-Pouic-Team a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire des onglets sur la Page d'Acceuil.

Message par Invité Dim 19 Sep 2010 - 20:47

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
Anonymous

Invité
Invité


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

Résolu Re: Faire des onglets sur la Page d'Acceuil.

Message par La-Pouic-Team Dim 19 Sep 2010 - 21:45

Bonsoir,
Waaaaalaaa j'ai enfin réussi à faire quelque chose ! Smile
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%;
  }
La-Pouic-Team

La-Pouic-Team
***

Féminin
Messages : 176
Inscrit(e) le : 28/11/2009

http://Unites-by-the-fate.forumactif.com/
La-Pouic-Team a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire des onglets sur la Page d'Acceuil.

Message par * Flowine Lun 20 Sep 2010 - 19:42

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é!
* Flowine

* Flowine
Nouveau membre

Féminin
Messages : 29
Inscrit(e) le : 26/12/2009

http://unclear-wolves.forumactif.com/
* Flowine a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire des onglets sur la Page d'Acceuil.

Message par La-Pouic-Team Lun 20 Sep 2010 - 19:52

Bonsoir,
* Flowine >>De quels code parlez vous ?
La-Pouic-Team

La-Pouic-Team
***

Féminin
Messages : 176
Inscrit(e) le : 28/11/2009

http://Unites-by-the-fate.forumactif.com/
La-Pouic-Team a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire des onglets sur la Page d'Acceuil.

Message par * Flowine Lun 20 Sep 2010 - 19:57

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>
* Flowine

* Flowine
Nouveau membre

Féminin
Messages : 29
Inscrit(e) le : 26/12/2009

http://unclear-wolves.forumactif.com/
* Flowine a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire des onglets sur la Page d'Acceuil.

Message par La-Pouic-Team Lun 20 Sep 2010 - 20:03

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é Wink

Vous, c'est celui-ci que vous devez ajouter Wink 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
La-Pouic-Team

La-Pouic-Team
***

Féminin
Messages : 176
Inscrit(e) le : 28/11/2009

http://Unites-by-the-fate.forumactif.com/
La-Pouic-Team a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire des onglets sur la Page d'Acceuil.

Message par * Flowine Lun 20 Sep 2010 - 20:59

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 ^^)
* Flowine

* Flowine
Nouveau membre

Féminin
Messages : 29
Inscrit(e) le : 26/12/2009

http://unclear-wolves.forumactif.com/
* Flowine a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire des onglets sur la Page d'Acceuil.

Message par La-Pouic-Team Lun 20 Sep 2010 - 21:06

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

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 ?
La-Pouic-Team

La-Pouic-Team
***

Féminin
Messages : 176
Inscrit(e) le : 28/11/2009

http://Unites-by-the-fate.forumactif.com/
La-Pouic-Team a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire des onglets sur la Page d'Acceuil.

Message par Invité Lun 20 Sep 2010 - 21:18

Bonsoir,

La-Pouic-Team, j'ai trouvé ce qui clochait! Un tableau ouvert et pas fermé trainait au milieu du code Laughing
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.


Dernière édition par Isolde le Lun 20 Sep 2010 - 21:23, édité 1 fois
Anonymous

Invité
Invité


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

Résolu Re: Faire des onglets sur la Page d'Acceuil.

Message par * Flowine Lun 20 Sep 2010 - 21:20

Le cadre sort toujours de la page d'accueil.
* Flowine

* Flowine
Nouveau membre

Féminin
Messages : 29
Inscrit(e) le : 26/12/2009

http://unclear-wolves.forumactif.com/
* Flowine a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire des onglets sur la Page d'Acceuil.

Message par Lixyr Lun 20 Sep 2010 - 22:24


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.
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire des onglets sur la Page d'Acceuil.

Message par b2uty Mar 21 Sep 2010 - 18:32

Bonsoir, esque quelqu'un sait comment on met un espace entre les onglets?
comme ceci :
Faire des onglets sur la Page d'Acceuil. - Page 2 Sdf10
b2uty

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire des onglets sur la Page d'Acceuil.

Message par Invité Mar 21 Sep 2010 - 18:55

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.
Anonymous

Invité
Invité


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

Résolu Re: Faire des onglets sur la Page d'Acceuil.

Message par La-Pouic-Team Mar 21 Sep 2010 - 19:18

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 ...
La-Pouic-Team

La-Pouic-Team
***

Féminin
Messages : 176
Inscrit(e) le : 28/11/2009

http://Unites-by-the-fate.forumactif.com/
La-Pouic-Team a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire des onglets sur la Page d'Acceuil.

Message par Invité Mar 21 Sep 2010 - 19:21

Bonsoir,

C'es logique Very Happy . 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%;
  }
Anonymous

Invité
Invité


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

Résolu Re: Faire des onglets sur la Page d'Acceuil.

Message par b2uty Mar 21 Sep 2010 - 19:31

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

Faire des onglets sur la Page d'Acceuil. - Page 2 Zumv4l
b2uty

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire des onglets sur la Page d'Acceuil.

Message par La-Pouic-Team Mar 21 Sep 2010 - 19:32

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 !! >.<
La-Pouic-Team

La-Pouic-Team
***

Féminin
Messages : 176
Inscrit(e) le : 28/11/2009

http://Unites-by-the-fate.forumactif.com/
La-Pouic-Team a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire des onglets sur la Page d'Acceuil.

Message par Invité Mar 21 Sep 2010 - 19:48

Assomé
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.
Anonymous

Invité
Invité


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

Résolu Re: Faire des onglets sur la Page d'Acceuil.

Message par b2uty Mar 21 Sep 2010 - 19:57

Isolde a écrit: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
b2uty

b2uty
****

Féminin
Messages : 455
Inscrit(e) le : 28/05/2010

http://kpop123.forumactif.com/
b2uty a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire des onglets sur la Page d'Acceuil.

Message par La-Pouic-Team Mar 21 Sep 2010 - 20:00

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 ... (>.<)
La-Pouic-Team

La-Pouic-Team
***

Féminin
Messages : 176
Inscrit(e) le : 28/11/2009

http://Unites-by-the-fate.forumactif.com/
La-Pouic-Team a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire des onglets sur la Page d'Acceuil.

Message par Lixyr Mar 21 Sep 2010 - 20:04

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.

Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7381
Inscrit(e) le : 22/07/2010

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Faire des onglets sur la Page d'Acceuil.

Message par La-Pouic-Team Mar 21 Sep 2010 - 20:09

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 ...
La-Pouic-Team

La-Pouic-Team
***

Féminin
Messages : 176
Inscrit(e) le : 28/11/2009

http://Unites-by-the-fate.forumactif.com/
La-Pouic-Team a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 4 Précédent  1, 2, 3, 4  Suivant

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum