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