Template:USTCiGEM2010 header v2
From 2010.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | |||
<html> | <html> | ||
<head> | <head> | ||
Line 7: | Line 6: | ||
<script type="text/javascript" src="http://scripts.mindtouch.com/res/jqueryui/ui.core.js.txt"></script> | <script type="text/javascript" src="http://scripts.mindtouch.com/res/jqueryui/ui.core.js.txt"></script> | ||
<script type="text/javascript" src="http://jquery-scroll-follow.googlecode.com/svn/trunk/lib/jquery.scrollfollow.js"></script> | <script type="text/javascript" src="http://jquery-scroll-follow.googlecode.com/svn/trunk/lib/jquery.scrollfollow.js"></script> | ||
- | <script type="text/javascript"> | + | |
+ | <script type="text/javascript"> | ||
$( document ).ready( function () | $( document ).ready( function () | ||
Line 17: | Line 17: | ||
{ | { | ||
- | container: ' | + | container: 'LeftSide', |
speed:750, | speed:750, | ||
delay:500, | delay:500, | ||
Line 29: | Line 29: | ||
); | ); | ||
- | </script> | + | </script> |
+ | |||
+ | |||
<style type="text/css"> | <style type="text/css"> | ||
+ | .firstHeading{display:none;} | ||
+ | |||
+ | |||
+ | body,html{ | ||
+ | background-position:top-center; | ||
+ | z-index=-999; | ||
+ | height:100%; | ||
+ | } | ||
+ | |||
+ | |||
#container{ | #container{ | ||
- | |||
- | |||
- | |||
- | |||
- | |||
position:relative; | position:relative; | ||
border-bottom-right-radius:20px; | border-bottom-right-radius:20px; | ||
Line 42: | Line 49: | ||
border-top-left-radius:20px; | border-top-left-radius:20px; | ||
border-top-right-radius:20px; | border-top-right-radius:20px; | ||
- | |||
- | |||
- | |||
} | } | ||
#Header{ | #Header{ | ||
- | width: | + | width:975px; |
- | height: | + | height:325px; |
- | + | text-align:center; | |
- | + | ||
position:absolute; | position:absolute; | ||
- | + | z-index:0; | |
- | + | ||
- | + | ||
background-image:url(https://static.igem.org/mediawiki/2010/7/75/Tablemap.png); | background-image:url(https://static.igem.org/mediawiki/2010/7/75/Tablemap.png); | ||
- | + | border-top-left-radius:20px; | |
+ | border-top-right-radius:20px; | ||
+ | } | ||
+ | #LeftSide{ | ||
+ | width:255px; | ||
+ | height:100%; | ||
+ | position:absolute; | ||
+ | top:320px; | ||
+ | right:720px; | ||
+ | z-index:5; | ||
+ | border-bottom-left-radius:20px; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2010/7/75/Tablemap.png); | ||
+ | } | ||
+ | #SideBar{ | ||
+ | width:250px; | ||
+ | height:500px; | ||
+ | position:absolute; | ||
+ | top:317px; | ||
+ | right:714px; | ||
+ | z-index:30; | ||
+ | } | ||
+ | #Daogui{ | ||
+ | position:absolute; | ||
+ | top:330px; | ||
+ | right:764px; | ||
+ | z-index:20; | ||
+ | width:198px; | ||
+ | min-height:400px; | ||
+ | height:100%; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2010/7/74/Daogui200.png); | ||
+ | background-repeat:repeat-y; | ||
+ | } | ||
+ | #Left{ | ||
+ | width:256px; | ||
+ | height:100%; | ||
+ | position:absolute; | ||
+ | top:330px; | ||
+ | right:697px; | ||
+ | z-index:10; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2010/0/01/USTC_left.png); | ||
+ | background-repeat:repeat-y; | ||
+ | } | ||
+ | #RightSide{ | ||
+ | width:67px; | ||
+ | height:100%; | ||
+ | position:absolute; | ||
+ | top:320px; | ||
+ | right:0px; | ||
+ | z-index:5; | ||
+ | background-image:url(https://static.igem.org/mediawiki/igem.org/3/3c/3-2.png); | ||
+ | background-repeat:repeat-y; | ||
+ | border-bottom-right-radius:20px | ||
+ | } | ||
+ | |||
} | } | ||
</style> | </style> | ||
Line 63: | Line 117: | ||
<div id="container"> | <div id="container"> | ||
<div id="Header"> | <div id="Header"> | ||
- | <object type="application/x-shockwave-flash" height=" | + | <object type="application/x-shockwave-flash" height="325" width="928" > |
- | <param name="movie" value="https://static.igem.org/mediawiki/2010/ | + | <param name="movie" value="https://static.igem.org/mediawiki/2010/2/2c/~022CutOfTitile.swf" /> |
+ | <param name="quality" value="high" /> | ||
+ | <param name="scale" value="Exactfit" /> | ||
+ | </object> | ||
+ | </div> | ||
+ | <div id ="SideBar"> | ||
+ | <object type="application/x-shockwave-flash" height="500" width="245" data="https://static.igem.org/mediawiki/2010/2/23/USTC2010~SideMenu.swf"> | ||
+ | <param name="movie" value="https://static.igem.org/mediawiki/2010/6/60/~SideMenu.swf" /> | ||
<param name="quality" value="high" /> | <param name="quality" value="high" /> | ||
<param name="scale" value="Noborder" /> | <param name="scale" value="Noborder" /> | ||
- | <param name="salign" value=" | + | <param name="salign" value="tl"/> |
</object> | </object> | ||
</div> | </div> | ||
+ | <div id="LeftSide"></div> | ||
+ | <div id="RightSide"></div> | ||
+ | <div id="Left"> | ||
+ | </div> | ||
+ | <div id="Bottome"></div> | ||
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 14:13, 27 October 2010