Team:Peking/RightBar

From 2010.igem.org

(Difference between revisions)
 
(7 intermediate revisions not shown)
Line 51: Line 51:
</html>  
</html>  
 +
<div id="sidebar">
<div id="sidebar">
Line 63: Line 64:
<hr size=4px width=172px color=00009f>
<hr size=4px width=172px color=00009f>
<font size=3><font color=00009f><b><i>Sponsors</i></b></font></font>
<font size=3><font color=00009f><b><i>Sponsors</i></b></font></font>
-
<center><html><a href = "http://www.nibs.ac.cn/"><img src="https://static.igem.org/mediawiki/2010/0/03/NIBS.jpg" width="172px"></a></html></center>
+
<center><html><a href = "http://ctb.pku.edu.cn/main/en/index.htm"><img src="https://static.igem.org/mediawiki/2010/5/52/CTBbanner.gif" width="172px"></a></html></center>
</div>
</div>
<div id="lsidebar">
<div id="lsidebar">
 +
<!--the start of the hover menu navigation-->
 +
<!--DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"-->
 +
<html xmlns="http://www.w3.org/1999/xhtml">
 +
<head>
 +
<title> color changing hover meau navigation</title>
 +
<meta http-equiv="content-type" content="text/html;charset=gb2312">
 +
<!--Add the following codes between <head> and </head>-->
 +
<style type="text/css">
 +
*{margin:0;padding:0;color:#000000;}
 +
body{font:12px 楷体_GB2312;}
 +
#nav{
 +
margin:5px;
 +
}
 +
#nav li{
 +
position:relative;
 +
list-style:none;
 +
width:100px;/*change the width*/
 +
}
 +
#nav li a{
 +
background:#ccc;
 +
padding:5px;
 +
width:100px;
 +
border-top:1px solid #ccc;
 +
text-decoration:none;
 +
height:25px;
 +
display:block;
 +
text-align:center;line-height:25px;
 +
}
 +
#nav li a:hover{
 +
background:#FFCC00;line-height:25px;height:25px;
 +
}
 +
#nav ul ul{
 +
position:absolute;
 +
top:36px;
 +
left:0px;
 +
visibility:hidden;
 +
}
 +
#nav ul :hover ul{
 +
visibility:visible;
 +
}
 +
#nav ul ul li a{
 +
display:block;
 +
width:100px;
 +
margin:0;
 +
height:25px;
 +
}
 +
#nav table{
 +
position:absolute;
 +
top:0;
 +
left:0;
 +
}
 +
hr{
 +
display:none;
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
<!--Add the following codes between <body> and </body>-->
 +
<div id="Project Overview">
 +
 +
<hr size=4px width=172px color=00009f>
 +
<font size=3><font color=00009f><b><i>Project Overview</i></b></font></font>
 +
<br>
 +
 +
<div id="nav">
 +
  <ul>
 +
    <li>
 +
    <a href="#">Overview
 +
  <!--[if IE 7]><!--></a><!--<![endif]-->
 +
  <!--[if lte IE 6]><table cellspacing="0"><tr><td><![endif]-->
 +
  <ul>
 +
            <li><a href="#">Team</a></li>
 +
            <li><a href="#">Project</a></li>
 +
            <li><a href="#">Modelling</a></li>
 +
            <li><a href="#">blabla</a></li>     
 +
  </ul>
 +
  <!--[if lte IE 6]></td></tr></table></a><![endif]-->
 +
  </li>
 +
  </ul>
 +
  <hr>
 +
</div>
 +
</div>
 +
</body>
 +
</html>
 +
 +
<!-- the end of the HMN-->
 +
 +
 +
<hr size=4px width=172px color=00009f>
<hr size=4px width=172px color=00009f>
<font size=3><font color=00009f><b><i>CountDown</i></b></font></font>
<font size=3><font color=00009f><b><i>CountDown</i></b></font></font>
-
<br><br>
+
 
 +
<!--the countdown code-->
 +
 
<html>
<html>
-
<script type="text/javascript">
+
<div id="countdown">
-
var urodz= new Date("November 4,2010");
+
<object type="application/x-shockwave-flash" data="http://www.oneplusyou.com/bb/files/countdown/countdown.swf?co=ffffff&bgcolor=22537e&date_month=11&date_day=4&date_year=0&un=IGEM JAMBOREE 2010&size=small&mo=11&da=4&yr=2010" width="172" height="58">
-
var s = "2010 iGEM Jamboree!";
+
<param name="movie" value="http://www.oneplusyou.com/bb/files/countdown/countdown.swf?co=ffffff&bgcolor=22537e&date_month=11&date_day=4&date_year=0&un=IGEM JAMBOREE 2010&size=small&mo=11&da=4&yr=2010" /><param name="bgcolor" value="#22537e" /></object>
-
var now = new Date();
+
</div>
-
var ile = urodz.getTime() - now.getTime();
+
-
var dni = Math.floor(ile / (1000 * 60 * 60 * 24));
+
-
if (dni > 1)
+
-
document.write(dni+" Days Remaining Until "+s)
+
-
else if (dni == 1)
+
-
document.write("Only 2 Days Remaining! Jamboree, we're coming!")
+
-
else if (dni == 0)
+
-
document.write("Only 1 Day Remaining! So Exciting!")
+
-
else if (dni == -1)
+
-
document.write("Jamboree Register Day.")
+
-
else if (dni == -2)
+
-
document.write("Presentation Day 1");
+
-
else if (dni == -3)
+
-
document.write("Presentation Day 2");
+
-
else if (dni == -4)
+
-
document.write("Final Day");
+
-
else
+
-
document.write("iGEM 2010 is over, see you next year!");
+
-
</script>
+
</html>
</html>
 +
 +
<!--end of the countdown code-->
<br>
<br>
<hr size=4px width=172px color=00009f>
<hr size=4px width=172px color=00009f>
-
<font size=3><font color=00009f><b><i>VistorsFrom</i></b></font></font>
+
<font size=3><font color=00009f><b><i>Vistors From...</i></b></font></font>
<html>
<html>
-
<a href="http://www3.clustrmaps.com/counter/maps.php?url=https://2010.igem.org/Team:Peking" id="clustrMapsLink"><img src="http://www3.clustrmaps.com/counter/index2.php?url=https://2010.igem.org/Team:Peking" style="border:0px;" alt="Locations of visitors to this page" title="Locations of visitors to this page" id="clustrMapsImg" onerror="this.onerror=null; this.src='http://www2.clustrmaps.com/images/clustrmaps-back-soon.jpg'; document.getElementById('clustrMapsLink').href='http://www2.clustrmaps.com';" />
+
<a href="http://www3.clustrmaps.com/counter/maps.php?url=https://2010.igem.org/Team:Peking" id="clustrMapsLink"><img src="http://www3.clustrmaps.com/counter/index2.php?url=https://2010.igem.org/Team:Peking" width="172px" style="border:0px;" alt="Locations of visitors to this page" title="Locations of visitors to this page" id="clustrMapsImg" onerror="this.onerror=null; this.src='http://www2.clustrmaps.com/images/clustrmaps-back-soon.jpg'; document.getElementById('clustrMapsLink').href='http://www2.clustrmaps.com';" />
</a>
</a>
</html>
</html>
</div>
</div>

Latest revision as of 08:09, 10 July 2010


Retrieved from "http://2010.igem.org/Team:Peking/RightBar"