Team:Peking/RightBar
From 2010.igem.org
(Difference between revisions)
(14 intermediate revisions not shown) | |||
Line 23: | Line 23: | ||
#sidebar ul { | #sidebar ul { | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | /*----------------------------------------------------------------------------*/ | ||
+ | /* sidebar left */ | ||
+ | /*----------------------------------------------------------------------------*/ | ||
+ | #lsidebar { | ||
+ | width: 172px; | ||
+ | margin: 20px 7px 0 0px; | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | #lsidebar_extra { | ||
+ | margin-top: 0px; | ||
+ | } | ||
+ | |||
+ | #lsidebar ul { | ||
padding: 0; | padding: 0; | ||
margin: 0; | margin: 0; | ||
Line 31: | Line 51: | ||
</html> | </html> | ||
+ | |||
<div id="sidebar"> | <div id="sidebar"> | ||
Line 41: | Line 62: | ||
<font size=2><font color=009f00><i>——We have got the first biobrick!</i></font></font> | <font size=2><font color=009f00><i>——We have got the first biobrick!</i></font></font> | ||
<br> | <br> | ||
- | |||
<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:// | + | <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 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> | ||
+ | <font size=3><font color=00009f><b><i>CountDown</i></b></font></font> | ||
+ | |||
+ | <!--the countdown code--> | ||
+ | |||
+ | <html> | ||
+ | <div id="countdown"> | ||
+ | <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"> | ||
+ | <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> | ||
+ | </div> | ||
+ | </html> | ||
+ | |||
+ | <!--end of the countdown code--> | ||
+ | |||
+ | <br> | ||
+ | <hr size=4px width=172px color=00009f> | ||
+ | <font size=3><font color=00009f><b><i>Vistors From...</i></b></font></font> | ||
+ | |||
+ | |||
+ | <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" 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> | ||
+ | </html> | ||
+ | |||
+ | </div> |
Latest revision as of 08:09, 10 July 2010