Team:Peking/HeaderHP

From 2010.igem.org

(Difference between revisions)
 
(19 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/64/Banner_s.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/a/a2/Banner_HP.jpg"  width="970" height="290" alt="Better visual effects via FireFox ~~~ ">
</html>
</html>
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
<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:246px;
+
top:243px;
width:200px;
width:200px;
-
height:120px;
+
height:150px;
-
z-index:4;
+
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:338px;
+
left:337px;
-
top:248px;
+
top:244px;
width:171px;
width:171px;
-
height:126px;
+
height:75px;
-
z-index:5;
+
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: #FFFF00;
+
color: #FF0000;
text-decoration: none;
text-decoration: none;
-
font-family: "Franklin Gothic Demi Cond";
+
font-family: Verdana, Geneva, sans-serif;
-
font-size: 12px;
+
 
-
font-weight: bold;
+
}
}
td {
td {
font-family: Verdana, Geneva, sans-serif;
font-family: Verdana, Geneva, sans-serif;
-
font-weight: bold;
+
border-top-style: none;
-
font-size: 12px;
+
-
border-top-style: none;
+
border-right-style: none;
border-right-style: none;
border-bottom-style: none;
border-bottom-style: none;
Line 99: Line 105:
position:absolute;
position:absolute;
left:199px;
left:199px;
-
top:246px;
+
top:242px;
width:245px;
width:245px;
-
height:68px;
+
height:78px;
-
z-index:3;
+
z-index:8;
background-color: #000;
background-color: #000;
border-top-style: none;
border-top-style: none;
Line 118: Line 124:
position:absolute;
position:absolute;
left:87px;
left:87px;
-
top:246px;
+
top:243px;
width:200px;
width:200px;
height:144px;
height:144px;
-
z-index:7;
+
z-index:11;
background-color: #000000;
background-color: #000000;
border-top-width: 0px;
border-top-width: 0px;
Line 131: Line 137:
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 206:
<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');MM_showHideLayers('Layer4','','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="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('Layer3','','hide')"><div align="center"><a href="https://2010.igem.org/Team:Peking/Humanpractice"><font color=#ffffff>HUMAN PRACTICE </font></a></div></td>
+
       <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/Googleparts"><font color=#ffffff>GOOGLE PARTS </font></a></div></td>
+
       <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="120" border="0">
+
   <table width="200" height="150" border="0">
 +
<tr>
 +
      <td height="22"><a href="https://2010.igem.org/Team:Peking/Project">&nbsp;&nbsp;Project Home</a></td>
 +
    </tr>
     <tr>
     <tr>
       <td height="22"><a href="https://2010.igem.org/Team:Peking/Project/ProjectDiscription">&nbsp;&nbsp;Project Discription</a></td>
       <td height="22"><a href="https://2010.igem.org/Team:Peking/Project/ProjectDiscription">&nbsp;&nbsp;Project Discription</a></td>
Line 215: Line 244:
</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="102" border="0">
+
   <table width="172" height="77" border="0">
     <tr>
     <tr>
       <td height="24">&nbsp;&nbsp;<a href="https://2010.igem.org/Team:Peking/Notebook">Personal Notes</a> </td>
       <td height="24">&nbsp;&nbsp;<a href="https://2010.igem.org/Team:Peking/Notebook">Personal Notes</a> </td>
Line 221: Line 250:
     <tr>
     <tr>
       <td height="21"><a href="https://2010.igem.org/Team:Peking/Notebook/Protocols">&nbsp;&nbsp;Protocols</a></td>
       <td height="21"><a href="https://2010.igem.org/Team:Peking/Notebook/Protocols">&nbsp;&nbsp;Protocols</a></td>
-
    </tr>
 
-
    <tr>
 
-
      <td height="15">&nbsp;&nbsp;<a href="https://2010.igem.org/Team:Peking/Notebook/News">News and Activities</a></td>
 
-
    </tr>
 
-
    <tr>
 
-
      <td height="15">&nbsp;&nbsp;<a href="https://2010.igem.org/Team:Peking/Notebook/OtherThings">Outcomes</a></td>
 
     </tr>
     </tr>
     <tr>
     <tr>
Line 234: Line 257:
</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="58" border="0">
+
   <table width="245" height="78" border="0">
     <tr>
     <tr>
       <td height="15"> &nbsp;<a href="https://2010.igem.org/Team:Peking/Parts">&nbsp;Parts Submitted to the Registry</a></td>
       <td height="15"> &nbsp;<a href="https://2010.igem.org/Team:Peking/Parts">&nbsp;Parts Submitted to the Registry</a></td>
Line 240: Line 263:
     <tr>
     <tr>
       <td height="15">&nbsp;&nbsp;<a href="https://2010.igem.org/Team:Peking/Parts/Characterization">Characterization</a></td>
       <td height="15">&nbsp;&nbsp;<a href="https://2010.igem.org/Team:Peking/Parts/Characterization">Characterization</a></td>
 +
    </tr>
 +
<tr>
 +
      <td height="15">&nbsp;&nbsp;<a href="https://2010.igem.org/Team:Peking/Parts/Existed">Existed Parts' Improvement</a></td>
     </tr>
     </tr>
   </table>
   </table>
Line 249: Line 275:
     </tr>
     </tr>
     <tr>
     <tr>
-
       <td>&nbsp;<a href="http://english.pku.edu.cn/">&nbsp;Peking University</a></td>
+
       <td>&nbsp;<a href="http://english.pku.edu.cn/"target="_blank">&nbsp;Peking University</a></td>
     </tr>
     </tr>
     <tr>
     <tr>
Line 262: Line 288:
     <tr>
     <tr>
       <td>&nbsp;<a href="https://2010.igem.org/Team:Peking/Team/PreviousYears">&nbsp;Previous Years</a></td>
       <td>&nbsp;<a href="https://2010.igem.org/Team:Peking/Team/PreviousYears">&nbsp;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">&nbsp;<a href="https://2010.igem.org/Team:Peking/Modeling">&nbsp;Modelling Home</a></td>
 +
    </tr>
 +
 +
    <tr>
 +
      <td height="24">&nbsp;<a href="https://2010.igem.org/Team:Peking/Modeling/CalculationProcess">&nbsp;Calculating Process</a></td>
 +
    </tr>
 +
    <tr>
 +
      <td height="22">&nbsp;<a href="https://2010.igem.org/Team:Peking/Modeling/Analysis">&nbsp;Analyses and Results</a></td>
 +
    </tr>
 +
  <tr>
 +
      <td height="22">&nbsp;<a href="https://2010.igem.org/Team:Peking/Modeling/Advanced_Model">&nbsp;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">&nbsp;<a href="https://2010.igem.org/Team:Peking/Humanpractice">&nbsp;HP Home</a></td>
 +
    </tr>
 +
    <tr>
 +
      <td height="23">&nbsp;<a href="https://2010.igem.org/Team:Peking/Humanpractice/HGTReview">&nbsp;HGT Review</a></td>
 +
    </tr>
 +
    <tr>
 +
      <td height="23">&nbsp;<a href="https://2010.igem.org/Team:Peking/Humanpractice/PC">&nbsp;Proof of Concept</a></td>
 +
    </tr>
 +
    <tr>
 +
      <td height="23">&nbsp;<a href="https://2010.igem.org/Team:Peking/Humanpractice/HGTInvestigation">&nbsp;HGT Investigation</a></td>
 +
    </tr>
 +
<tr>
 +
      <td height="23">&nbsp;<a href="https://2010.igem.org/Team:Peking/Humanpractice/Acknowledgement">&nbsp;Acknowledgement</a></td>
     </tr>
     </tr>
   </table>
   </table>

Latest revision as of 18:53, 27 October 2010

Better visual effects via FireFox ~~~