Team:Tianjin/header
From 2012.igem.org
(Difference between revisions)
Austinamens (Talk | contribs) |
|||
(63 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<link rel="stylesheet" href="https://2012.igem.org/Team:Tianjin/index.css?action=raw&ctype=text/css" /> | <link rel="stylesheet" href="https://2012.igem.org/Team:Tianjin/index.css?action=raw&ctype=text/css" /> | ||
<link rel="stylesheet" href="https://2012.igem.org/Team:Tianjin/page.css?action=raw&ctype=text/css" /> | <link rel="stylesheet" href="https://2012.igem.org/Team:Tianjin/page.css?action=raw&ctype=text/css" /> | ||
+ | <link rel="stylesheet" href="https://2012.igem.org/Team:Tianjin/submenu.css?action=raw&ctype=text/css" /> | ||
+ | <script type="text/javascript" src="https://2012.igem.org/Team:Tianjin/js/jquery-1.8.0.js?action=raw&ctype=text/javascript"></script> | ||
<style> | <style> | ||
body{background:{{{color}}};} | body{background:{{{color}}};} | ||
</style> | </style> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | $(".navtext").css("opacity","0"); | ||
+ | $(".navtext").hover(function(){ | ||
+ | $(this).stop().animate({opacity:1},'slow');}, | ||
+ | function () { | ||
+ | $(this).stop().animate({opacity: 0}, "slow"); | ||
+ | }); | ||
+ | $("#secondpane p.menu_head").mouseover(function() | ||
+ | { | ||
+ | $(this).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow"); | ||
+ | $(this).siblings(); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | <script type="text/javascript"> | ||
+ | function getScrollTop() { | ||
+ | var scrollPos; | ||
+ | if (window.pageYOffset) { | ||
+ | scrollPos = window.pageYOffset; | ||
+ | } | ||
+ | else if (document.compatMode) { | ||
+ | if(document.compatMode != 'BackCompat') | ||
+ | { | ||
+ | scrollPos = document.documentElement.scrollTop; | ||
+ | } | ||
+ | else if (document.body) | ||
+ | { | ||
+ | scrollPos = document.body.scrollTop; | ||
+ | } | ||
+ | } | ||
+ | if(scrollPos < 110){ | ||
+ | document.getElementById("right-fixed").className="right-static"; | ||
+ | } | ||
+ | else{ | ||
+ | document.getElementById("right-fixed").className="right-fixed"; | ||
+ | } | ||
+ | if(scrollPos < 216){ | ||
+ | document.getElementById("secondpane").className=" "; | ||
+ | } | ||
+ | else{ | ||
+ | document.getElementById("secondpane").className="menu_list"; | ||
+ | } | ||
+ | } | ||
+ | window.onscroll=getScrollTop; | ||
+ | </script> | ||
+ | |||
</html> | </html> | ||
<div id="header"><div id="logo"> | <div id="header"><div id="logo"> | ||
- | [[file:{{{image}}}]] | + | [[file:{{{image}}}|link=]] |
</div></div> | </div></div> | ||
<div id="nav"> | <div id="nav"> | ||
- | <div id="nav-1" class="block"></div> | + | <div id="nav-1" class="block" style="background:{{{Bgc1}}};position:relative;">[[file:{{{B1}}}|link={{{url1}}}]] |
- | <div id="nav-2" class="block"></div> | + | <div id="navtext-1" class="navtext" style="position:absolute;left:5px;top:5px;">[[file:{{{Btr1}}}|link={{{url1}}}]]</div></div> |
- | <div id="nav-3" class="block"></div> | + | <div id="nav-2" class="block" style="background:{{{Bgc2}}};position:relative;">[[file:{{{B2}}}|link={{{url2}}}]] |
- | <div id="nav-4" class="block"></div> | + | <div id="navtext-2" class="navtext" style="position:absolute;left:5px;top:5px;">[[file:{{{Btr2}}}|link={{{url2}}}]]</div></div> |
+ | <div id="nav-3" class="block" style="background:{{{Bgc3}}};position:relative;">[[file:{{{B3}}}|link={{{url3}}}]] | ||
+ | <div id="navtext-3" class="navtext" style="position:absolute;left:5px;top:5px;">[[file:{{{Btr3}}}|link={{{url3}}}]]</div></div> | ||
+ | <div id="nav-4" class="block" style="background:{{{Bgc4}}};position:relative;">[[file:{{{B4}}}|link={{{url4}}}]] | ||
+ | <div id="navtext-4" class="navtext" style="position:absolute;left:5px;top:5px;">[[file:{{{Btr4}}}|link={{{url4}}}]]</div></div> | ||
<div id="track"> | <div id="track"> | ||
- | <div id="right-fixed"> | + | <div id="right-fixed" class="right-static"> |
- | <div id="nav-5" class="block"></div> | + | <div id="nav-5" class="block" style="background:{{{Bgc5}}};position:relative;">[[file:{{{B5}}}|link={{{url5}}}]] |
- | <div id="nav-6" class="block"></div> | + | <div id="navtext-5" class="navtext" style="position:absolute;left:5px;top:5px;">[[file:{{{Btr5}}}|link={{{url5}}}]]</div></div> |
- | <div id="nav-7" class="block"></div> | + | <div id="nav-6" class="block" style="background:{{{Bgc6}}};position:relative;">[[file:{{{B6}}}|link={{{url6}}}]] |
- | <div id="nav-8" class="block"></div> | + | <div id="navtext-6" class="navtext" style="position:absolute;left:5px;top:5px;">[[file:{{{Btr6}}}|link={{{url6}}}]]</div></div> |
- | <div id="nav-9" class="block"></div> | + | <div id="nav-7" class="block" style="background:{{{Bgc7}}};position:relative;">[[file:{{{B7}}}|link={{{url7}}}]] |
+ | <div id="navtext-7" class="navtext" style="position:absolute;left:5px;top:5px;">[[file:{{{Btr7}}}|link={{{url7}}}]]</div></div> | ||
+ | <div id="nav-8" class="block" style="background:{{{Bgc8}}};position:relative;">[[file:{{{B8}}}|link={{{url8}}}]] | ||
+ | <div id="navtext-8" class="navtext" style="position:absolute;left:5px;top:5px;">[[file:{{{Btr8}}}|link={{{url8}}}]]</div></div> | ||
+ | <div id="nav-9" class="block" style="background:{{{Bgc9}}};position:relative;">[[file:{{{B9}}}|link={{{url9}}}]] | ||
+ | <div id="navtext-9" class="navtext" style="position:absolute;left:5px;top:5px;">[[file:{{{Btr9}}}|link={{{url9}}}]]</div></div> | ||
+ | <html><div id="nav-A" class="block" style="background:#aaa;position:relative;"><a href="#" target='_top'><img src="https://static.igem.org/mediawiki/2012/e/e8/TJU2012-Hp-BKT-ico-s.png"></a> | ||
+ | <div id="navtext-A" class="navtext" style="position:absolute;left:10px;top:10px;"><a href='#' target='_top'><img src="https://static.igem.org/mediawiki/2012/7/71/TJU2012-Hp-Topt-ico-s.png"></a></div></div></html> | ||
</div></div> | </div></div> | ||
</div> | </div> | ||
+ | |||
<div id="wrap"> | <div id="wrap"> | ||
- | <div id=" | + | <div id="secondwrap" style="border:8px solid {{{BorCor}}}"> |
Latest revision as of 07:25, 24 September 2012
[[file:{{{image}}}|link=]]