Faire un genre de tableau

homer59650 Messages postés 99 Date d'inscription   Statut Membre Dernière intervention   -  
homer59650 Messages postés 99 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
Je voudrais faire un genre du truc comme sur cette page https://www.nrj.fr/ une genre de tournantes en flash, merci d'avance!
Configuration: Windows 7
Firefox 3.0.13

3 réponses

  1. fofo77
     
    je vois pas trop se que tu veux dire mais tu peut faire sa
    <style>
    #niveau_1{
    width:170px;
    background-color:339900;
    padding-left:20px;
    }
    #niveau_2{
    width:170px;
    background-color:99ff00;
    padding-left:20px;
    }
    #niveau_3{
    width:170px;
    background-color:ccff00;
    padding-left:20px;
    }
    #niveau_4 {
    width:170px;
    background-color:yellow;
    padding-left:20px;
    color:ffffff;
    }
    #niveau_5 a{
    width:170px;
    background-color:00cc00;
    padding-left:20px;
    color:ffffff;

    }

    </style>
    </head>
    <script>
    function sous_menu_ouvre(_sous_menu) {
    _sous_menu.style.display='block';
    }
    function sous_menu_ferme(_sous_menu) {
    _sous_menu.style.display='none';
    }
    </script>
    </head>
    <body>
    <div id="bulle" style="position: absolute;"></div>
    <p><font color="#0000FF" size="5" face="Vivaldi" ><strong>Menu</strong></font></p>
    <ul style="list-style-type:square">
    <li onMouseOver="sous_menu_ouvre(document.getElementById('niveau_1_in'));"
    onMouseOut="sous_menu_ferme(document.getElementById('niveau_1_in'));" id="niveau_1" style="float:left">
    <a href="./script.php">scripts</a></li>
    <ul id="niveau_1_in" style="display:none">
    <li><a href="./scripts.php?id=1">compteur d'age</a></li> <br>
    <li><a href="./scripts.php?id=2">compteur de personne</a></li><br>
    <li><a href="./scripts.php?id=3">une introduction sympa</a></li><br>

    </ul>
    <li onMouseOver="sous_menu_ouvre(document.getElementById('niveau_2_in'));"
    onMouseOut="sous_menu_ferme(document.getElementById('niveau_2_in'));" id="niveau_2"style="float:left">
    <a href=./"index.php">index</a></li>
    <ul id="niveau_2_in" style="display:none">
    <li><a href=./"index.php">index</a></li>

    </ul>
    <li onMouseOver="sous_menu_ouvre(document.getElementById('niveau_3_in'));"
    onMouseOut="sous_menu_ferme(document.getElementById('niveau_3_in'));" id="niveau_3"style="float:left">
    <a href="./forum.html">mon forum</a></li>
    <ul id="niveau_3_in" style="display:none">
    <li><a href="./forum.html">mon forum</a></li>
    </ul>
    <li onMouseOver="sous_menu_ouvre(document.getElementById('niveau_4_in'));"
    onMouseOut="sous_menu_ferme(document.getElementById('niveau_4_in'));" id="niveau_4"style="float:left">
    <a href="./mail.html">contact</a></li>
    <ul id="niveau_4_in" style="display:none">
    <li><a href="./mail.html">contact</a></li>
    </ul>
    <li onMouseOver="sous_menu_ouvre(document.getElementById('niveau_5_in'));"
    onMouseOut="sous_menu_ferme(document.getElementById('niveau_5_in'));" id="niveau_5"style="float:left">
    <a href="./inscription.php">inscription</a></li>
    <ul id="niveau_5_in" style="display:none">
    <li><a href="./inscription.php" >inscription</a></li>
    </ul>
    </ul>
    <br><br><br><br><br>

    <script>
    va sur ce site tu feras: flo-html.fr.cr
    0
  2. fofo77
     
    je vois pas trop se que tu veux dire mais tu peut faire sa
    <style>
    #niveau_1{
    width:170px;
    background-color:339900;
    padding-left:20px;
    }
    #niveau_2{
    width:170px;
    background-color:99ff00;
    padding-left:20px;
    }
    #niveau_3{
    width:170px;
    background-color:ccff00;
    padding-left:20px;
    }
    #niveau_4 {
    width:170px;
    background-color:yellow;
    padding-left:20px;
    color:ffffff;
    }
    #niveau_5 a{
    width:170px;
    background-color:00cc00;
    padding-left:20px;
    color:ffffff;

    }

    </style>
    </head>
    <script>
    function sous_menu_ouvre(_sous_menu) {
    _sous_menu.style.display='block';
    }
    function sous_menu_ferme(_sous_menu) {
    _sous_menu.style.display='none';
    }
    </script>
    </head>
    <body>
    <div id="bulle" style="position: absolute;"></div>
    <p><font color="#0000FF" size="5" face="Vivaldi" ><strong>Menu</strong></font></p>
    <ul style="list-style-type:square">
    <li onMouseOver="sous_menu_ouvre(document.getElementById('niveau_1_in'));"
    onMouseOut="sous_menu_ferme(document.getElementById('niveau_1_in'));" id="niveau_1" style="float:left">
    <a href="./script.php">scripts</a></li>
    <ul id="niveau_1_in" style="display:none">
    <li><a href="./scripts.php?id=1">compteur d'age</a></li> <br>
    <li><a href="./scripts.php?id=2">compteur de personne</a></li><br>
    <li><a href="./scripts.php?id=3">une introduction sympa</a></li><br>

    </ul>
    <li onMouseOver="sous_menu_ouvre(document.getElementById('niveau_2_in'));"
    onMouseOut="sous_menu_ferme(document.getElementById('niveau_2_in'));" id="niveau_2"style="float:left">
    <a href=./"index.php">index</a></li>
    <ul id="niveau_2_in" style="display:none">
    <li><a href=./"index.php">index</a></li>

    </ul>
    <li onMouseOver="sous_menu_ouvre(document.getElementById('niveau_3_in'));"
    onMouseOut="sous_menu_ferme(document.getElementById('niveau_3_in'));" id="niveau_3"style="float:left">
    <a href="./forum.html">mon forum</a></li>
    <ul id="niveau_3_in" style="display:none">
    <li><a href="./forum.html">mon forum</a></li>
    </ul>
    <li onMouseOver="sous_menu_ouvre(document.getElementById('niveau_4_in'));"
    onMouseOut="sous_menu_ferme(document.getElementById('niveau_4_in'));" id="niveau_4"style="float:left">
    <a href="./mail.html">contact</a></li>
    <ul id="niveau_4_in" style="display:none">
    <li><a href="./mail.html">contact</a></li>
    </ul>
    <li onMouseOver="sous_menu_ouvre(document.getElementById('niveau_5_in'));"
    onMouseOut="sous_menu_ferme(document.getElementById('niveau_5_in'));" id="niveau_5"style="float:left">
    <a href="./inscription.php">inscription</a></li>
    <ul id="niveau_5_in" style="display:none">
    <li><a href="./inscription.php" >inscription</a></li>
    </ul>
    </ul>
    <br><br><br><br><br>

    va sur ce site tu feras: flo-html.fr.cr
    0
  3. homer59650 Messages postés 99 Date d'inscription   Statut Membre Dernière intervention   7
     
    Merci de tes infos, moi je voudrais faire comme cela :http://www.jeanmarcmorandini.com/Tournante.swf
    0