Créer une organisation par onglets (messages) - Page 5 Bouton_activeCréer une organisation par onglets (messages) - Page 5 Bouton_hoverCréer une organisation par onglets (messages) - Page 5 Fb-hoverCréer une organisation par onglets (messages) - Page 5 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 5 EmptyLun 03 Juin 2024, 17:20 par birds

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

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

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

» Qui Est En Ligne - Utopia
Créer une organisation par onglets (messages) - Page 5 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 5 EmptyJeu 02 Nov 2023, 06:42 par Hydrar

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

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

-20%
Le deal à ne pas rater :
Oceanic – Climatiseur monobloc réversible mobile 3530 W /12000 BTU
254.99 € 319.99 €
Voir le deal

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
Radimir
{ Membre actif }
{ Membre actif }

Masculin Messages : 459



Créer une organisation par onglets (messages) - Page 5 Empty
C'est dans l'overall_header Kimy ^^
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 5 EmptyMar 21 Sep 2010, 17:07
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 5 Empty
Pourrait-on avoir le contenu exact de ta page html s'il te plait~?
Peut-être que le problème vient de là, puisque le code est correctement inséré dans le template.

C'est peut-être juste une erreur de copié-collé~~
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 5 EmptyMar 21 Sep 2010, 17:11
Revenir en haut Aller en bas
http://misslitchyproduction.yourme.net
Kimy
{ Membre actif }
{ Membre actif }

Féminin Messages : 1190



Créer une organisation par onglets (messages) - Page 5 Empty
Je ne l'ai pas moi...
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 5 EmptyMar 21 Sep 2010, 17:12
Revenir en haut Aller en bas
http://dtbh-rpg.forumactif.org/index.htm
Lira
Lira
{ Membre }
{ Membre }

Féminin Messages : 182



Créer une organisation par onglets (messages) - Page 5 Empty
Désolée, j'ai du me coucher... ^^"

Code:
//<!--
                function change_onglet(name)
                {
                        document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                        document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                        document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                        document.getElementById('contenu_onglet_'+name).style.display = 'block';
                        anc_onglet = name;
                }
        //-->
Voilà le code de ma page html.

En fait laissez tomber... J'ai fais une demande de PA, ça sera plus simple ^^

Merci beaucoup de votre aide en tout cas.
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 5 EmptyMer 22 Sep 2010, 01:30
Revenir en haut Aller en bas
http://tokyo-decadance.vampire-legend.com/
Tamaki ♫
Tamaki ♫
{ Membre }
{ Membre }

Féminin Messages : 16



Créer une organisation par onglets (messages) - Page 5 Empty
J'ai essayé de faire ce tuto, mais quand je veux mettre une PA image dans chaque onglet. J'ai donc mis mon code PA dans "Contenu de l'onglet", mais rien ne s'affiche quand je passe la souris sur mon onglet Sad

Voici le code :

Code:
<div class="systeme_onglets">

        <div class="onglets">
            <span class="onglet_0 onglet" id="Avant tout" onmoseouver="javascript:change_onglet('nom_de_longlet');">Avant tout</span>

            <span class="onglet_0 onglet" id="Staff" onmoseouver="javascript:change_onglet('nom_de_longlet');">Staff</span>

            <span class="onglet_0 onglet" id="Wanted" onmoseouver="javascript:change_onglet('nom_de_longlet');">Wanted</span>

<span class="onglet_0 onglet" id="Affiliates" onmoseouver="javascript:change_onglet('nom_de_longlet');">Affiliates</span>

<span class="onglet_0 onglet" id="En plus..." onmoseouver="javascript:change_onglet('nom_de_longlet');">En plus...</span>

        </div>

          <div class="contenu_onglet" id="contenu_onglet_nom_de_longlet"><IMG NAME="avanttout0" SRC="http://i20.servimg.com/u/f20/14/30/59/21/avant_10.jpg" WIDTH="600" HEIGHT="300" BORDER="0" USEMAP="#avant tout">

<MAP NAME="accueil">

<AREA SHAPE="rect" COORDS="0,65,153,102" HREF=" http://tokyo-decadance.vampire-legend.net/-reglement-f2/rules-t3.htm#3" ALT="Règlement">

<AREA SHAPE="rect" COORDS="0,114,153,151" HREF=" http://tokyo-decadance.vampire-legend.net/-reglement-f2/rules-t3.htm#3" ALT="Contexte">


</MAP>
</div>

            <div class="contenu_onglet" id="contenu_onglet_nom_de_longlet">Contenu de l'onglet</div>

            <div class="contenu_onglet" id="contenu_onglet_nom_de_longlet">Contenu de l'onglet</div>

            <div class="contenu_onglet" id="contenu_onglet_nom_de_longlet">Contenu de l'onglet</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 = 'quoi';
                change_onglet(anc_onglet);
        //-->
        </script>

Je sais pas si j'ai mis ou enlevé un truc qu'il fallait pas (ouai, je m'appelle "Douée"...) ^^", si quelqu'un peut m'aidé =)
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 5 EmptySam 25 Sep 2010, 08:54
Revenir en haut Aller en bas
Radimir
{ Membre actif }
{ Membre actif }

Masculin Messages : 459



Créer une organisation par onglets (messages) - Page 5 Empty
Tu as mis ce code dans ta PA ou autre ?

Tu n'as pas oublié de le mettre?Aussi revois le tuto étape par étape en regardant bien si tu as fermer toute les balises

Code:
//<!--
                function change_onglet(name)
                {
                        document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                        document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                        document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                        document.getElementById('contenu_onglet_'+name).style.display = 'block';
                        anc_onglet = name;
                }
        //-->
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 5 EmptySam 25 Sep 2010, 12:12
Revenir en haut Aller en bas
http://tokyo-decadance.vampire-legend.com/
Tamaki ♫
Tamaki ♫
{ Membre }
{ Membre }

Féminin Messages : 16



Créer une organisation par onglets (messages) - Page 5 Empty
J'ai mis le code dans la PA. J'veins même de refaire le tuto' en entier, mais rien ne marche =O
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 5 EmptySam 25 Sep 2010, 12:41
Revenir en haut Aller en bas
http://release-organisation.forumactif.org
Mariie
{ Membre }
{ Membre }

Féminin Messages : 2



Créer une organisation par onglets (messages) - Page 5 Empty
Ou faut il mettre le code css ?
Merci d'avance Smile
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 5 EmptySam 25 Sep 2010, 12:43
Revenir en haut Aller en bas
Radimir
{ Membre actif }
{ Membre actif }

Masculin Messages : 459



Créer une organisation par onglets (messages) - Page 5 Empty
Bizarre , j'utilise souvent ce code et en le mettant au début de la PA avec le code qui suit si tu suis bien le tuto ça devrait marcher. Donc nouvelle question , tes catégories sont sous formes d'onglets ? As-tu utilisés les onglets pour autre chose que la PA ?

Marrie : Panneau d'administration >>> Affichage >> couleur >> Feuille de style Css

Tu colles le code dedans.
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 5 EmptySam 25 Sep 2010, 13:34
Revenir en haut Aller en bas
http://www.kirin-art-school.net
Mina
Mina
{ Membre }
{ Membre }

Féminin Messages : 122



Créer une organisation par onglets (messages) - Page 5 Empty
Bonjour !
Alors j'ai un petit souci.

J'ai testé ce code pour mon QEEL, voici mes problèmes :
- La barre rose à droite est décalée
- Le message "derniers membres connectés ces dernières 24h" s'est retrouvé en bas à gauche alors que j'aimerais qu'il rentre dans l'onglet "statistiques"
- Je ne sais pas où mettre le lien de mon image de fond pour qu'elle apparaisse en plus des onglets.

Voici mon template index_body :
Spoiler:

Ainsi que mon CSS :

Spoiler:

Je remercie d'avance celui ou celle qui jettera un oeil à mon problème =)
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 5 EmptyDim 26 Sep 2010, 14:09
Revenir en haut Aller en bas
http://www.kirin-art-school.net
Mina
Mina
{ Membre }
{ Membre }

Féminin Messages : 122



Créer une organisation par onglets (messages) - Page 5 Empty
Bon bah j'peux de nouveau plus éditer.
Ne vous prenez pas la tête pour mon problème, c'est réglé ! J'ai trouvé une alternative :

j'ai entouré mon code d'onglets dans le template d'une div "image" que j'ai ajouté dans mon CSS et j'ai réglé l'opacité des onglets pour qu'on voit le fond en entier.
Quant à la barre et le message des 24h, j'ai fait du deux en un : j'ai décoché 'affiche la liste des membres connectés aux dernières 24h'.

Voilà !
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 5 EmptyDim 26 Sep 2010, 16:07
Revenir en haut Aller en bas
http://n-co.exprimetoi.net
Bathory
{ Membre }
{ Membre }

Féminin Messages : 13



Créer une organisation par onglets (messages) - Page 5 Empty
Bonsoir =)
Merci pour ce tutoriel mais j'ai un petit problème ^^'
Voici ce que cela me donne : Ici ...

Voici mes codes :

Dans ma PA :
Spoiler:

Dans mon css :

Spoiler:

Dans mon Template :

Spoiler:

Pourriez-vous m'aider?
D'avance merci (:
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 5 EmptySam 02 Oct 2010, 14:44
Revenir en haut Aller en bas
http://...
Dumax
{ Membre }
{ Membre }

Féminin Messages : 12



Créer une organisation par onglets (messages) - Page 5 Empty
Hello,
J'aurais besoin d'aide s'il vous plaît. J'ai utilisé ce tuto sur mon forum dans les description comme ceci :
Spoiler:
Ce marche très bien mais le problème c'est que ca ne le fait que pour le premier forum et pas sur les autres. Voici le template, pouvez vous m'aidez ?
Spoiler:
Merci d'avance Smile
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 5 EmptyDim 03 Oct 2010, 11:20
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 5 Empty
Bonjour !

Peut etre c'est ecrit avant mais je n'ai pas vraiment le temps de lire les 8 pages...
bref j'aimerais savoir où l'on peut changer ce que l'onglet devient au click ou au passage de la souris SVP ?

Merci d'avance !
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 5 EmptyLun 04 Oct 2010, 13:38
Revenir en haut Aller en bas
http://www.artsoul.fr/
Kory
Kory
{ Membre actif }
{ Membre actif }

Féminin Messages : 370



Créer une organisation par onglets (messages) - Page 5 Empty
Tamaki ♫ a écrit:
J'ai essayé de faire ce tuto, mais quand je veux mettre une PA image dans chaque onglet. J'ai donc mis mon code PA dans "Contenu de l'onglet", mais rien ne s'affiche quand je passe la souris sur mon onglet Sad

Voici le code :

Code:
<div class="systeme_onglets">

        <div class="onglets">
            <span class="onglet_0 onglet" id="Avant tout" onmoseouver="javascript:change_onglet('nom_de_longlet');">Avant tout</span>

            <span class="onglet_0 onglet" id="Staff" onmoseouver="javascript:change_onglet('nom_de_longlet');">Staff</span>

            <span class="onglet_0 onglet" id="Wanted" onmoseouver="javascript:change_onglet('nom_de_longlet');">Wanted</span>

<span class="onglet_0 onglet" id="Affiliates" onmoseouver="javascript:change_onglet('nom_de_longlet');">Affiliates</span>

<span class="onglet_0 onglet" id="En plus..." onmoseouver="javascript:change_onglet('nom_de_longlet');">En plus...</span>

        </div>

          <div class="contenu_onglet" id="contenu_onglet_nom_de_longlet"><IMG NAME="avanttout0" SRC="http://i20.servimg.com/u/f20/14/30/59/21/avant_10.jpg" WIDTH="600" HEIGHT="300" BORDER="0" USEMAP="#avant tout">

<MAP NAME="accueil">

<AREA SHAPE="rect" COORDS="0,65,153,102" HREF=" http://tokyo-decadance.vampire-legend.net/-reglement-f2/rules-t3.htm#3" ALT="Règlement">

<AREA SHAPE="rect" COORDS="0,114,153,151" HREF=" http://tokyo-decadance.vampire-legend.net/-reglement-f2/rules-t3.htm#3" ALT="Contexte">


</MAP>
</div>

            <div class="contenu_onglet" id="contenu_onglet_nom_de_longlet">Contenu de l'onglet</div>

            <div class="contenu_onglet" id="contenu_onglet_nom_de_longlet">Contenu de l'onglet</div>

            <div class="contenu_onglet" id="contenu_onglet_nom_de_longlet">Contenu de l'onglet</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 = 'quoi';
                change_onglet(anc_onglet);
        //-->
        </script>

Je sais pas si j'ai mis ou enlevé un truc qu'il fallait pas (ouai, je m'appelle "Douée"...) ^^", si quelqu'un peut m'aidé =)
Normal, tu ne sais pas écrire "onmouseover" (Tu l'écris "onmoseouver")
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 5 EmptyLun 04 Oct 2010, 14:14
Revenir en haut Aller en bas
http://www.artsoul.fr/
Kory
Kory
{ Membre actif }
{ Membre actif }

Féminin Messages : 370



Créer une organisation par onglets (messages) - Page 5 Empty
Æ a écrit:
Bonjour !

Peut etre c'est ecrit avant mais je n'ai pas vraiment le temps de lire les 8 pages...
bref j'aimerais savoir où l'on peut changer ce que l'onglet devient au click ou au passage de la souris SVP ?

Merci d'avance !
Code:
<span class="onglet_0 onglet" id="onglet_nom_de_longlet" onmouseover="javascript:change_onglet('nom_de_longlet');">Nom de l'onglet</span>
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 5 EmptyLun 04 Oct 2010, 14:16
Revenir en haut Aller en bas
http://www.peoplewolf.com
Skwatt'
Skwatt'
{ Membre }
{ Membre }

Féminin Messages : 23



Créer une organisation par onglets (messages) - Page 5 Empty
    Bonjour,

    Tout d'abord, un grand merci pour ce tutoriel ^^
    Mais j'aurai une question à vous poser. Dans l'exemple, le code est bien appliqué à la PA ? Si oui, comment faire pour que les onglets soient placés au dessus du tableau de la PA ?

    ( je reprend le lien de l'exemple pour vous montrer ce que je veux dire ^^ ) :

    http://twilight-rpg.forumotion.com/Fiche-Pub-h2.htm

    Merci d'avance Smile
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 5 EmptyLun 04 Oct 2010, 16:53
Revenir en haut Aller en bas
http://ac-one.forumactif.org/
Noumi
{ Membre }
{ Membre }

Féminin Messages : 15



Créer une organisation par onglets (messages) - Page 5 Empty
Ca ne fonctionne pas du tout chez moi Sad
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 5 EmptySam 09 Oct 2010, 15:05
Revenir en haut Aller en bas
http://www.bbcsherlockfrance.com
Tiadeets
Tiadeets
{ Membre }
{ Membre }

Féminin Messages : 31



Créer une organisation par onglets (messages) - Page 5 Empty
Je dois être bête mais toute la partie onglet je ne vois pas où mettre ça.
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 5 EmptyMer 13 Oct 2010, 08:28
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 5 Empty
La partie Onglet, tu la mets soit dans une page HTML soit dans ta PA.
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 5 EmptyMer 13 Oct 2010, 11:24
Revenir en haut Aller en bas
http://n-co.exprimetoi.net
Bathory
{ Membre }
{ Membre }

Féminin Messages : 13



Créer une organisation par onglets (messages) - Page 5 Empty
Bathory a écrit:
Bonsoir =)
Merci pour ce tutoriel mais j'ai un petit problème ^^'
Voici ce que cela me donne : Ici ...

Voici mes codes :

Dans ma PA :
Spoiler:

Dans mon css :

Spoiler:

Dans mon Template :

Spoiler:

Pourriez-vous m'aider?
D'avance merci (:
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 5 EmptyMer 13 Oct 2010, 14:05
Revenir en haut Aller en bas
http://www.endlessart.be
Aerlinn
Aerlinn
{ Membre }
{ Membre }

Féminin Messages : 82



Créer une organisation par onglets (messages) - Page 5 Empty
Petite question, je ne sais pas si elle a déjà été posée (j'ai regardé mais je n'ai pas trouvé), est-ce que ce tuto peut s'appliquer également avec une image que l'on aurait préalablement découpé avec l'outil tranches sur Photoshop (de la même manière qu'un mapping)?
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 5 EmptyDim 17 Oct 2010, 18:06
Revenir en haut Aller en bas
http://www.bbcsherlockfrance.com
Tiadeets
Tiadeets
{ Membre }
{ Membre }

Féminin Messages : 31



Créer une organisation par onglets (messages) - Page 5 Empty
Je dois faire un truc qui va pas. Rien ne s'affiche, voici mon code html :

Code:
//<!--
                function change_onglet(name)
                {
                        document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                        document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                        document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                        document.getElementById('contenu_onglet_'+name).style.display = 'block';
                        anc_onglet = name;
                }
        //-->

<div class="systeme_onglets">

        <div class="onglets">
            <span class="onglet_0 onglet" id="onglet_nom_de_longlet" onclick="javascript:change_onglet('nom_de_longlet');">Welcome</span>
            <span class="onglet_0 onglet" id="onglet_nom_de_longlet" onclick="javascript:change_onglet('nom_de_longlet');">Staff</span>
            <span class="onglet_0 onglet" id="onglet_nom_de_longlet" onclick="javascript:change_onglet('nom_de_longlet');">Partenariats</span>
            <span class="onglet_0 onglet" id="onglet_nom_de_longlet" onclick="javascript:change_onglet('nom_de_longlet');">Crédits</span>
        </div>

        <div class="contenu_onglets">
            <div class="contenu_onglet" id="contenu_onglet_nom_de_longlet">
<table border="0">
<tr>
<td><size=18>Navigation : </size>
<br><br>
 * <a href="http://tiasbook.forumactif.com/dix-commandements-f47/"><font size="2">Les 10 commandements</font></a>
            <br>
* <a href="http://tiasbook.forumactif.com/biographies-f18/"><font size="2">Biographies</font></a>
<br>
            * <a href="http://tiasbook.forumactif.com/demandes-de-partenariats-f32/"><font size="2">Demande de partenariats</font></a>
<br>         
* <a href="http://tiasbook.forumactif.com/actualite-news-f27/"><font size="2">News</font></a></left></td><br><td><size=18>Welcome here {USERNAME}:</size> <br> <br> La musique vous envoute, les livres vous font rêver et voyager, vous ne pouvez plus vous passer de la magie des salles de cinéma?
<br>
Il n'y a plus qu'un pas à faire: rejoignez nous sur Tia's book, le forum où vous pourrez venir discuter de vos auteurs favoris tout comme faire votre playlist et faire partager vos clips préférés! <br>
Niveau détente, le "café" vous accueillera à toute heure, la joie et la bonne humeur seront au rendez vous parmi les jeux et les nombreuses discussions!
<br>
Et si vous avez envie de devenir notre partenaire, c'est par <a href="http://tiasbook.forumactif.com/demandes-de-partenariats-f32/" class="postlink">ici</a>!</td><br><td><size=18>News :</size>
<br><b><list>*Mars 2010 : </b>Boite à idées: Mettez vos idées pour le forum: <a href="http://tiasbook.forumactif.com/boite-a-idee-f35/">Ici</a></list>
<br><list><b>*Septembre 2010:</b> Nouveau design! Donner votre avis <a href="http://tiasbook.forumactif.com/t-s-b-news-f27/red-witch-book-t219.htm?sid=8f0a163aa5d96eab7652136c85abd2a0" class="postlink">ici</a></list>
<br><list><b>*Octobre 2010:</b> 1000 messages dépassés!!</list></td>
</tr>
</table></div>

            <div class="contenu_onglet" id="contenu_onglet_nom_de_longlet"><center>
<a href="http://tiasbook.forumactif.com/profile.forum?mode=viewprofile&u=1" class="imginfo"><img src="http://i822.photobucket.com/albums/zz147/tiadeets/Forum/Tia1.jpg"/><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i822.photobucket.com/albums/zz147/tiadeets/Signature-Avatar/Keiravava-1.png"/></a></td></tr><tr><td style="text-align: center;"><font size="2"><a href="http://tiasbook.forumactif.com/profile.forum?mode=viewprofile&u=1"><font color="#966154"><u>Tiadeets</u></font></a><br/></font></td></tr><tr align="center"/><td style="text-align: center;"><font size="1"><font color="#966154">Chef des Bibliothécaires</font><br/></font></td></tbody></table></span></a>

<a href="http://tiasbook.forumactif.com/profile.forum?mode=viewprofile&u=2" class="imginfo"><img src="http://i822.photobucket.com/albums/zz147/tiadeets/Forum/Shin1.jpg"/><span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://tiasbook.forumactif.com/users/2312/10/75/93/avatars/2-71.png"/></a></td></tr><tr><td style="text-align: center;"><font size="2"><a href="http://tiasbook.forumactif.com/profile.forum?mode=viewprofile&u=2"><font color="#966154"><u>Shinsai</u></font></a><br/></font></td></tr><tr align="center"/><td style="text-align: center;"><font size="1"><font color="#966154">Première Assistante</font><br/></font></td></tbody></table></span></a></center></div>

            <div class="contenu_onglet" id="contenu_onglet_nom_de_longlet"><HTML>
<HEAD>
<TITLE> MARQUEE - Exemple DIRECTION=up </TITLE>
</HEAD>
<BODY BGCOLOR="white" TEXT="black">
<MARQUEE SCROLLAMOUNT="5" DIRECTION="up" onmouseover=this.stop(); onmouseout=this.start() ><center><a href="http://the-graphics-only.forums-actifs.net"><img src="http://alainbregeon.free.fr/download/upload/mini.png" height="31" width="88"></a>
<br>
<a href="http://lemetro.forumdediscussions.com/forum.htm" class="postlink" target="_blank"><img src="http://i20.servimg.com/u/f20/12/40/50/96/88x3110.png" alt="" border="0"></a>
<br>
 <a href="http://simucatch.pro-forum.fr"><img src="http://i66.servimg.com/u/f66/14/86/53/49/patena10.png" height="31" width="88"></a>
<br>
<a href="http://accros-et-mordus.forumactif.com"><img src="http://i37.servimg.com/u/f37/11/37/51/56/logo_m10.gif" height="31" width="88"></a>
<br>
<a href="http://twilighters.forumactif.org/"><img src="http://nsa04.casimages.com/img/2009/01/26/09012608451959293.jpg" height="31" width="88"></a>
<br>
<a href="http://coffee-pub.forumactif.com"><img src="http://i21.servimg.com/u/f21/09/01/04/42/untitl30.jpg" height="31" width="88"></a>     
<br>
<a href="http://japan-pillow.asiat-world.com"><img src="http://img153.imageshack.us/img153/3270/bouton1japanpillow.png" height="31" width="88"></a>
</p></center>
</div></MARQUEE>
</BODY>
</HTML></div>
           
            <div class="contenu_onglet" id="contenu_onglet_nom_de_longlet">Le forum a été créé le 14février 2010.
                    <br>  Design créé par <a href="http://tiasbook.forumactif.com/profile.forum?mode=viewprofile&u=1">Tiadeets</a>
<br>
<br>
Souvent on dit forum optimisé sous tel ou tel navigateur et bien pour Tia's Book c'est Forum optimisé sous Windows 7. ^^
<br>
<center><a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/"><img alt="Contrat Creative Commons" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-nd/3.0/80x15.png" /></a><br /><span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">Tia's Book</span> by <a xmlns:cc="http://creativecommons.org/ns#" href="http://tiasbook.forumactif.com" property="cc:attributionName" rel="cc:attributionURL">Tiadeets</a>.
<img src="http://informatiquefrance.free.fr/sms/sms_13.jpg" border="0" alt="" /></center>
</div>
        </div>
    </div>
    <script type="text/javascript">
        //<!--
                var anc_onglet = 'Hello';
                change_onglet(anc_onglet);
        //-->
        </script>

Vous pouvez m'aider?
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 5 EmptyLun 25 Oct 2010, 17:19
Revenir en haut Aller en bas
Heaven H
{ Membre }
{ Membre }

Féminin Messages : 4



Créer une organisation par onglets (messages) - Page 5 Empty
Bonjour, je débute en HTML j'ai suivit le tutoriel, le soucis c'est que ca ne marche pas voila ce que j'obtient :

Spoiler:

J'ai suivit exactement les indications donner en créant tout d'abord ma page Html, ensuite j'ai copier ca
Code:
<script language="javascript" src="adresse de ta page html script onglet">
dans la description du Forum et enfin j'ai mis ce code dans ma page d’accueil :

Code:
<div class="systeme_onglets">

        <div class="onglets">
            <span class="onglet_0 onglet" id="onglet_contexte" onclick="javascript:change_onglet('contexte');">contexte</span>
            <span class="onglet_0 onglet" id="onglet_staff" onclick="javascript:change_onglet('staff');">le staff</span>
            <span class="onglet_0 onglet" id="onglet_posts_vacants" onclick="javascript:change_onglet('posts_vacants');">les posts vacants</span>
        </div>

        <div class="contenu_onglets">
            <div class="contenu_onglet" id="contenu_onglet_contexte">uc </div>

            <div class="contenu_onglet" id="contenu_staff">uc</div>

            <div class="contenu_onglet" id="contenu_onglet_posts_vacants">uc</div>
        </div>
    </div>
    <script type="text/javascript">
        //<!--
                var anc_onglet = 'accueil';
                change_onglet(anc_onglet);
        //-->
        </script>

Si quelqu'un pouvait m'expliquer où je me suis tromper ce serait super Very Happy
Merci d'avance (:
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 5 EmptyJeu 16 Déc 2010, 08:28
Revenir en haut Aller en bas
Choune
{ Membre }
{ Membre }

Féminin Messages : 14



Créer une organisation par onglets (messages) - Page 5 Empty
Voila moi, j'ai un gros soucis avec le tuto ! J'ai tout suivis et pourtant rien...quand je passe la souris dessus rien ce passe... aucun onglet s'ouvre!
Donc voila mes codes , en espérant que vous pouvez m'aidez car la j'en peux plus, j'ai tout essayer...

Code:
<div class="systeme_onglets">
        <div class="onglets">
            <span class="onglet_0 onglet" id="onglet_nom_de_longlet" onmouseover="javascript:change_onglet('onglet1');"><font size="4">The Great Story</font></span>
            <span class="onglet_0 onglet" id="onglet_nom_de_longlet" onmouseover="javascript:change_onglet('onglet2');"><font size="4">The Crazy Team</font></span>
            <span class="onglet_0 onglet" id="onglet_nom_de_longlet" onmouseover="javascript:change_onglet('onglet3');"><font size="4">We Need Them</font></span>
<span class="onglet_0 onglet" id="onglet_nom_de_longlet" onmouseover="javascript:change_onglet('onglet4');"><font size="4">We Love It</font></span>
        </div><div class="contenu_onglets">
            <div class="contenu_onglet" id="contenu_onglet_onglet1">
<br> <table><tbody><tr><td><blockquote><center><div style="background-color: #D54C39;"><font size="4"><font color="#576F40"><b>CONTEXTE</b></font></font></div>
<br><div style="width: 240px; background-color: #EAE08D;"><div style="padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;"><div style="overflow: auto; width: 220px; height: 210px;"><font size="3"><align= justify=""><i><font face="Georgia"><div align="right">Miami, 2010</div> </font></i><br>
<font size="3"><div align="justify">La ville à été le terrain de jeux de plusieurs scientifiques qui ont voulu jouer à Dieu. Pour cela, ils ont déversé un produit toxique dans l'eau potable de plusieurs villes. Aujourd'hui le monde est donc ravagé par un nouveau mal, un mal qui tue ou fait évoluer les gênes des gens. Plusieurs personnes se sont découverts des pouvoirs suite à cet "incident", mais toutes ne les utilisent pas pour faire le bien... et vous, quel sera votre camps??</div></font></align=></font></div></div></blockquote></center>
<br>
</td><td><br><blockquote><center><div style="background-color: #D54C39;"><font size="4"><font color="#586F49"><b>INFOS</b></font></font></div>
<br><div style="width: 375px; height:150; background-color: #EAE08D; -moz-border-radius-topleft: 10px;  -moz-border-radius-topright: 10px; -moz-border-radius-bottomleft: 10px;  -moz-border-radius-bottomright: 10px"><div style="padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;"><div style="border: 2px solid #132E16; text-align: center; width: 350px; -moz-border-radius: 9px 9px 9px 9px; line-height: 12px;"><blockquote><div align="justify"><font face="Georgia"><span style="font-size: 14px; line-height: normal;"><br>○ Bienvenue à Miami,
<br>○ Ici nous vous demandons un minimum de 15 lignes de RP ○ Si vous avez des questions n'hésitez pas à envoyé un MP aux admins ou à poster dans le coins des invités ○ Aidez nous à faire connaitre le forum en votant pour nous <a href="http://hysteria.forums-actifs.net/banque-f81/les-votes-t58.htm" class="postlink">ici</a> ○ Et surtout n'oubliez pas de vous amuser (mais je m'en fais pas trop pour ça avec nous vous allez vous amuser!! <img src="http://terminator.keuf.net/users/1513/18/91/96/smiles/540148.gif" alt="" border="0"> ) ○ <img src="http://terminator.keuf.net/users/1513/18/91/96/smiles/466589.gif" alt="" border="0"> ○
<br>
<br>
○ Nous vous proposons de venir donner vos avis sur ce que vous aimeriez obtenir avec vos points top sites <a href="http://hysteria.forums-actifs.net/panneau-d-affichage-f74/qu-est-ce-que-les-points-apportent-t364.htm" class="postlink">ici</a> ○</span></font></div><font face="Georgia"></font></blockquote></div></center></div></div></blockquote></center></blockquote></td></tr></tbody></table>
  </div><div class="contenu_onglet" id="contenu_onglet_onglet2">
<br><br><center><blockquote><blockquote><div style="background-color: #D54C39;"><font size="4"><font color="#586F49"><b>TEAM ADMIN</b></font></font></div></blockquote></blockquote>
<br><font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img510.imageshack.us/img510/2443/cait.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font size="1">Caitlyn Clearwater</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://img838.imageshack.us/img838/8681/21948393.gif"></a></td></tr><tr><td style="text-align: center;"><font size="1">Fondatrice et Admin et le premier qui touche aura affaire à Catwoman...<br></font></td></tr><tr align="center"></tr></tbody></table></span></a> <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img821.imageshack.us/img821/2286/cathk.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font size="1">Catherina Clearwater</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://img225.imageshack.us/img225/8660/66994324.gif"></a></td></tr><tr><td style="text-align: center;"><font size="1">Admin, attention Catwoman adore jouer avec son fouet...<br></font></td></tr><tr align="center"></tr></tbody></table></span></a> <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img821.imageshack.us/img821/6029/lukae.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font size="1">Luka Van H</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i44.tinypic.com/n1b9xd.gif"></a></td></tr><tr><td style="text-align: center;"><font size="1">Admin, WonderWoman fait des ravage dans son costume moulant...<br></font></td></tr><tr align="center"></tr></tbody></table></span></a> <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img829.imageshack.us/img829/8840/esmee.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font size="1">Esmée A. Brown</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://img96.imageshack.us/img96/7443/651923227.gif"></a></td></tr><tr><td style="text-align: center;"><font size="1">Admin, La folie et la perversion font partie de ses nombreuses qualitées...<br></font></td></tr><tr align="center"></tr></tbody></table></span></a><br><br>
<center><blockquote><blockquote><div style="background-color: #D54C39;"><font size="4"><font color="#586F49"><b>TEAM MODO</b></font></font></div></blockquote></blockquote>
<br><font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img84.imageshack.us/img84/3713/carter.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font size="1">Carter Gordon</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i40.tinypic.com/14t30ig.gif"></a></td></tr><tr><td style="text-align: center;"><font size="1">Modératrice, elle parle aux animaux mais pas de panique elle sait aussi parler aussi aux humains!!<br></font></td></tr><tr align="center"></tr></tbody></table></span></a> <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img196.imageshack.us/img196/9376/jacksonn.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font size="1">Sean Lewis</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://img508.imageshack.us/img508/9153/45611482.gif"></a></td></tr><tr><td style="text-align: center;"><font size="1">Modérateur, petit tigre pervers mais chou... propriété de Catwoman!!<br></font></td></tr><tr align="center"></tr></tbody></table></span></a> <font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://img190.imageshack.us/img190/2542/mikei.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;"></font><span><table width="125" border="0" cellpadding="1" cellspacing="1"><tbody><tr><td style="text-align: center;"><font size="1">Mike Millers</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://www.netimago.com/images/yH15FieIcpOrvJC.gif"></a></td></tr><tr><td style="text-align: center;"><font size="1">Modérateur, chef du gouvernement des bisounours...<br></font></td></tr><tr align="center"></tr></tbody></table></span></a></center>
<br>
  </div><div class="contenu_onglet" id="contenu_onglet_onglet3">
<br><br><center><blockquote><blockquote><div style="background-color: #D54C39;"><font size="4"><font color="#586F49"><b>I WANT YOU...</b></font></font></div></blockquote></blockquote>
<br><a href="http://hysteria.forums-actifs.net/postes-vacants-f3/heavy-things-2-3-t24.htm" class="postlink" target="_blank"><img src="http://img257.imageshack.us/img257/3598/101103103818253881.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;" border="0" alt="" /></a> <a href="http://hysteria.forums-actifs.net/postes-vacants-des-membres-f69/one-is-mine-the-other-needs-some-love-feat-robert-pattinson-et-steven-strait-t63.htm" class="postlink" target="_blank"><img src="http://img715.imageshack.us/img715/4647/2vk0qc7.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;" border="0" alt="" /></a> <a href="http://hysteria.forums-actifs.net/t25-silver-heart-hunter-1-3" class="postlink" target="_blank"><img src="http://img824.imageshack.us/img824/9578/101103093152775021.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;" border="0" alt="" /></a>
<br><br><a href="http://hysteria.forums-actifs.net/t21-black-soul-3-4" class="postlink" target="_blank"><img src="http://img842.imageshack.us/img842/9039/peter1b.jpg" style="border:7px #EAE08D solid; -moz-border-radius:10px;" border="0" alt="" /></a> <a href="http://hysteria.forums-actifs.net/t22-sweet-heart-2-3" class="postlink" target="_blank"><img src="http://img146.imageshack.us/img146/406/596650diannaic4.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;" border="0" alt="" /></a> <a href="http://hysteria.forums-actifs.net/t21-black-soul-3-4" class="postlink" target="_blank"><img src="http://img43.imageshack.us/img43/43/24q7d7cjpg.png" style="border:7px #EAE08D solid; -moz-border-radius:10px;" border="0" alt="" /></a></center>
  </div><div class="contenu_onglet" id="contenu_onglet_onglet4">
Contenu de l'onglet</div>
        </div>
    </div>
    <script type="text/javascript">
        //<!--
                var anc_onglet = 'onglet1';
                change_onglet(anc_onglet);
        //-->
        </script>

Et voici mon CSS :

Code:
.onglet
        {
                display:inline-block;
                margin-left:10px;
                margin-right:10px;
                padding:5px;
                border:5px #A81D0D ridge;
-moz-border-radius : 6px 6px 6px 6px;
                cursor:pointer;
        }
        .onglet_0
        {
                background:#576F42;
                border-bottom:5px #A81D0D ridge;
        }
        .onglet_1
        {
                background:#576F42;
                border-bottom:5px #A81D0D ridge;
                padding-bottom:6px;
        }
        .contenu_onglet
        {
                background-color:#576F42;
                border:5px #A81D0D ridge;
                margin-top:-1px;
                padding:5px;
                display:none;
        }

Merci d'avance, a celui qui pourra m'aidé ^^
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 5 EmptyLun 20 Déc 2010, 08:03
Revenir en haut Aller en bas
Contenu sponsorisé




Créer une organisation par onglets (messages) - Page 5 Empty
MessageSujet: Re: Créer une organisation par onglets (messages)   Créer une organisation par onglets (messages) - Page 5 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 5 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 | Forum gratuit