"
Template:SLOtemp
From 2009.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
<html> | <html> | ||
| + | <script type="text/javascript" > | ||
| + | // JavaScript Document | ||
| + | |||
| + | startList = function() { | ||
| + | if (document.all&&document.getElementById) { | ||
| + | navRoot = document.getElementById("nav"); | ||
| + | for (i=0; i<navRoot.childNodes.length; i++) { | ||
| + | node = navRoot.childNodes[i]; | ||
| + | if (node.nodeName=="LI") { | ||
| + | node.onmouseover=function() { | ||
| + | this.className+=" over"; | ||
| + | } | ||
| + | node.onmouseout=function() { | ||
| + | this.className=this.className.replace(" over", ""); | ||
| + | } | ||
| + | } | ||
| + | } | ||
| + | } | ||
| + | } | ||
| + | window.onload=startList; | ||
| + | </script> | ||
<style type="text/css"> | <style type="text/css"> | ||
| - | body {background: # | + | body { |
| + | font: normal 11px verdana; | ||
| + | } | ||
| + | |||
| + | .test ul { | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | list-style: none; | ||
| + | width: 130px; /* Width of Menu Items */ | ||
| + | border-bottom: 1px solid #ccc; | ||
| + | } | ||
| + | |||
| + | .test ul li { | ||
| + | position: relative; | ||
| + | } | ||
| + | |||
| + | .test li ul { | ||
| + | position: absolute; | ||
| + | left: 129px; /* Set 1px less than menu width */ | ||
| + | top: 0; | ||
| + | display: none; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | /* Styles for Menu Items */ | ||
| + | .test ul li a { | ||
| + | display: block; | ||
| + | text-decoration: none; | ||
| + | color: #777; | ||
| + | background: #fff; /* IE6 Bug */ | ||
| + | padding: 5px; | ||
| + | border: 1px solid #ccc; | ||
| + | border-bottom: 0; | ||
| + | |||
| + | font-size:24px; | ||
| + | font-family:Agency FB; | ||
| + | color:#64606b; | ||
| + | text-align:center; | ||
| + | } | ||
| + | |||
| + | /* Fix IE. Hide from IE Mac \*/ | ||
| + | * html ul li { float: left; height: 1%; } | ||
| + | * html ul li a { height: 1%; } | ||
| + | /* End */ | ||
| + | |||
| + | .test ul li a:hover { color: #000066; background: #f9f9f9; } /* Hover Styles */ | ||
| + | |||
| + | .test li ul li a { padding: 2px 5px; } /* Sub Menu Styles */ | ||
| + | |||
| + | .test li:hover ul, li.over ul { display: block; } /* The magic */ | ||
</style> | </style> | ||
| + | |||
</html> | </html> | ||
| Line 14: | Line 86: | ||
<div> | <div> | ||
| + | <html> | ||
| + | <!-- skrita vsebina | ||
{| cellspacing="0" | {| cellspacing="0" | ||
|- | |- | ||
| Line 27: | Line 101: | ||
{{{Content}}} | {{{Content}}} | ||
|} | |} | ||
| - | + | --> | |
| + | </html> | ||
<html> | <html> | ||
</p> | </p> | ||
| + | <div class="test"> | ||
| + | <ul id="nav"> | ||
| + | <li><a href="https://2009.igem.org/Team:Slovenia"><strong>home</strong></a></li> | ||
| + | <li><a href="https://2009.igem.org/Team:Slovenia/Member"><strong>the team</strong></a></li> | ||
| + | <li><a href="https://2009.igem.org/Team:Slovenia/Project"><strong>the project</strong></a> | ||
| + | <ul> | ||
| + | <li><a href="#"><strong>subsite</strong></a></li> | ||
| + | <li><a href="#"><strong>subsite2</strong></a></li> | ||
| + | <li><a href="#"><strong>subsite3</strong></a></li> | ||
| + | </ul> | ||
| + | </li> | ||
| + | <li><a href="https://2009.igem.org/Team:Slovenia/Biobrick"><strong>bioBRICKs <br>&<br> standards</strong></a> </li> | ||
| + | <li><a href="https://2009.igem.org/Team:Slovenia/Support"><strong>support</strong></a></li> | ||
| + | |||
| + | </ul> | ||
| + | </div> | ||
| + | |||
</td> | </td> | ||
</tr> | </tr> | ||
Revision as of 12:01, 10 October 2009
