Template:KIT-Kyoto/menu
From 2010.igem.org
(Difference between revisions)
(95 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | <html>< | + | <html><head> |
+ | <style type="text/css"> | ||
+ | |||
+ | .menu table, .menu tr, .menu td {background:transparent url("https://static.igem.org/mediawiki/2010/6/60/HAIKEI2.PNG");} | ||
+ | table,tr,td {background-color: transparent;} | ||
+ | |||
+ | .LabDaily table, .LabDaily tr, .LabDaily td {background:transparent url("https://static.igem.org/mediawiki/2010/e/e5/HAIKEI-HIDARI.PNG");} | ||
+ | |||
+ | /* ナビゲーション */ | ||
+ | #navi_continer { | ||
+ | position: relative; | ||
+ | z-index:100; | ||
+ | width: 1000px; | ||
+ | height:25px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | #navi { | ||
+ | position: absolute; | ||
+ | top: 0px; | ||
+ | left: 0px; | ||
+ | width: 1000px; | ||
+ | } | ||
+ | |||
+ | #navi ul { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | #navi li { | ||
+ | color: #fffff; | ||
+ | float: left; | ||
+ | width: 125px; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | #navi li a { | ||
+ | font-size: 12px; | ||
+ | color: #ffffff; | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | padding: 0px 0; | ||
+ | text-align: center; | ||
+ | text-decoration: none; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | #navi li a:hover { | ||
+ | color: #ffffff; | ||
+ | background-color: #9f1522; | ||
+ | } | ||
+ | |||
+ | /* サブメニュー */ | ||
+ | #navi ul.sub { | ||
+ | background:transparent url("https://static.igem.org/mediawiki/2010/6/60/HAIKEI2.PNG"); | ||
+ | } | ||
+ | |||
+ | #navi ul.sub li { | ||
+ | float: none; | ||
+ | } | ||
+ | |||
+ | #navi ul.sub li a { | ||
+ | color: #ffffff; | ||
+ | background: none; | ||
+ | font-size: 12px; | ||
+ | font-weight: normal; | ||
+ | padding: 1px 0; | ||
+ | border-top:0px solid #000099; | ||
+ | } | ||
+ | |||
+ | #navi ul.sub li a:hover { | ||
+ | |||
+ | color: #ffffff; | ||
+ | background-color: #9f1522; | ||
+ | } | ||
+ | |||
+ | #navi ul li.navi_menu ul { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #navi ul li.navi_menu_on ul { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | #navi li.navi_menu{ | ||
+ | border:0px solid #000099; | ||
+ | } | ||
+ | |||
+ | #navi li.navi_menu_on{ | ||
+ | border:0px solid #000099; | ||
+ | } | ||
+ | |||
+ | |||
+ | #iGEM { | ||
+ | position: relative; | ||
+ | float:right; | ||
+ | width: 180px; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | border: 0px solid #42CBDC; | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | <script type="text/javascript" src="http://kitchen.net-perspective.com/sf-example/jquery.js"></script> | ||
+ | <script type="text/javascript" src="http://kitchen.net-perspective.com/sf-example/ui.core.js"></script> | ||
+ | <script type="text/javascript" src="http://kitchen.net-perspective.com/sf-example/jquery.scroll-follow.js"></script> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | $( document ).ready( function () | ||
+ | { | ||
+ | $( '#iGEM' ).scrollFollow(); | ||
+ | } | ||
+ | ); | ||
+ | </script> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </head> | ||
+ | <body> | ||
+ | <div id="iGEM"> | ||
+ | <a href="https://2010.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2010/b/be/IGEMKIT.JPG" alt="iGEM Home" /> </a> | ||
+ | </div> | ||
<BR><BR> | <BR><BR> | ||
- | <TABLE border="0 | + | |
- | + | <TABLE border="0" cellspacing="0" cellpadding="0" width="965px" align="center"><tr><TD> | |
- | <IMG src="https://static.igem.org/mediawiki/2010/3/30/KIT-Kyotologo.png" width="200px" height="50px" border="0" align="left"><IMG src="https://static.igem.org/mediawiki/2010/1/13/Science-and-art.png | + | <a href="https://2010.igem.org/Team:KIT-Kyoto"><IMG src="https://static.igem.org/mediawiki/2010/3/30/KIT-Kyotologo.png" width="200px" height="50px" border="0" align="left"></a><IMG src="https://static.igem.org/mediawiki/2010/1/13/Science-and-art.png" border="0" align="right" > |
- | </TD> </tr> | + | </TD></tr> |
</TABLE> | </TABLE> | ||
- | + | <TABLE class="menu" border="0" background="https://static.igem.org/mediawiki/2010/e/e5/HAIKEI-HIDARI.PNG" bordercolor="black" cellspacing="0" cellpadding="0" width="100%"><tr><TD align="center"> | |
- | <TABLE border="0" | + | |
- | + | <div id="navi_continer"> | |
- | + | <div id="navi"> | |
- | < | + | <ul> |
+ | <li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'"> | ||
+ | <a href="https://2010.igem.org/Team:KIT-Kyoto/Home"><Img src="https://static.igem.org/mediawiki/2010/e/e1/KitHome.png"></a> | ||
+ | </li> | ||
+ | <li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'"> | ||
+ | <a href="https://2010.igem.org/Team:KIT-Kyoto/Aboutus1"><Img src="https://static.igem.org/mediawiki/2010/f/fd/KitAboutus.png"></a> | ||
+ | <ul class="sub"> | ||
+ | <li><a href="https://2010.igem.org/Team:KIT-Kyoto/Team">Our Team</a></li> | ||
+ | <li><a href="http://twitter.com/KIT_Kyoto" target="_blank">Twitter</a></li> | ||
+ | <li><a href="http://kitkyoto.blog114.fc2.com/" target="_blank">Blog</a></li> | ||
+ | <li><a href="http://sites.google.com/site/kitkyoto/" target="_blank">Japanese Site</a></li> | ||
+ | <li><a href="http://www.youtube.com/user/KITKyoto" target="_blank">YouTube</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'"> | ||
+ | <a href="https://2010.igem.org/Team:KIT-Kyoto/Project/Abstract"><Img src="https://static.igem.org/mediawiki/2010/f/f0/KitProject.png"></a> | ||
+ | <ul class="sub"> | ||
+ | <li><a href="https://2010.igem.org/Team:KIT-Kyoto/Project/Abstract#Abstract">Abstract</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:KIT-Kyoto/Project/Abstract#Introduction">Introduction</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:KIT-Kyoto/Project/Abstract#Materials_.26_Methods">Materials & Methods</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:KIT-Kyoto/Project/Abstract#Results_.26_Discussion">Results & Discussion</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:KIT-Kyoto/Project/Abstract#References">References</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'"> | ||
+ | <a href="https://2010.igem.org/Team:KIT-Kyoto/Parts"><Img src="https://static.igem.org/mediawiki/2010/0/01/KitParts.png"></a> | ||
+ | </li> | ||
+ | <li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'"> | ||
+ | <a href="https://2010.igem.org/Team:KIT-Kyoto/Note"><Img src="https://static.igem.org/mediawiki/2010/d/d3/KitNotebook.png"></a> | ||
+ | <ul class="sub"> | ||
+ | <li><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook">Lab Note</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:KIT-Kyoto/Protocol">Protocol</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook/Promoters">Promoters</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNote">Design Note</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:KIT-Kyoto/Photo">Photograph</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'"> | ||
+ | <a href="https://2010.igem.org/Team:KIT-Kyoto/Project/HumanPractice"><Img src="https://static.igem.org/mediawiki/2010/8/80/KitHuman_Practice.png"></a> | ||
+ | </li> | ||
+ | <li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'"> | ||
+ | <a href="https://2010.igem.org/Team:KIT-Kyoto/Safety"><Img src="https://static.igem.org/mediawiki/2010/f/f9/KitSafety.png"></a> | ||
+ | </li> | ||
+ | <li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'"> | ||
+ | <a href="https://2010.igem.org/Team:KIT-Kyoto/Sponsor"><Img src="https://static.igem.org/mediawiki/2010/e/eb/KITSPONSOR.png"></a> | ||
+ | <ul class="sub"> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
</TD> </tr> | </TD> </tr> | ||
</TABLE> | </TABLE> | ||
+ | |||
</body></html> | </body></html> |
Latest revision as of 15:06, 26 October 2010
![]() ![]() |