OL-Mag | Merci à toi
Code :
- <head>
- <style type="text/css" media="screen">
- <!--
- dl, dt, dd, ul, li {
- margin: 0;
- padding: 0;
- list-style-type: none;
- font: 11px verdana, arial, sans-serif;
- }
- #menu {
- position: absolute; /* placement du menu, à modifier selon vos besoins */
- top: 0;
- left: 0;
- }
- #menu {
- width: 130px;
- }
- #menu dt {
- cursor: pointer;
- margin: 1px 0;
- height: 20px;
- line-height: 20px;
- text-align: gauche;
- font-weight: bold;
- border: 0px solid ;
- background: #C6CBD3;
- font: 11px verdana, arial, sans-serif;
- font-weight:bold;
- border-left: 10px solid #003366;
- padding: 0.25em 0.5em 0.25em 0.75em;
- color : #242424;
- }
- #menu dd {
- border: 0px solid;
- }
- #menu li {
- text-align: right;
- background: #e8e8e8;
- font: 11px verdana, arial, sans-serif;
- border-left: 10px solid #ffffff;
- }
- #menu li a, #menu dt a {
- color: #000;
- text-decoration: none;
- display: block;
- border: 0 none;
- height: 100%;
- }
- #menu li a:hover, #menu dt a:hover {
- background: #C6CBD3;
- color : #242424;
- font-weight:bold;
- }
- #menu dt:hover {
- background: #ffffff;
- }
- -->
- </style>
- <script type="text/javascript">
- <!--
- window.onload=montre;
- function montre(id) {
- var d = document.getElementById(id);
- for (var i = 1; i<=20; i++) {
- if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
- }
- if (d) {d.style.display='block';}
- }
- //-->
- </script></head>
- <body><dl id="menu" name="menu">
- <dt onclick="javascript:montre();"><a href="#">Accueil</a></dt>
- <dt onclick="javascript:montre('smenu2');">Le Club</dt>
- <dd id="smenu2">
- <ul>
- <li><a href="#">Présentation</a></li>
- <li><a href="#">Infrastructures</a></li>
- <li><a href="#">La formation</a></li>
- <li><a href="#">Présidents/Coachs</a></li>
- </ul>
- </dd>
- <dt onclick="javascript:montre('smenu3');">Historique</dt>
- <dd id="smenu3">
- <ul>
- <li><a href="#">En bref</a></li>
- <li><a href="#">Saisons passées</a></li>
- </ul>
- </dd>
- <dt onclick="javascript:montre('smenu4');">Ligue 1</dt>
- <dd id="smenu4">
- <ul>
- <li><a href="#">Calendrier/Résultats</a></li>
- <li><a href="#">Classement</a></li>
- <li><a href="#">Statistiques</a></li>
- <li><a href="#">Effectif pro</a></li>
- <li><a href="#">Les clubs</a></li>
- <li><a href="#">Interviews</a></li>
- <li><a href="#">Transferts</a></li>
- </ul>
- </dd>
- <dt onclick="javascript:montre('smenu5');">CFA 2</dt>
- <dd id="smenu5">
- <ul>
- <li><a href="#">Calendrier/Résultats</a></li>
- <li><a href="#">Classement</a></li>
- <li><a href="#">Effectif</a></li>
- </ul>
- </dd>
- <dt onclick="javascript:montre('smenu6');">Jeunes</dt>
- <dd id="smenu6">
- <ul>
- <li><a href="#">Calendriers/Résultats</a></li>
- <li><a href="#">Classements</a></li>
- <li><a href="#">Effectifs</a></li> </ul>
- </dd>
- <dt onclick="javascript:montre('smenu7');">Supporters</dt>
- <dd id="smenu7">
- <ul>
- <li><a href="#">À la une</a></li>
- <li><a href="#">Les groupes</a></li>
- <li><a href="#">Annonces</a></li>
- <li><a href="#">Photos</a></li>
- </ul>
- </dd>
- <dt onclick="javascript:montre('smenu8');">Phototheque</dt>
- <dd id="smenu8">
- <ul>
- <li><a href="#">À la une</a></li>
- <li><a href="#">2006/2007</a></li>
- <li><a href="#">2005/2006</a></li>
- <li><a href="#">2004/2005</a></li>
- <li><a href="#">2003/2004</a></li>
- <li><a href="#">2002/2003</a></li>
- </ul>
- </dd>
- <dt onclick="javascript:montre('smenu9');">Mediatheque</dt>
- <dd id="smenu9">
- <ul>
- <li><a href="#">À la une</a></li>
- <li><a href="#">Autres</a></li>
- </ul>
- </dd>
- <dt onclick="javascript:montre('smenu10');">Goodies</dt>
- <dd id="smenu10">
- <ul>
- <li><a href="#">Fonds d'Ecran</a></li>
- <li><a href="#">Smilies</a></li>
- <li><a href="#">Widgets</a></li>
- </ul>
- </dd>
- <dt onclick="javascript:montre('smenu11');">Pronostiquez</dt>
- <dd id="smenu11">
- <ul>
- <li><a href="#">La L1</a></li>
- <li><a href="#">Le CFA 2</a></li>
- <li><a href="#">Les -18 nationaux</a></li>
- <li><a href="#">Les -16 nationaux</a></li>
- <li><a href="#">Les -14 féderaux</a></li>
- <li><a href="#">Pronos en cours</a></li>
- <li><a href="#">Les classements</a></li>
- </ul>
- </dd>
- <dt onclick="javascript:montre('smenu12');">Communauté</dt>
- <dd id="smenu12">
- <ul>
- <li><a href="#">Le forum</a></li>
- <li><a href="#">Les blogs</a></li>
- <li><a href="#">Nos liens</a></li>
- <li><a href="#">Le webring</a></li>
- <li><a href="#">À propos</a></li>
- <li><a href="#">Contacts</a></li>
- </ul>
- </dd>
- </dl>
- <table width="520" border="0" align="center" cellpadding="0" cellspacing="0">
- <tr>
- <td valign="top"> </td>
- </tr>
- </table>
- </body>
|
|