Team:Peking/Headerpro

From 2010.igem.org

(Difference between revisions)
 
(56 intermediate revisions not shown)
Line 1: Line 1:
-
#REDIRECT [[Team:Peking/Project/ProjectDiscription]]
+
{{:Team:Peking/BannerHidden}}
 +
{{:Team:Peking/Background}}
 +
<html>
 +
<!--
 +
==============================================================================
 +
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/c/cb/Banner_pro2.jpg"  width="970" height="290" alt="Better visual effects via FireFox ~~~ ">
 +
</html>
 +
<html>
 +
<head>
 +
 
 +
<style type="text/css">
 +
 
 +
#Layer1 {
 +
position:absolute;
 +
left:35px;
 +
top:215px;
 +
width:547px;
 +
height:30px;
 +
z-index:6;
 +
border-top-style: none;
 +
border-right-style: none;
 +
border-bottom-style: none;
 +
border-left-style: none;
 +
border-top-width: 0px;
 +
border-right-width: 0px;
 +
border-bottom-width: 0px;
 +
border-left-width: 0px;
 +
visibility: visible;
 +
}
 +
 
 +
table{
 +
background: url();transparent;
 +
border-top-style: none;
 +
}
 +
 
 +
a:link {
 +
 +
text-decoration: none;
 +
}
 +
#Layer2 {
 +
position:absolute;
 +
left:132px;
 +
top:243px;
 +
width:200px;
 +
height:150px;
 +
z-index:9;
 +
background-color: #000;
 +
border-top-style: none;
 +
border-right-style: none;
 +
border-bottom-style: none;
 +
border-left-style: none;
 +
border-top-width: 0px;
 +
border-right-width: 0px;
 +
border-bottom-width: 0px;
 +
border-left-width: 0px;
 +
visibility: hidden;
 +
}
 +
#Layer3 {
 +
position:absolute;
 +
left:337px;
 +
top:243px;
 +
width:171px;
 +
height:75px;
 +
z-index:10;
 +
background-color: #000;
 +
border-top-style: none;
 +
border-right-style: none;
 +
border-bottom-style: none;
 +
border-left-style: none;
 +
border-top-width: 0px;
 +
border-right-width: 0px;
 +
border-bottom-width: 0px;
 +
border-left-width: 0px;
 +
visibility: hidden;
 +
}
 +
a:link {
 +
color: #9A2EFE;
 +
text-decoration: none;
 +
}
 +
a:visited {
 +
color: #9A2EFE;
 +
text-decoration: none;
 +
}
 +
a:hover {
 +
color: #FF0000;
 +
text-decoration: none;
 +
font-family: Verdana, Geneva, sans-serif;
 +
 +
 
 +
}
 +
td {
 +
font-family: Verdana, Geneva, sans-serif;
 +
border-top-style: none;
 +
border-right-style: none;
 +
border-bottom-style: none;
 +
border-left-style: none;
 +
}
 +
 
 +
#Layer4 {
 +
position:absolute;
 +
left:199px;
 +
top:242px;
 +
width:245px;
 +
height:78px;
 +
z-index:8;
 +
background-color: #000;
 +
border-top-style: none;
 +
border-right-style: none;
 +
border-bottom-style: none;
 +
border-left-style: none;
 +
border-top-width: 0px;
 +
border-right-width: 0px;
 +
border-bottom-width: 0px;
 +
border-left-width: 0px;
 +
visibility: hidden;
 +
}
 +
 
 +
#Layer5 {
 +
position:absolute;
 +
left:87px;
 +
top:243px;
 +
width:200px;
 +
height:144px;
 +
z-index:11;
 +
background-color: #000000;
 +
border-top-width: 0px;
 +
border-right-width: 0px;
 +
border-bottom-width: 0px;
 +
border-left-width: 0px;
 +
border-top-style: none;
 +
border-right-style: none;
 +
border-bottom-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;
 +
}
 +
</style>
 +
<script type="text/JavaScript">
 +
<!--
 +
function MM_findObj(n, d) { //v4.01
 +
  var p,i,x;  if(!d) d=document;
 +
  if((p=n.indexOf("?"))>0)
 +
  if(parent.frames.length)
 +
  {
 +
    d=parent.frames[n.substring(p+1)].document;
 +
    n=n.substring(0,p);
 +
  }
 +
  if(d.all)
 +
  if(!(x=d[n]))
 +
  x=d.all[n];
 +
  i = 0;
 +
  if(!x)
 +
  if( d.forms )
 +
  while( i < d.forms.lenth )
 +
  {
 +
  x = d.forms[ i ][ n ];
 +
  i ++;
 +
  }
 +
  i = 0;
 +
  if( !x )
 +
  if( d.layers )
 +
  while( i < d.layers.length )
 +
  {
 +
  x=MM_findObj(n,d.layers[i].document);
 +
  i ++;
 +
  }
 +
  if(d.getElementById)
 +
  if(!x)
 +
  x=d.getElementById(n);
 +
  return x;
 +
}
 +
function MM_showHideLayers() { //v6.0
 +
  var i,p,v,obj,args=MM_showHideLayers.arguments;
 +
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
 +
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
 +
    obj.visibility=v; }
 +
}
 +
 
 +
-->
 +
</script>
 +
 
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
 +
 
 +
<body onLoad="MM_showHideLayers('Layer6','','hide')" onmouseout="MM_showHideLayers('Layer6','','hide')">
 +
<div id="Layer1">
 +
  <table width="550" height="36" border="0">
 +
    <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="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')" 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')" 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');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')" 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('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/Biosafety"><font color=#ffffff>BIOSAFETY</font></a></div></td>
 +
    </tr>
 +
  </table>
 +
</div>
 +
<div id="Layer2" onMouseOver="MM_showHideLayers('Layer2','','show')" onMouseOut="MM_showHideLayers('Layer2','','hide')">
 +
  <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>
 +
      <td height="22"><a href="https://2010.igem.org/Team:Peking/Project/ProjectDiscription">&nbsp;&nbsp;Project Discription</a></td>
 +
    </tr>
 +
    <tr>
 +
      <td height="23"> <a href="https://2010.igem.org/Team:Peking/Project/Biosensor">&nbsp;&nbsp;Biosensor</a></td>
 +
    </tr>
 +
    <tr>
 +
      <td height="15"> <a href="https://2010.igem.org/Team:Peking/Project/Bioabsorbent">&nbsp;&nbsp;Bioabsorbent</a></td>
 +
    </tr>
 +
    <tr>
 +
      <td height="15"><a href="https://2010.igem.org/Team:Peking/Project/Application">&nbsp;&nbsp;Application</a></td>
 +
    </tr>
 +
    <tr>
 +
      <td height="15"><a href="https://2010.igem.org/Team:Peking/Project/Expansion">&nbsp;&nbsp;Expansion</a></td>
 +
    </tr>
 +
  </table>
 +
</div>
 +
<div id="Layer3" onMouseOver="MM_showHideLayers('Layer3','','show')" onMouseOut="MM_showHideLayers('Layer3','','hide')">
 +
  <table width="172" height="77" border="0">
 +
    <tr>
 +
      <td height="21">&nbsp;&nbsp;<a href="https://2010.igem.org/Team:Peking/Notebook">Personal Notes</a> </td>
 +
    </tr>
 +
    <tr>
 +
      <td height="21"><a href="https://2010.igem.org/Team:Peking/Notebook/Protocols">&nbsp;&nbsp;Protocols</a></td>
 +
    </tr>
 +
    <tr>
 +
      <td height="21">&nbsp;&nbsp;<a href="https://2010.igem.org/Team:Peking/Notebook/Vocabulary">Vocabulary</a></td>
 +
    </tr>
 +
  </table>
 +
</div>
 +
<div id="Layer4" onMouseOver="MM_showHideLayers('Layer4','','show')" onMouseOut="MM_showHideLayers('Layer4','','hide')">
 +
  <table width="245" height="70" border="0">
 +
    <tr>
 +
      <td height="15"> &nbsp;<a href="https://2010.igem.org/Team:Peking/Parts">&nbsp;Parts Submitted to the Registry</a></td>
 +
    </tr>
 +
    <tr>
 +
      <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>
 +
  </table>
 +
</div>
 +
<div id="Layer5" onfocus="MM_showHideLayers('Layer5','','hide')">
 +
  <table width="200" border="0" onMouseOver="MM_showHideLayers('Layer5','','show')" onMouseOut="MM_showHideLayers('Layer5','','hide')">
 +
    <tr>
 +
      <td>&nbsp;<a href="https://2010.igem.org/Team:Peking/Team">&nbsp;Students and Instructors</a></td>
 +
    </tr>
 +
    <tr>
 +
      <td>&nbsp;<a href="http://english.pku.edu.cn/" target="_blank">&nbsp;Peking University</a></td>
 +
    </tr>
 +
    <tr>
 +
      <td>&nbsp;<a href="https://2010.igem.org/Team:Peking/Team/Collaboration">&nbsp;Collaboration</a></td>
 +
    </tr>
 +
    <tr>
 +
      <td>&nbsp;<a href="https://2010.igem.org/Team:Peking/Team/Gallery">&nbsp;Gallery</a></td>
 +
    </tr>
 +
    <tr>
 +
      <td>&nbsp;<a href="https://2010.igem.org/Team:Peking/Team/Acknowledgement">&nbsp;Acknowledgement</a></td>
 +
    </tr>
 +
    <tr>
 +
      <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="200" height="105" 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>
 +
  </table>
 +
</div>
 +
</body>
 +
</html>
 +
{{:Team:Peking/LeftBarpro}}

Latest revision as of 18:51, 27 October 2010

Better visual effects via FireFox ~~~