Créer une organisation par onglets (messages) - Page 3 Bouton_activeCréer une organisation par onglets (messages) - Page 3 Bouton_hoverCréer une organisation par onglets (messages) - Page 3 Fb-hoverCréer une organisation par onglets (messages) - Page 3 Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Créer une organisation par onglets (messages) - Page 3 EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Créer une organisation par onglets (messages) - Page 3 EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Créer une organisation par onglets (messages) - Page 3 EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Créer une organisation par onglets (messages) - Page 3 EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Créer une organisation par onglets (messages) - Page 3 EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Créer une organisation par onglets (messages) - Page 3 EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Créer une organisation par onglets (messages) - Page 3 EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Créer une organisation par onglets (messages) - Page 3 EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -14%
Lave-linge hublot HOOVER HWP 10 kg (Induction, 1600 ...
Voir le deal
299.99 €

Partagez
 

Créer une organisation par onglets (messages)

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : Précédent  1, 2, 3, 4, 5, 6, 7  Suivant
http://etsi.forumactif.com
Misstro
Misstro
{ Membre }
{ Membre }

Féminin Messages : 16



Créer une organisation par onglets (messages) - Page 3 Empty
Alors celui de la PA elle-même:

Code:
<div class="systeme_onglets">

        <div class="onglets">
            <span class="onglet_0 onglet" id="onglet_quoi" onclick="javascript:change_onglet('quoi');">Mais que fais-je ici ?! </span>
            <span class="onglet_0 onglet" id="onglet_staff" onclick="javascript:change_onglet('staff');">Vos princesses </span>
            <span class="onglet_0 onglet" id="onglet_wanted" onclick="javascript:change_onglet('wanted');">Ils nous les faut ! </span>
            <span class="onglet_0 onglet" id="onglet_new" onclick="javascript:change_onglet('new');">Vous connaissez la nouvelle ? </span>
        </div>

        <div class="contenu_onglets">
            <div class="contenu_onglet" id="contenu_onglet_quoi"><div align="center">
               <font size="5" face="Bernard MT Condensed">Bienvenue en l'an 1875, {USERNAME}<br><br><br> Le forum est actuellement en construction, merci de votre patience!!</font></div><br><br></div>

            <div class="contenu_onglet" id="contenu_onglet_staff"><br><blockquote><div class :"texteprincesses">Dévotion et admiration : voici vos princesses du forum ! <br><br> <b>F</b>ondatrice, admin-folle, schizo notoire et reine du scénar : Zita, addicted aux RP depuis moultes années. <br> <b>A</b>dministratrice, modeste graphiste , aussi schizo que Zita et reine des persos tordus : Isa’, RPGeuse de l’extrême ;</blockquote><br><br><a href="#" class="infobulle"><img src="http://obsession27.free.fr/boutons/iconashleygreenevio3.jpg">
<span>Isabelle de Sérouvile <br><br><img src="http://obsession27.free.fr/boutons/iconashleygreene8.jpg"><br>°Questions graphiques<br>°Validations des fiches<br>°Modération  <a href="#" class="infobulle"><img src="http://obsession27.free.fr/boutons/iconashleygreenevio3.jpg">
<span>Zita de Craon <br><br><img src="http://obsession27.free.fr/boutons/iconashleygreene8.jpg"><br>°Maître tout-puissant<br>°Validation des fiches<br>°Modération<br>°Dernier mot en (quasi) tout !

</div><div class="contenu_onglet" id="contenu_onglet_wanted">
            <div align="center">
               <div class:"texteprincesses">Ils vous attendent!</div><br><br><br></div><div align="center"><a href="#" class="infobulle"><img src="http://images2.fanpop.com/image/photos/9700000/ben-barnes-ben-barnes-9727199-100-100.jpg" alt="" height="48" width="48" border="0"/><span> Philippe XV<br><br>Roi de France>
         
            <a href="#" class="infobulle"><img src="http://images2.fanpop.com/images/photos/5300000/Camilla-camilla-belle-5343892-100-100.jpg" alt="" height="48" width="48" border="0" /><span>Ambroisine Chastaing<br><br>Une maîtresse bien placée </div><div align:"center"><br><a href="#" class="infobulle"><img src="http://images2.fanpop.com/image/photos/13400000/Annalynne-annalynne-mccord-13450280-100-100.jpg" alt="" height="48" width="48" border="0" /><span>Apolline Nollent<br><br>Espionne républicaine au royaume
         
            <a href="#" class="infobulle"><img src="http://images2.fanpop.com/image/photos/9600000/Henry-Cavill-henry-cavill-9645320-100-100.jpg" alt="" height="48" width="48" border="0" /><span>César de Dunnoye<br><br>Elite de la royauté</div></div></div><div class="contenu_onglet" id="contenu_onglet_new">Contenu</div>
        </div>
    </div>
    <script type="text/javascript">
        //<!--
                var anc_onglet = 'quoi';
                change_onglet(anc_onglet);
        //-->
        </script>


Le CSS:

Code:
.onglet
        {
                display:inline-block;
Background-color: #cba;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
                margin-left:3px;
                margin-right:3px;
                padding:5px;
                border:1px solid black;

        }
        .onglet_0
        {
                background: #cba;
                border-bottom:1px dotted black;
        }
        .onglet_1
        {
                background: #cba;
                border-bottom:1px dotted black;
                padding-bottom:10px;
        }
        .contenu_onglet
        {
                background-color:#cba;
                border:1px dotted black;
                margin-top:-1px;
                padding:15px;
                display:none;
        }
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 3 EmptyMer 21 Juil 2010, 17:58
Revenir en haut Aller en bas
http://solemnyswear@forumactif.com
Baël Henzel
Baël Henzel
{ Membre }
{ Membre }

Féminin Messages : 56



Créer une organisation par onglets (messages) - Page 3 Empty
Petite question stupide. J'ai suivi le tuto et vu comment rajouter un onglet, néanmoins quand je rajoute un quatrième onglet il ne fonctionne jamais, seuls les trois premiers fonctionnent. Une suggestion?
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 3 EmptyDim 25 Juil 2010, 14:07
Revenir en haut Aller en bas
http://dreams-sonata.forumactif.org/index.htm
Albator Feel
{ Membre }
{ Membre }

Masculin Messages : 30



Créer une organisation par onglets (messages) - Page 3 Empty
Bonjours j'ai essayer le tutoriel et ça marche pas sniff voila mon code si quelqu'un peut m'aider
Code:
<html>
<head>
<title>Sans titre-2</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (Sans titre-2) -->
<table id="Tableau_01" width="894" height="299" border="0" cellpadding="0" cellspacing="0">
   <tr>
      <td>
         <img src="images/Sans-titre-2_01.png" width="645" height="183" alt=""></td>
      <td>
         <img src="http://www.heberger-image.fr/data/images/29508_chibi.png" border="0" alt="" /></td>
   </tr>
   <tr>
      <td>
        <div class="contenu_onglets">
            <div class="contenu_onglet" id="contenu_onglets_Les_Infos"> <table width="600px"><tr>
<td width="214px"><div class="pa1>Les News</div>
<br><div class "pa4">  <marquee scrolldelay="100" loop="0" behavior="normal" direction="down" width="214" height="75" direction="down">Bleach the Last Time est heureux de vous acceuillir.<br>
La nouvelle version du forum est ouverte depuis le 31/07.</marquee></div>

</td><td width="214px"><div class="pa2">Les Infos H-Rpg</div>
<br><div class "pa5"><marquee scrolldelay="100" loop="0" behavior="normal" direction="down" width="214" height="75" direction="down">Nous Recrutons encore des modérateurs ainsi qu'un administrateur.<br>
Des concours de graphisme vont être organisés.</marquee></div>
</td><td width="214px"><div class="pa3">Les Infos Rpg</div>
<br><div class "pa6"><marquee scrolldelay="100" loop="0" behavior="normal" direction="down" width="214" height="75" direction="down">Le Rpg est ouvert.<br>
N'oubliez pas de mettre des musiques dans chacun de vos rp's pour mettre l'ambiance.</marquee></div>
</td></tr></div></table>

            <div class="contenu_onglet" id="contenu_onglets_Le_Staff"><table width="600px"><tr>
<td width="214px"><div class="pa1>Le Membre du Mois</div>
<br><div class="image"><a href="http://bleach-change.forumperso.com/profile.forum?mode=viewprofile&u=1?sid=dae55fd80ec6185edf32a7a71a0e76c9" class="postlink"><img src="http://www.heberger-image.fr/data/images/61459_soul.jpeg" border="0" alt="" /></a></div><div class="image"><div class "pa4"></div>

</td><td width="214px"><div class="pa2">Les Co-Fondateurs</div>
<br><div class "pa5"> <div class="image"><a href="http://bleach-change.forumperso.com/profile.forum?mode=viewprofile&u=1?sid=dae55fd80ec6185edf32a7a71a0e76c9" class="postlink"><img src="http://www.heberger-image.fr/data/images/99584_ico_soul.png" border="0" alt="" /></a></div><div class="image"><a href="http://bleach-change.forumperso.com/profile.forum?mode=viewprofile&u=4?sid=dae55fd80ec6185edf32a7a71a0e76c9" class="postlink"><img src="http://www.heberger-image.fr/data/images/32830_ico_maka.png" border="0" alt="" /></a></div><div class="image"><a href="http://bleach-change.forumperso.com/profile.forum?mode=viewprofile&u=2?sid=dae55fd80ec6185edf32a7a71a0e76c9" class="postlink"><img src="http://www.heberger-image.fr/data/images/47339_ico.png" border="0" alt="" /></a></div>  </div>
</td><td width="214px"><div class="pa3">Le Copyright</div>
<br>Le thème du forum est d'Albator Feel de Never Utopia alias Soul Angel soit le fondateur.Les règles sont de Makko et codé par Soul.L'intégralité du codage est de Soul avec l'aide de CSS Actif et Never Utopia.Le forum est protégé par la loi du Copyright.Toute copie d'une partie ou de l'intégralité de notre travail entrainera des poursuites et la fermeture de votre forum.
</td></tr></div></table>
</div>

            <div class="contenu_onglet" id="contenu_onglets_Referencement"><table width="600px"><tr>
<td width="214px"><div class="pa1>Les Forums de la Famille</div>
<br><div class "pa4"><a href="http://paranormal-story.forumactif.com/" class="postlink" target="_blank"><img src="http://www.heberger-image.fr/data/images/32200_logo_para.jpeg" border="0" alt="" /></a></div>

</td><td width="214px"><div class="pa2">Nos Top-sites</div>
<br><div class "pa5"> <div class="image"><a href="http://www.root-top.com/topsite/soulsociety/in.php?ID=148" class="postlink" target="_blank"><img src="http://img.root-top.com/topsite/soulsociety/banner.gif" border="0" alt="" /></a><a href="http://www.root-top.com/topsite/azzare34/in.php?ID=3232" class="postlink" target="_blank"><img src="http://img.root-top.com/topsite/azzare34/banner.gif" border="0" alt="" /></a></div> </div>
</td><td width="214px"><div class="pa3">Nos Partenaires</div>
<br><marquee scrolldelay="100" loop="0" behavior="normal" direction="down" width="214" height="75" direction="down"><a href="http://naruto-katana-rpg.forumactif.com" class="postlink" target="_blank"><img src="http://img257.imageshack.us/img257/4449/bouton1m.gif" border="0" alt="" /></a></marquee>
</td></tr></div></table></div>
        </div>
    </div>
    <script type="text/javascript">
        //<!--
                var anc_onglet = 'quoi';
                change_onglet(anc_onglet);
        //-->
        </script>
</td>
      <td>
 <div class="onglets">
          <div align="center"><span class="onglet_0 onglet" id="Les_Infos" onclick="javascript:change_onglet('Les_Infos');">Les Info's</span>
            <span class="onglet_0 onglet" id="Le_Staff" onclick="javascript:change_onglet('Le_Staff');">Le Staff</span>
            <span class="onglet_0 onglet" id="Referencement" onclick="javascript:change_onglet('Referencement');">Réferencement & Co</span>
            </div></div> </td>
   </tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 3 EmptyVen 30 Juil 2010, 13:33
Revenir en haut Aller en bas
https://www.facebook.com/profile.php?id=100000682240418
Sarah.
Sarah.
{ Membre }
{ Membre }

Féminin Messages : 78



Créer une organisation par onglets (messages) - Page 3 Empty
    Bonjour, j'ai tentée de faire ce système d'onglet mais il ne marche pas, il m'affiche seulement le titre des onglets. Comme ça :

    Créer une organisation par onglets (messages) - Page 3 574648Sans_titre_2f

    Mon CSS
    Code:
    .onglet
            {
                    display:inline-block;
                    margin-left:3px;
                    margin-right:3px;
                    padding:3px;
                    border:1px solid black;
                    cursor:pointer;
            }
            .onglet_0
            {
                    background:#bbbbbb;
                    border-bottom:1px solid black;
            }
            .onglet_1
            {
                    background:#dddddd;
                    border-bottom:0px solid black;
                    padding-bottom:4px;
            }
            .contenu_onglet
            {
                    background-color:#dddddd;
                    border:1px solid black;
                    margin-top:-1px;
                    padding:5px;
                    display:none;
            }

    Ma PA

    Code:
     <div class="onglets">
                <span class="onglet_0 onglet" id="onglet_Bienvenue" onclick="javascript:change_onglet('Bienvenue');">Bienvenue sur TWIB.</span>
                <span class="onglet_0 onglet" id="onglet_Nouveautés" onclick="javascript:change_onglet('Nouveautés');">Nouveautés.</span>
                <span class="onglet_0 onglet" id="onglet_Météo" onclick="javascript:change_onglet('Météo.');">Météo.</span>
            </div>

            <div class="contenu_onglets">
                <div class="contenu_onglet" id="contenu_onglet_Bienvenue">Qui a osé dire que les aveugles ne pouvaient pas vivre comme nous, êtres voyants ? Qui a prétendu qu'il était difficile de vivre quand on est non voyant, sourd ou muet ? Arrêtez tout préjugés, les handicapés sont des personnes comme les autres. Je me présente, je suis Nathanaël. Je suis aveugle par accident. C'est vrai au début, j'ai eu peur, je n'avais plus aucun repère et surtout je devais refaire ma vie avec cet handicap.</div>

                <div class="contenu_onglet" id="contenu_onglet_Nouveautés">Ouverture du forum le .. / .. / 2010</div>

                <div class="contenu_onglet" id="contenu_onglet_Météo">Il y a du soleil, l'été est à son maximum sur Paris.</div>
            </div>
        </div>
        <script type="text/javascript">
            //<!--
                    var anc_onglet = 'quoi';
                    change_onglet(anc_onglet);
            //-->
            </script>

    Merci d'avance.
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 3 EmptyDim 01 Aoû 2010, 12:13
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Créer une organisation par onglets (messages) - Page 3 Empty
Baël Henzel: Il me faudrait ton code~

Albator Feel et Sarah. : Avez-vous tout mis le code des onglets, y compris le doctype du début, etc? Si vous n'Avez pas tous mit, c'est peut-être de là que viens le problème. Si oui, veuillez mettre le code en entier s'il vous plait pour que je puisse voir ce qui ne marche pas Wink
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 3 EmptyDim 01 Aoû 2010, 15:28
Revenir en haut Aller en bas
http://vampire-city.keuf.net/index.htm
Nirvana
{ Membre }
{ Membre }

Féminin Messages : 7



Créer une organisation par onglets (messages) - Page 3 Empty
Bonsoir,
moi sa ne m'affiche même pas les onglés

http://the-detroit-sunny.forumactif.com/forum.htm




Code:
<div class="systeme_onglets">

        <div class="onglets">
            <span class="onglet_0 onglet" id="onglet_nom_de_longlet" onclick="javascript:change_onglet('nom_de_longlet');">ACCUEIL</span>
            <span class="onglet_0 onglet" id="onglet_nom_de_longlet" onclick="javascript:change_onglet('nom_de_longlet');">Nom de l'onglet</span>
            <span class="onglet_0 onglet" id="onglet_nom_de_longlet" onclick="javascript:change_onglet('nom_de_longlet');">Nom de l'onglet</span>
        </div>

        <div class="contenu_onglets">
            <div class="contenu_onglet" id="contenu_onglet_nom_de_longlet">Salut !</div>

            <div class="contenu_onglet" id="contenu_onglet_nom_de_longlet">HOLA ! COMO ESTA IN LA CASA ? ^^</div>

            <div class="contenu_onglet" id="contenu_onglet_nom_de_longlet">Contenu de l'onglet</div>
        </div>
    </div>
    <script type="text/javascript">
        //<!--
                var anc_onglet = 'ACCUEIL';
                change_onglet(anc_onglet);
        //-->
        </script>
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 3 EmptyDim 01 Aoû 2010, 16:55
Revenir en haut Aller en bas
http://nerverland-rpg.forumactif.org
Liloo
Liloo
{ Membre }
{ Membre }

Féminin Messages : 19



Créer une organisation par onglets (messages) - Page 3 Empty
Bon j'ai le même problème que Sarah., j'ai suivit tout le tutos, mais sur ma page d'accueil ça m'affiche les titre et non les onglets.

Et je ne vois pas où se trouve le doctype et tout ça ? parce qu'il y en avais pas dans les codes fournit avec le tuto.

voici mes codes :
Code:
<div class="systeme_onglets">

        <div class="onglets">
            <span class="onglet_0 onglet" id="onglet_accueil" onclick="javascript:change_onglet('accueil');">Accueil</span>
            <span class="onglet_0 onglet" id="onglet_la_team" onclick="javascript:change_onglet('la_team');">La Team</span>
            <span class="onglet_0 onglet" id="onglet_concours" onclick="javascript:change_onglet('concours');">Concours</span>
        </div>

        <div class="contenu_onglets">
            <div class="contenu_onglet" id="contenu_onglet_accueil"><table style="width: 100%; border-collapse: collapse;">
   <tbody><tr>
      <td><table style="width: 100%; border-collapse: collapse;">
   <tbody><tr>
      <td><div class="boite"><img src="http://img706.imageshack.us/img706/8695/bienvenueop.png">
<br>Salut à toi étranger !
<br>Je te souhaite la bienvenue sur My World. Tu ne sais pas où tu te trouve ?Laisse moi éclairer ta petite lanterne.
<br>My World est un forum de graphisme sur lequel tu peut passer des commandes de design pour forum, de kits, bref de tout un tas de truc. Mais c'est aussi une communauté graphique basée sur le partage, on échange donc nos truc et astuce, il y a des tutoriels, et tout ça. Il y a aussi une section libre service ou te peut prendre un peut ce que tu veux et demander une personnalisation aussi, sans oublier de créditer le forum bien sur ;)
<br>Ça te plais ? Alors va vite lire le règlement et te présenter !</div></td>
   </tr>
<tr>
      <td><span class="titre">Les Partenaires</span>
<br><br><a href="http://raconte-moi.forumactif.org"><img src="http://img193.imageshack.us/img193/3733/boutonpubcopie.png" /></a><a href="http://requiemforneverland.forumsactifs.net/forum.htm"><img src="http://img16.imageshack.us/img16/926/petitboutonc.png" /></a><a href="http://abysses-de-la-terre.forumactif.org">http://img832.imageshack.us/img832/148/blibloblou.jpg</a></td>
   </tr>
</tbody></table></td>
      <td><table style="width: 100%; border-collapse: collapse;">
   <tbody><tr>
      <td><img name="menunavigation" src="http://img14.imageshack.us/img14/3061/menunavigation.png" usemap="#navigation"><map name="navigation"><area shape="rect" coords="10,10,183,44" href="http://my-world-liloo.forumsactifs.net/les-regles-et-infos-importantes-f1/le-reglement-de-my-world-t1.htm" alt="règlement">
<area shape="rect" coords="12,41,187,70" href="http://my-world-liloo.forumsactifs.net/allez-on-se-presente-f14/" alt="Se Présenter">
<area shape="rect" coords="9,69,184,98" href="http://my-world-liloo.forumsactifs.net/we-want-you-f16/" alt="Candidatures">
<area shape="rect" coords="10,99,185,128" href="http://my-world-liloo.forumsactifs.net/les-regles-et-infos-importantes-f1/nos-logos-t3.htm#3" alt="Les Logos">
<area shape="rect" coords="9,130,184,159" href="http://my-world-liloo.forumsactifs.net/tutoriaux-et-astuces-f5/liste-des-tutoriels-et-astuces-t4.htm#4" alt="Les Tutoriels"></map></td>
   </tr>
   <tr>
      <td><span class="titre">LES NEWS</span>
<br><div class="boitea"><b>30/07 :</b> <b style="color: DarkOrchid;">Ouverture du Forum !!</b> Et voila, c'est fait, le forum est ouvert, tout plein de choses à découvrir, alors allez-y ne vous gênez pas !</div></td>
   </tr>
   <tr>
      <td><span class="titre">Top Site</span></td>
   </tr>
</tbody></table></td>
   </tr>
</tbody></table></div>

            <div class="contenu_onglet" id="contenu_onglet_la_team"><table style="width: 100%; border-collapse:collapse;">
   <tr>
      <td><span class="titre">La Team</span>
<br><br><a href="http://my-world-liloo.forumsactifs.net/profile.forum?mode=viewprofile&u=1"<img src="http://img101.imageshack.us/img101/6489/teampafonda.png" /></a> Liloo - Seigneur des Crêpes
<br><a href="http://my-world-liloo.forumsactifs.net/profile.forum?mode=viewprofile&u=2"<img src="http://i36.servimg.com/u/f36/15/26/44/57/vavasm10.jpg" /></a>Lÿchen - Chef des Gardes 
<br><img src="http://img96.imageshack.us/img96/248/teampavide.png" />  <img src="http://img96.imageshack.us/img96/248/teampavide.png" /> 
<br><br><a href="http://my-world-liloo.forumsactifs.net/les-regles-et-infos-importantes-f1/la-team-t2.htm">LA TEAM</a></td></td>
      <td><div class="boite"><span class="titre">On recrute !</span>
      <br><ul><li>Artistes Peintres<span style="font-weight: bold;">(2)</span></li><li>Troubadours <span style="font-weight: bold;">(2)</span><br></li></ul></div>
      <br><a href="http://my-world-liloo.forumsactifs.net/we-want-you-f16/">Pour postuler</a></div></td>
   </tr>
</table>   t</div>

            <div class="contenu_onglet" id="contenu_onglet_concours"><table style="width: 100%; border-collapse:collapse;">
   <tr>
      <td>Gagnant de la SOTW</td>
      <td>Gagnant du Concours</td>
   </tr>
</table></div>
        </div>
    </div>
    <script type="text/javascript">
        //<!--
                var anc_onglet = 'Accueil';
                change_onglet(anc_onglet);
        //-->
        </script>

et

Code:
.onglet
        {
                display:inline-block;
                margin-left:3px;
                margin-right:3px;
                padding:3px;
                border:1px solid #34464a;
                cursor:pointer;
-moz-border-radius-topright:15px;
-webkit-border-radius-topright:15px;
border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-webkit-border-radius-bottomleft:15px;
border-radius-bottomleft:15px;
        }
        .onglet_0
        {
                background:#f1f5f6;
                border-bottom:1px solid #34464a;
        }
        .onglet_1
        {
                background:#f1f5f6;
                border-bottom:1px solid #34464a;
                padding-bottom:4px;
        }
        .contenu_onglet
        {
                background-color:#f1f5f6;
                border:1px solid #34464a;
                margin-top:-1px;
                padding:5px;
                display:none;
        }

Merci d'avance de votre aide ^^
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 3 EmptyLun 02 Aoû 2010, 07:18
Revenir en haut Aller en bas
https://www.facebook.com/profile.php?id=100000682240418
Sarah.
Sarah.
{ Membre }
{ Membre }

Féminin Messages : 78



Créer une organisation par onglets (messages) - Page 3 Empty
    Iko' : Je te suis pas là x) Tu veux que je mette quel code en entier ?
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 3 EmptyLun 02 Aoû 2010, 14:02
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Créer une organisation par onglets (messages) - Page 3 Empty
xD Okey laissez faire, me suis gouré, jcroyais qu'elle avait tout mit au complet mais bon *se comprend*

Désoléeee XD

Donc.

Sarah. -> Dans cette section-là
Citation :
<script type="text/javascript">
//<!--
var anc_onglet = 'quoi';
change_onglet(anc_onglet);
//-->
</script>
Change ce que j'ai mit en rouge pour "Bienvenue" avec la majuscule.

Liloo -> Dans cette section-là:
Citation :
<script type="text/javascript">
//<!--
var anc_onglet = 'Accueil';
change_onglet(anc_onglet);
//-->
</script>
Remplace la majuscule en rouge par une minuscule x)

Nirvana -> Ehm d'Abord ton code ressemble beaucoup énormément identique à celui de Jotman de la page précédente, à qui je lui expliqué pourquoi cela ne marchait pas. Donc je te cite et met en sopiler cette partie-là vu que c'est gros, mais n'oublie pas de bien personnaliser ton code hein --" le copié collé d'un code d'un autre/plagiat/etc est interdit ._.
Spoiler:
Si tu as des questions sur ça, n'hésite pas~

Albator Feel -> Ton code est un peu à l'envers, littéralement XD Je ne sais pas si ça a un rapport, mais certains des codes sont à la fin alors qu'ils devraient être au début. Enfin bref, ptêtre que ça a aucun rapport non plus.
Sinon, dans cette section-là:
Citation :
<script type="text/javascript">
//<!--
var anc_onglet = 'quoi';
change_onglet(anc_onglet);
//-->
</script>
Remplace ce qui est en rouge par "Les_Infos"

Voilà, j'espère ne pas avoir oublié personne~
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 3 EmptyLun 02 Aoû 2010, 22:49
Revenir en haut Aller en bas
Invité
Invité




Créer une organisation par onglets (messages) - Page 3 Empty
Salut =D

D'abord merci pour le tuto, il m'a été d'une grande aide. ^_^
J'ai réussi à le mettre sur mon forum test, mais quand je l'ai mis sur le vrai forum, le code ne fonctionne pas. Il n'y a que les titres des onglets.
Alors que le même code fonctionne très bien sur le forum test =s

J'ai copié exactement le code HTML et CSS du forum test.
Et en suivant bien la démarche de la page HTML a créer au début du tuto.
Je ne comprends pas ce qui cloche =s

Merci d'avance ^_^
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 3 EmptyMer 04 Aoû 2010, 22:16
Revenir en haut Aller en bas
http://pinewood-field.forumactif.com/
chubby
{ Membre }
{ Membre }

Féminin Messages : 2



Créer une organisation par onglets (messages) - Page 3 Empty
Bonjour, est-il possible d'afficher un tableau avec onglets dans un simple message? Si oui, j'ai essayé mais je ne comprends pas tout à fait où placer certains codes. Par exemple celui-ci :
Code:
<script language="javascript" src="adresse de ta page html script onglet"></script>
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 3 EmptyJeu 05 Aoû 2010, 04:26
Revenir en haut Aller en bas
http://chained-memories.1fr1.net/
Regan
{ Membre }
{ Membre }

Féminin Messages : 131



Créer une organisation par onglets (messages) - Page 3 Empty
J'ai fait tout ce qu'il fallait mais ça n'a pas marché... fin
quand je suis arrivée à devoir coller ce code :

Spoiler:

Je savais pas où le mettre donc j'ai essayé un peu partout. Feuille de style, description...
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 3 EmptyJeu 05 Aoû 2010, 09:01
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Créer une organisation par onglets (messages) - Page 3 Empty
Wolleh: Si je me souviens bien, il y a un script à mettre dans un template dans le tuto, l'a tu mis également sur ton forum?

chubby et Regan: Donc ehm dans un message, ce code ne fonctionne pas. Il faut le mettre dans la page d'accueil ou une page html~
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 3 EmptyJeu 05 Aoû 2010, 10:59
Revenir en haut Aller en bas
Invité
Invité




Créer une organisation par onglets (messages) - Page 3 Empty
Oui, mais je l'ai mis dans description du forum. C'est écrit dans le tuto qu'on peut.
Parce que je l'ai mis aussi dans description du forum aussi dans le test.

C'est mieux de le mettre dans le template ?
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 3 EmptyJeu 05 Aoû 2010, 13:47
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Créer une organisation par onglets (messages) - Page 3 Empty
Essaie dans le template pour voir, c'est peut-être pour ça que ça bug.

(moment de vie) Un jour jvoulais mettre une CB sur le côté de mon forum. Jlai mit dans les templates de mon fo test, tout marche, une fois dans le template de mon autre fo, ça marche pas. Jlai mit dans la page d'accueil et ça a marché **(moment de vie)

Donc tout ça pour dire, essaie de le mettre ailleurs xD
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 3 EmptyJeu 05 Aoû 2010, 13:49
Revenir en haut Aller en bas
Invité
Invité




Créer une organisation par onglets (messages) - Page 3 Empty
Merci je vais essayer =)

Mais je ne comprends ou il le faut placer dans le template.
Citation :
dans ton template overall_header_new juste avec la balise < /head>
Je le mets après la balise < /head> ? ^_^"

J'ai du mal en ce moment XD

Ah ouai c'est bizarre ton histoire de CB, rien qu'en changeant de place ça fonctionne pas x)
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 3 EmptyJeu 05 Aoû 2010, 14:02
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Créer une organisation par onglets (messages) - Page 3 Empty
Juste avant la balise en fait~
Je vais aller corriger ça dans le tuto x)
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 3 EmptyJeu 05 Aoû 2010, 14:06
Revenir en haut Aller en bas
Invité
Invité




Créer une organisation par onglets (messages) - Page 3 Empty
Merci beaucoup =D
Cela fonctionne ! Pendant un instant j'ai cru que j'avais fais le code pour rien x)
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 3 EmptyJeu 05 Aoû 2010, 14:59
Revenir en haut Aller en bas
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Créer une organisation par onglets (messages) - Page 3 Empty
XD De rieeen~

S'il y a un autre problème n'hésite pas 8D
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 3 EmptyJeu 05 Aoû 2010, 15:25
Revenir en haut Aller en bas
https://www.facebook.com/profile.php?id=100000682240418
Sarah.
Sarah.
{ Membre }
{ Membre }

Féminin Messages : 78



Créer une organisation par onglets (messages) - Page 3 Empty
    Merci ! Alors tout marche sauf le ' météo ' qui n'affiche rien quand je clique dessus. Et une petite question, comment changer d'onglet seulement avec le passage de la souris ?
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 3 EmptySam 07 Aoû 2010, 11:34
Revenir en haut Aller en bas
http://www.illusionimaginative.net/
.Little Lady
.Little Lady
{ Membre actif }
{ Membre actif }

Féminin Messages : 564



Créer une organisation par onglets (messages) - Page 3 Empty
Cherche bien dans le tuto, c'est expliqué.
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 3 EmptyDim 15 Aoû 2010, 17:42
Revenir en haut Aller en bas
https://www.facebook.com/profile.php?id=100000682240418
Sarah.
Sarah.
{ Membre }
{ Membre }

Féminin Messages : 78



Créer une organisation par onglets (messages) - Page 3 Empty
    Ce qui est expliqué, c'est le problème pour l'onglet sur lequel on ne peut pas cliquer ou la changement d'onglet au passage de la souris ?
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 3 EmptyLun 16 Aoû 2010, 03:42
Revenir en haut Aller en bas
http://five-meteor-z.1fr1.net/index.htm
Æ
Æ
{ Membre }
{ Membre }

Masculin Messages : 27



Créer une organisation par onglets (messages) - Page 3 Empty
Bonjour !

Excusez-moi mais si le logo "+HTML" n'apparrait pas comment on fait ?

( Je sais chui nul....)
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 3 EmptyMar 31 Aoû 2010, 07:42
Revenir en haut Aller en bas
http://pacific-isle.forum-pro.fr/forum.htm
LittleThing
LittleThing
{ Membre }
{ Membre }

Féminin Messages : 175



Créer une organisation par onglets (messages) - Page 3 Empty
Si tu vois en bas à droite de la page un petit texte en vert : Créer une nouvelle page HTML, c'est la même chose ! ^^
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 3 EmptyMar 31 Aoû 2010, 07:55
Revenir en haut Aller en bas
http://five-meteor-z.1fr1.net/index.htm
Æ
Æ
{ Membre }
{ Membre }

Masculin Messages : 27



Créer une organisation par onglets (messages) - Page 3 Empty
Rebonjour !

Eh bien je vois le titre des onglets apparaitre mais...
Quand je clique dessus rien ne s'affiche !

Créer une organisation par onglets (messages) - Page 3 PICAA17
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 3 EmptyMar 31 Aoû 2010, 10:38
Revenir en haut Aller en bas
Contenu sponsorisé




Créer une organisation par onglets (messages) - Page 3 Empty
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 3 Empty
Revenir en haut Aller en bas
 

Créer une organisation par onglets (messages)

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 3 sur 7Aller à la page : Précédent  1, 2, 3, 4, 5, 6, 7  Suivant

 Sujets similaires

-
» Organisation par onglets.
» Créer une ancre (messages)
» Créer un accordéon vertical (messages)
» Créer une barre de défilement (messages)
» Organisation des messages et des sujets.

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Corbeille :: Archives de CSSActif :: Archives 2009~2011-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forumactif.com