"
Template:INSA-Lyon/menuA
From 2011.igem.org
(Difference between revisions)
| (152 intermediate revisions not shown) | |||
| Line 4: | Line 4: | ||
#menu { | #menu { | ||
| - | width: | + | width: 170px ; /*220*/ |
background:white; | background:white; | ||
} | } | ||
| Line 10: | Line 10: | ||
#menu ul { | #menu ul { | ||
padding: 0; | padding: 0; | ||
| - | width: | + | width: 150px; |
| - | border: | + | border:0px solid; |
margin:0px; | margin:0px; | ||
} | } | ||
#menu ul li { | #menu ul li { | ||
| - | background: # | + | background: #008000 ; |
| - | color:# | + | color:#008000 ; |
position:relative; | position:relative; | ||
| - | list-style: none; /*on enleve les icones de liste */ | + | list-style: none; /*on enleve les icones de liste*/ |
| - | width: | + | width: 150; /*200*/ |
| - | border- | + | border-bottom: 10px solid; |
| - | border- | + | border-top : 10px solid ; |
| - | border-left: | + | border-left : 10px solid; |
| + | border-color : #008000; | ||
} | } | ||
| Line 33: | Line 34: | ||
left: 0px; /* correspond au décalage a droite*/ | left: 0px; /* correspond au décalage a droite*/ | ||
display : none | display : none | ||
| - | |||
} | } | ||
#menu ul ul li { | #menu ul ul li { | ||
| - | background: # | + | background: #32CD32; |
position:relative; | position:relative; | ||
list-style: none; /*on enleve les icones de liste */ | list-style: none; /*on enleve les icones de liste */ | ||
| + | border-top: 1px solid; | ||
border-bottom:1px solid; | border-bottom:1px solid; | ||
text-align: center ; | text-align: center ; | ||
| - | |||
} | } | ||
| Line 54: | Line 54: | ||
#menu li.sousmenu { | #menu li.sousmenu { | ||
| - | background: # | + | background: #008000 ; |
} | } | ||
| - | #menu | + | #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"> | <div id="menu"> | ||
<ul class="niveau1"> | <ul class="niveau1"> | ||
| + | |||
<li><a href="/Team:Lyon-INSA-ENS" title="go to home">Home</a></li> | <li><a href="/Team:Lyon-INSA-ENS" title="go to home">Home</a></li> | ||
| - | + | <ul id="submenu0" style='display:none;'> | |
| - | + | </ul> | |
| - | <ul | + | |
| - | <li><a href="/Team:Lyon-INSA-ENS/Team/Students" title="go to | + | <li> <a class="sousmenu" onclick="javascript:montre('submenu1');"> About us</a> |
| - | <li><a href="/Team:Lyon-INSA-ENS/Team/Insa" title="go to | + | <ul id="submenu1" style='display:none;'> |
| - | <li><a href="/Team:Lyon-INSA-ENS/Team/ENS" title="go to students"> | + | <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/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> | + | <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> | </ul> | ||
</li> | </li> | ||
| - | |||
| - | |||
<li><a href="/Team:Lyon-INSA-ENS/Sponsors" title="go to sponsors">Sponsors</a></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> | <li><a href="/Team:Lyon-INSA-ENS/Contact">Contact us</a></li> | ||
| - | |||
| - | |||
</ul> | </ul> | ||
</div> | </div> | ||
</html> | </html> | ||
Latest revision as of 09:37, 4 July 2011
