"
Template:INSA-Lyon/menuA
From 2011.igem.org
(Difference between revisions)
| (221 intermediate revisions not shown) | |||
| Line 3: | Line 3: | ||
<style type="text/css"> | <style type="text/css"> | ||
| - | # | + | #menu { |
| - | width: | + | width: 170px ; /*220*/ |
| - | list-style: none ; | + | background:white; |
| - | + | } | |
| - | + | ||
| + | #menu ul { | ||
| + | padding: 0; | ||
| + | width: 150px; | ||
| + | border:0px solid; | ||
| + | margin:0px; | ||
| + | } | ||
| + | |||
| + | #menu ul li { | ||
| + | background: #008000 ; | ||
| + | color:#008000 ; | ||
| + | position:relative; | ||
| + | list-style: none; /*on enleve les icones de liste*/ | ||
| + | width: 150; /*200*/ | ||
| + | border-bottom: 10px solid; | ||
| + | border-top : 10px solid ; | ||
| + | border-left : 10px solid; | ||
| + | border-color : #008000; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | #menu ul ul { | ||
| + | position: relative; | ||
| + | top: 0; | ||
| + | left: 0px; /* correspond au décalage a droite*/ | ||
| + | display : none | ||
| + | } | ||
| + | |||
| + | #menu ul ul li { | ||
| + | background: #32CD32; | ||
| + | position:relative; | ||
| + | list-style: none; /*on enleve les icones de liste */ | ||
| + | border-top: 1px solid; | ||
| + | border-bottom:1px solid; | ||
| + | text-align: center ; | ||
| + | } | ||
| + | |||
| + | #menu li a { | ||
| + | text-decoration: none ; | ||
| + | color : white; | ||
| + | font-family : Times; | ||
| + | font-weight :bold; | ||
| + | font-size : large; | ||
| + | } | ||
| + | |||
| + | #menu li.sousmenu { | ||
| + | background: #008000 ; | ||
| + | } | ||
| + | |||
| + | |||
| + | #menu li:hover { | ||
| + | background:#90EE90; | ||
} | } | ||
</style> | </style> | ||
| - | < | + | |
| - | + | ||
| + | <script type="text/javascript"> | ||
| + | |||
| + | window.onload = montre('submenu0'); | ||
| + | var opened = false; | ||
| - | + | function montre(id) { | |
| - | + | document.getElementById('submenu0').style.display='none'; | |
| - | + | var d = document.getElementById(id); | |
| - | + | if (d) { | |
| - | + | if(opened == d) { | |
| - | + | opened = false; | |
| - | </ | + | d.style.display='none'; |
| + | } else { | ||
| + | opened = d; | ||
| + | d.style.display='block'; | ||
| + | } | ||
| + | } | ||
| + | } | ||
| + | </script> | ||
| + | |||
| + | <div id="menu"> | ||
| + | <ul class="niveau1"> | ||
| + | |||
| + | <li><a href="/Team:Lyon-INSA-ENS" title="go to home">Home</a></li> | ||
| + | <ul id="submenu0" style='display:none;'> | ||
| + | </ul> | ||
| + | |||
| + | <li> <a class="sousmenu" onclick="javascript:montre('submenu1');"> About us</a> | ||
| + | <ul id="submenu1" style='display:none;'> | ||
| + | <li><a href="/Team:Lyon-INSA-ENS/Team/Students" title="go to team">Team</a></li> | ||
| + | <li><a href="/Team:Lyon-INSA-ENS/Team/Insa" title="go to INSA">INSA</a></li> | ||
| + | <!-- <li><a href="/Team:Lyon-INSA-ENS/Team/ENS" title="go to students">ENS</a></li> | ||
| + | <li><a href="/Team:Lyon-INSA-ENS/Team/Lyon" title="go to discover Lyon">Discover Lyon</a></li> | ||
| + | <li><a href="/Team:Lyon-INSA-ENS/Team/Gallery" title="go to students">Gallery</a></li> --> | ||
| + | </ul> | ||
| + | </li> | ||
| + | <li> <a class="sousmenu" onclick="javascript:montre('submenu2');"> Project</a> | ||
| + | <ul id="submenu2" style='display:none;'> | ||
| + | <li><a href="/Team:Lyon-INSA-ENS/Project/Introduction" title="go to Introduction">Introduction</a></li> | ||
| + | <!-- <li><a href="/Team:Lyon-INSA-ENS/Project/Issue" title="go to Issue">Issue</a></li> | ||
| + | <li><a href="/Team:Lyon-INSA-ENS/Project/Human practices" title="go to Human practices">Human practice</a> </li> | ||
| + | <li><a href="/Team:Lyon-INSA-ENS/Project/Reglementary" title="go to Reglementary Aspects">Reglementary Aspects</a></li> --> | ||
| + | </ul> | ||
| + | </li> | ||
| + | |||
| + | <!-- <li> <a class="sousmenu" onclick="javascript:montre('submenu3');"> Realization</a> | ||
| + | <ul id="submenu3" style='display:none;'> | ||
| + | <li><a href="/Team:Lyon-INSA-ENS/Realisation/Experiment" title="go to experiment plan">Experiments schedule</a></li> | ||
| + | <li><a href="/Team:Lyon-INSA-ENS/Realisation/Parts" title="go to Parts">Parts</a></li> | ||
| + | <li><a href="/Team:Lyon-INSA-ENS/Realisation/Notebook" title="go to Notebook">Notebook</a></li> | ||
| + | </ul> | ||
| + | </li>--> | ||
| + | |||
| + | |||
| + | <li><a class="sousmenu" onclick="javascript:montre('submenu4');">Communication</a> | ||
| + | <ul id="submenu4" style='display:none;'> | ||
| + | <li><a href="/Team:Lyon-INSA-ENS/Communication/Conferences" title="go to conferences">Conferences</a></li> | ||
| + | <li><a href="/Team:Lyon-INSA-ENS/Communication/Events" title="go to events">Events</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
| + | |||
| + | <li><a href="/Team:Lyon-INSA-ENS/Sponsors" title="go to sponsors">Sponsors</a></li> | ||
| + | <li><a href="/Team:Lyon-INSA-ENS/Contact">Contact us</a></li> | ||
| + | </ul> | ||
| + | </div> | ||
</html> | </html> | ||
Latest revision as of 09:37, 4 July 2011
