Template:Team:USTC Software/Header

From 2010.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!-- Countdown -->
 
<html>
<html>
-
<div style="width:160px;margin:0 auto;">
+
<link rel="stylesheet" type="text/css" href="http://casualconnect.net/iGEM/overall.css">
-
<embed width="100%" height="60" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"
+
<script type="text/javascript" src="http://casualconnect.net/iGEM/jquery.easing.min.js"></script>
-
src="http://www.oneplusyou.com/bb/files/countdown/countdown.swf?co=8bce9e&amp;bgcolor=FFFFFF&amp;date_month=11&amp;date_day=05&amp;date_year=10&amp;un=IGEM JAMBOREE 2010&amp;size=normal&amp;mo=11&amp;da=05&amp;yr=2010">
+
<script type="text/javascript" src="http://casualconnect.net/iGEM/jquery.address-1.2.1.min.js"></script>
-
</div>
+
<script type="text/javascript" src="http://casualconnect.net/iGEM/jquery.lavalamp.min.js"></script>
-
</html>
+
<script type="text/javascript">
-
 
+
$(function() {
-
----
+
$(".current").removeClass("current");
-
 
+
$('.lavaLampBottomStyle [rel='+$.address.value().substr(1) +']').parent().addClass("current");
-
<!-- Follow -->
+
-
'''Follow us on'''
+
var pages = ["home", "idea", "project", "notebook", "downloads","resources","human_practice","team"];
-
<br /><br /><br />
+
$("#tabs").lavaLamp({
-
 
+
fx: "backout",
-
<html>
+
speed: 700,
-
<div style="width:160px;margin:0 auto;">
+
click: function(event, obj) {
-
+
$.address.value($(obj).find('a').attr('rel'));
-
<div style="margin-right:5px;width:32px;height:32px;display:block;float:left;background-image:url(https://static.igem.org/mediawiki/2010/7/7e/Twitter-32x32.png);">
+
if($("#home").length !== 0) {
-
<a href="http://twitter.com/USTC_iGEM" title="USTC iGEM Team Twitter" style="width:100%;height:100%;display:block;"></a>
+
return false;
 +
}
 +
else {
 +
return true;
 +
}
 +
}
 +
});
 +
 +
$.address.change(function(event) {
 +
var currAddr = $.address.value().substr(1);
 +
var page = event.path.substring(1);
 +
v = $('.lavaLampBottomStyle [rel='+page+']').parent();
 +
$(".lavaLampBottomStyle").trigger("move", v);
 +
if($.inArray(page, pages) != -1) {
 +
var margin = $(".slide_content").width();
 +
margin = margin * ($.inArray(page, pages));
 +
margin = margin * -1;
 +
if(currAddr, pages) {
 +
$(".tabslider").stop().animate({
 +
marginLeft: margin + "px"
 +
}, {
 +
duration: 300
 +
});
 +
}
 +
else {
 +
$(".tabslider").css("marginLeft: " + margin + "px");
 +
}
 +
}
 +
});
 +
});
 +
</script>
 +
 +
<div id="overallMask">
 +
<div id="headerWrapper">
 +
<img src="https://static.igem.org/mediawiki/2010/a/a4/USTC_Software_logo.png" alt="iGEM USTC 2010">
 +
<p style="float: right; margin-right: 30px">
 +
Welcome to<br>
 +
<span style="margin-left: 2em">USTC iGEM</span>
 +
</p>
</div>
</div>
-
+
<div id="contentWrapper">
-
<div style="margin-right:5px;width:32px;height:32px;display:block;float:left;background-image:url(https://static.igem.org/mediawiki/2010/c/c8/Facebook-32x32.png);">
+
<div class='tabbed_content'>
-
<a href="#" title="USTC_Software iGEM Team Facebook" style="width:100%;height:100%;display:block;"></a>
+
<div class='tabs'>
-
</div>
+
<ul class="lavaLampBottomStyle" id="tabs">
-
+
<li>
-
<div style="margin-right:5px;width:32px;height:32px;display:block;float:left;background-image:url(https://static.igem.org/mediawiki/2010/3/38/Youtube-32x32.png);">
+
<a href="https://2010.igem.org/Team:USTC_Software#/home" rel="home">Home</a>
-
<a href="#" title="USTC_Software iGEM Team YouTube" style="width:100%;height:100%;display:block;"></a>
+
</li>
-
</div>
+
<li>
-
+
<a href="https://2010.igem.org/Team:USTC_Software#/idea" rel="idea">Idea</a>
-
<div style="margin-right:5px;width:32px;height:32px;display:block;float:left;background-image:url(https://static.igem.org/mediawiki/2010/e/e7/Rss-32x32.png);">
+
</li>
-
<a href="#" title="USTC_Software iGEM Team RSS" style="width:100%;height:100%;display:block;"></a>
+
<li>
-
</div>
+
<a href="https://2010.igem.org/Team:USTC_Software#/project" rel="project">Project</a>
-
+
</li>
-
</div>
+
<li>
-
+
<a href="https://2010.igem.org/Team:USTC_Software#/notebook" rel="notebook">Notebook</a>
-
</html>
+
</li>
-
<br /><br /><br />
+
<li>
-
 
+
<a href="https://2010.igem.org/Team:USTC_Software#/downloads" rel="downloads">Downloads</a>
-
----
+
</li>
-
 
+
<li>
-
<!-- News -->
+
<a href="https://2010.igem.org/Team:USTC_Software#/resources" rel="resources">Resources</a>
-
'''News'''
+
</li>
-
<br /><br /><br />
+
<li>
-
 
+
<a href="https://2010.igem.org/Team:USTC_Software#/human_practice" rel="human_practice">Human Practice</a>
-
----
+
</li>
-
 
+
<li>
-
<!-- Share (AddThis Button) -->
+
<a href="https://2010.igem.org/Team:USTC_Software#/team"  rel="team">Team</a>
-
<html>
+
</li>
-
<div class="addthis_toolbox addthis_default_style">
+
</ul>
-
<a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4c40c07f2e6f1372">
+
</div>
-
<img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/>
+
<div id="sponsorWrapper">
-
</a>
+
</html>{{Team:USTC_Software/Sidebar}}<html>
-
</div>
+
</div>
-
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4c40c07f2e6f1372"></script>
+
<div id="otherContent">
-
</html>
+
-
 
+
-
----
+
-
 
+
-
<!-- Sponsors -->
+
-
'''Sponsors'''
+
-
<br /><br /><br />
+
-
 
+
-
<html>
+
-
<div style="width:160px;margin:0 auto;">
+
-
<a href="http://biox.ustc.edu.cn">
+
-
<img src="https://static.igem.org/mediawiki/2009/4/42/Sponsor2.png" width="160" height="32">
+
-
</a>
+
-
</div>
+
-
</html>
+
-
 
+
-
----
+
-
 
+
-
<!-- External Links -->
+
-
'''External links'''
+
-
<br /><br /><br />
+
-
 
+
-
[http://igem.ustc.edu.cn iGEM@USTC]
+
-
<br /><br /><br />
+
-
 
+
-
[http://openwetware.org/wiki/IGEM:USTC USTC iGEM on OpenWetware]
+
-
<br /><br /><br />
+
-
 
+
-
[http://biotech.ustc.edu.cn/forum USTC Biotech Forum]
+
-
<br /><br /><br />
+
-
 
+
-
[http://groups.google.com/group/igem-china iGEM China Google Group]
+
-
<br /><br /><br />
+
-
 
+
-
----
+
-
 
+
-
<!-- Contact us -->
+
-
'''Contact us'''
+
-
<br /><br /><br />
+
-
 
+
-
[mailto:Mort.Yao@gmail.com Mort.Yao@gmail.com]
+

Revision as of 21:49, 16 July 2010