Team:Peking/Headerpart
From 2010.igem.org
(Difference between revisions)
(20 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
{{:Team:Peking/Background}} | {{:Team:Peking/Background}} | ||
<html> | <html> | ||
- | <img src="https://static.igem.org/mediawiki/2010/6/61/Bannerpart1.jpg" width="970" height="290" > | + | <!-- |
+ | ============================================================================== | ||
+ | This part contains two compatible navigation bars which are easily editable: headbanner's horizontal navigation bar and leftsidebar(vertical navigation bar). | ||
+ | codes edited by Weiye Wang, Zhenzhen Yin and Yuheng Lu. | ||
+ | pictures edited by Weiye Wang, and photoes taken by Donghai Liang. | ||
+ | ============================================================================== | ||
+ | /--> | ||
+ | <img src="https://static.igem.org/mediawiki/2010/6/61/Bannerpart1.jpg" width="970" height="290" alt="Better visual effects via FireFox ~~~ "> | ||
</html> | </html> | ||
- | <html | + | <html> |
<head> | <head> | ||
Line 24: | Line 31: | ||
border-bottom-width: 0px; | border-bottom-width: 0px; | ||
border-left-width: 0px; | border-left-width: 0px; | ||
+ | visibility: visible; | ||
} | } | ||
Line 38: | Line 46: | ||
position:absolute; | position:absolute; | ||
left:132px; | left:132px; | ||
- | top: | + | top:243px; |
width:200px; | width:200px; | ||
- | height: | + | height:150px; |
- | z-index: | + | z-index:9; |
background-color: #000; | background-color: #000; | ||
border-top-style: none; | border-top-style: none; | ||
Line 55: | Line 63: | ||
#Layer3 { | #Layer3 { | ||
position:absolute; | position:absolute; | ||
- | left: | + | left:337px; |
- | top: | + | top:244px; |
width:171px; | width:171px; | ||
- | height: | + | height:75px; |
- | z-index: | + | z-index:10; |
background-color: #000; | background-color: #000; | ||
border-top-style: none; | border-top-style: none; | ||
Line 80: | Line 88: | ||
} | } | ||
a:hover { | a:hover { | ||
- | color: # | + | color: #FF0000; |
text-decoration: none; | text-decoration: none; | ||
- | font-family: | + | font-family: Verdana, Geneva, sans-serif; |
- | + | ||
- | + | ||
} | } | ||
td { | td { | ||
font-family: Verdana, Geneva, sans-serif; | font-family: Verdana, Geneva, sans-serif; | ||
- | + | border-top-style: none; | |
- | + | ||
- | + | ||
border-right-style: none; | border-right-style: none; | ||
border-bottom-style: none; | border-bottom-style: none; | ||
Line 99: | Line 104: | ||
position:absolute; | position:absolute; | ||
left:199px; | left:199px; | ||
- | top: | + | top:242px; |
width:245px; | width:245px; | ||
- | height: | + | height:78px; |
- | z-index: | + | z-index:8; |
background-color: #000; | background-color: #000; | ||
border-top-style: none; | border-top-style: none; | ||
Line 118: | Line 123: | ||
position:absolute; | position:absolute; | ||
left:87px; | left:87px; | ||
- | top: | + | top:243px; |
width:200px; | width:200px; | ||
height:144px; | height:144px; | ||
- | z-index: | + | z-index:11; |
background-color: #000000; | background-color: #000000; | ||
border-top-width: 0px; | border-top-width: 0px; | ||
Line 131: | Line 136: | ||
border-bottom-style: none; | border-bottom-style: none; | ||
border-left-style: none; | border-left-style: none; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | #Layer6 { | ||
+ | position:absolute; | ||
+ | left:253px; | ||
+ | top:243px; | ||
+ | width:200px; | ||
+ | height:105px; | ||
+ | z-index:12; | ||
+ | background-color: #000000; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | #apDiv1 { | ||
+ | position:absolute; | ||
+ | left:419px; | ||
+ | top:252px; | ||
+ | width:172px; | ||
+ | height:130px; | ||
+ | z-index:7; | ||
+ | background-color: #000000; | ||
visibility: hidden; | visibility: hidden; | ||
} | } | ||
Line 180: | Line 205: | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head> | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head> | ||
- | <body> | + | <body onLoad="MM_showHideLayers('Layer6','','hide')" onmouseout="MM_showHideLayers('Layer6','','hide')"> |
<div id="Layer1"> | <div id="Layer1"> | ||
<table width="550" height="36" border="0"> | <table width="550" height="36" border="0"> | ||
<tr> | <tr> | ||
<td width="46"><div align="center"><a href="https://2010.igem.org/Team:Peking"><font color=#ffffff>HOME</font></a></div></td> | <td width="46"><div align="center"><a href="https://2010.igem.org/Team:Peking"><font color=#ffffff>HOME</font></a></div></td> | ||
- | <td width="41" onMouseOver="MM_showHideLayers('Layer2','','hide')"><div align="center" onMouseOver="MM_showHideLayers('Layer5','','show');MM_showHideLayers('Layer2','','hide')"><a href="https://2010.igem.org/Team:Peking/Team"><font color=#ffffff>TEAM</font></a></div></td> | + | <td width="41" onMouseOver="MM_showHideLayers('Layer2','','hide');MM_showHideLayers('Layer5','','show')" onMouseOut="MM_showHideLayers('Layer5','','show');MM_showHideLayers('Layer5','','hide')" onfocus="MM_showHideLayers('Layer5','','hide')"><div align="center" onMouseOver="MM_showHideLayers('Layer5','','show');MM_showHideLayers('Layer2','','hide')"><a href="https://2010.igem.org/Team:Peking/Team"><font color=#ffffff>TEAM</font></a></div></td> |
- | <td width="64" onMouseOver="MM_showHideLayers('Layer2','','show') | + | <td width="64" onMouseOver="MM_showHideLayers('Layer2','','show')" onMouseOut="MM_showHideLayers('Layer2','','hide')" onfocus="MM_showHideLayers('Layer2','','hide')"><div align="center" onMouseOver="MM_showHideLayers('Layer5','','hide')"><a href="https://2010.igem.org/Team:Peking/Project"><font color=#ffffff>PROJECT</font></a></div></td> |
- | <td width="49" onMouseOver="MM_showHideLayers('Layer2','','hide');MM_showHideLayers('Layer4','','show')"><div align="center"><a href="https://2010.igem.org/Team:Peking/Parts"><font color=#ffffff>PARTS</font></a></div></td> | + | <td width="49" onMouseOver="MM_showHideLayers('Layer2','','hide');MM_showHideLayers('Layer4','','show')" onMouseOut="MM_showHideLayers('Layer4','','hide')"><div align="center" onMouseOver="MM_showHideLayers('Layer6','','hide')"><a href="https://2010.igem.org/Team:Peking/Parts"><font color=#ffffff>PARTS</font></a></div></td> |
- | <td width="80" onMouseOver="MM_showHideLayers('Layer3','','hide');MM_showHideLayers('Layer4','','hide')"><div align="center"><a href="https://2010.igem.org/Team:Peking/Modeling"><font color=#ffffff>MODELING</font></a></div></td> | + | <td width="80" onMouseOver="MM_showHideLayers('Layer3','','hide');MM_showHideLayers('Layer4','','hide');MM_showHideLayers('Layer6','','show')" onfocus="MM_showHideLayers('Layer6','','show')"><div align="center" onMouseOver="MM_showHideLayers('Layer6','','show')"><a href="https://2010.igem.org/Team:Peking/Modeling"><font color=#ffffff>MODELING</font></a></div></td> |
- | <td width="77" onMouseOver="MM_showHideLayers('Layer3','','show')"><div align="center"><a href="https://2010.igem.org/Team:Peking/Notebook" ><font color=#ffffff>NOTEBOOK</font></a></div></td> | + | <td width="77" onMouseOver="MM_showHideLayers('Layer3','','show')" onMouseOut="MM_showHideLayers('Layer3','','hide')"><div align="center" onMouseOver="MM_showHideLayers('Layer6','','hide')"><a href="https://2010.igem.org/Team:Peking/Notebook" ><font color=#ffffff>NOTEBOOK</font></a></div></td> |
- | <td width="78" onMouseOver="MM_showHideLayers(' | + | <td width="78" onMouseOver="MM_showHideLayers('apDiv1','','show')" onMouseOut="MM_showHideLayers('apDiv1','','hide')"><div align="center"><a href="https://2010.igem.org/Team:Peking/Humanpractice"><font color=#ffffff>HUMAN PRACTICE </font></a></div></td> |
- | <td width="81"><div align="center"><a href="https://2010.igem.org/Team:Peking/ | + | <td width="81"><div align="center"><a href="https://2010.igem.org/Team:Peking/Biosafety"><font color=#ffffff>BIOSAFETY </font></a></div></td> |
</tr> | </tr> | ||
</table> | </table> | ||
</div> | </div> | ||
<div id="Layer2" onMouseOver="MM_showHideLayers('Layer2','','show')" onMouseOut="MM_showHideLayers('Layer2','','hide')"> | <div id="Layer2" onMouseOver="MM_showHideLayers('Layer2','','show')" onMouseOut="MM_showHideLayers('Layer2','','hide')"> | ||
- | <table width="200" height=" | + | <table width="200" height="150" border="0"> |
+ | <tr> | ||
+ | <td height="22"><a href="https://2010.igem.org/Team:Peking/Project"> Project Home</a></td> | ||
+ | </tr> | ||
<tr> | <tr> | ||
<td height="22"><a href="https://2010.igem.org/Team:Peking/Project/ProjectDiscription"> Project Discription</a></td> | <td height="22"><a href="https://2010.igem.org/Team:Peking/Project/ProjectDiscription"> Project Discription</a></td> | ||
Line 215: | Line 243: | ||
</div> | </div> | ||
<div id="Layer3" onMouseOver="MM_showHideLayers('Layer3','','show')" onMouseOut="MM_showHideLayers('Layer3','','hide')"> | <div id="Layer3" onMouseOver="MM_showHideLayers('Layer3','','show')" onMouseOut="MM_showHideLayers('Layer3','','hide')"> | ||
- | <table width="172" height=" | + | <table width="172" height="77" border="0"> |
<tr> | <tr> | ||
- | <td height=" | + | <td height="21"> <a href="https://2010.igem.org/Team:Peking/Notebook">Personal Notes</a> </td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
<td height="21"><a href="https://2010.igem.org/Team:Peking/Notebook/Protocols"> Protocols</a></td> | <td height="21"><a href="https://2010.igem.org/Team:Peking/Notebook/Protocols"> Protocols</a></td> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</tr> | </tr> | ||
<tr> | <tr> | ||
Line 234: | Line 256: | ||
</div> | </div> | ||
<div id="Layer4" onMouseOver="MM_showHideLayers('Layer4','','show')" onMouseOut="MM_showHideLayers('Layer4','','hide')"> | <div id="Layer4" onMouseOver="MM_showHideLayers('Layer4','','show')" onMouseOut="MM_showHideLayers('Layer4','','hide')"> | ||
- | <table width="245" height=" | + | <table width="245" height="70" border="0"> |
<tr> | <tr> | ||
<td height="15"> <a href="https://2010.igem.org/Team:Peking/Parts"> Parts Submitted to the Registry</a></td> | <td height="15"> <a href="https://2010.igem.org/Team:Peking/Parts"> Parts Submitted to the Registry</a></td> | ||
Line 240: | Line 262: | ||
<tr> | <tr> | ||
<td height="15"> <a href="https://2010.igem.org/Team:Peking/Parts/Characterization">Characterization</a></td> | <td height="15"> <a href="https://2010.igem.org/Team:Peking/Parts/Characterization">Characterization</a></td> | ||
+ | </tr> | ||
+ | <td height="15"> <a href="https://2010.igem.org/Team:Peking/Parts/Existed">Existing Parts' Improvement</a></td> | ||
</tr> | </tr> | ||
</table> | </table> | ||
Line 249: | Line 273: | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
- | <td> <a href="http://english.pku.edu.cn/"> Peking University</a></td> | + | <td> <a href="http://english.pku.edu.cn/"target="_blank"> Peking University</a></td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
Line 262: | Line 286: | ||
<tr> | <tr> | ||
<td> <a href="https://2010.igem.org/Team:Peking/Team/PreviousYears"> Previous Years</a></td> | <td> <a href="https://2010.igem.org/Team:Peking/Team/PreviousYears"> Previous Years</a></td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
+ | <div id="Layer6" onMouseOver="MM_showHideLayers('Layer6','','show')" onMouseOut="MM_showHideLayers('Layer6','','hide')"> | ||
+ | <table width="164" height="83" border="0"> | ||
+ | <tr> | ||
+ | <td height="26"> <a href="https://2010.igem.org/Team:Peking/Modeling"> Modelling Home</a></td> | ||
+ | </tr> | ||
+ | |||
+ | <tr> | ||
+ | <td height="24"> <a href="https://2010.igem.org/Team:Peking/Modeling/CalculationProcess"> Calculating Process</a></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td height="22"> <a href="https://2010.igem.org/Team:Peking/Modeling/Analysis"> Analyses and Results</a></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td height="22"> <a href="https://2010.igem.org/Team:Peking/Modeling/Advanced_Model"> Advanced Model</a></td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
+ | <div id="apDiv1" onMouseOver="MM_showHideLayers('apDiv1','','show')" onMouseOut="MM_showHideLayers('apDiv1','','hide')"> | ||
+ | <table width="186" border="0"> | ||
+ | <tr> | ||
+ | <td height="23"> <a href="https://2010.igem.org/Team:Peking/Humanpractice"> HP Home</a></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td height="23"> <a href="https://2010.igem.org/Team:Peking/Humanpractice/HGTReview"> HGT Review</a></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td height="23"> <a href="https://2010.igem.org/Team:Peking/Humanpractice/PC"> Proof of Concept</a></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td height="23"> <a href="https://2010.igem.org/Team:Peking/Humanpractice/HGTInvestigation"> HGT Investigation</a></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td height="23"> <a href="https://2010.igem.org/Team:Peking/Humanpractice/Acknowledgement"> Acknowledgement</a></td> | ||
</tr> | </tr> | ||
</table> | </table> |
Latest revision as of 18:53, 27 October 2010