Template:Banner
From 2011.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
+ | <html> | ||
+ | <head> | ||
+ | <http-equiv="content-type" content="text/html;charset=utf-8" /> | ||
+ | <title>University of East Anglia-JIC</title> | ||
+ | |||
+ | |||
+ | <script type="text/javascript"><!-- | ||
+ | var delay=7000 | ||
+ | var ie4=document.all | ||
+ | var curindex=0 | ||
+ | var totalcontent=0 | ||
+ | function get_total(){ | ||
+ | if (ie4){ | ||
+ | while (eval("document.all.content"+totalcontent)) | ||
+ | totalcontent++ | ||
+ | } | ||
+ | else{ | ||
+ | while (document.getElementById("content"+totalcontent)) | ||
+ | totalcontent++ | ||
+ | } | ||
+ | } | ||
+ | function contract_all(){ | ||
+ | for (y=0;y<totalcontent;y++){ | ||
+ | if (ie4) | ||
+ | eval("document.all.content"+y).style.display="none" | ||
+ | else | ||
+ | document.getElementById("content"+y).style.display="none" | ||
+ | } | ||
+ | } | ||
+ | function expand_one(which){ | ||
+ | contract_all() | ||
+ | if (ie4) | ||
+ | eval("document.all.content"+which).style.display="" | ||
+ | else | ||
+ | document.getElementById("content"+which).style.display="" | ||
+ | } | ||
+ | function rotate_content(){ | ||
+ | get_total() | ||
+ | contract_all() | ||
+ | expand_one(curindex) | ||
+ | curindex=(curindex<totalcontent-1)? curindex+1: 0 | ||
+ | setTimeout("rotate_content()",delay) | ||
+ | } | ||
+ | window.onload=rotate_content | ||
+ | //--></script> | ||
+ | </head> | ||
+ | |||
+ | <style> | ||
+ | body{ | ||
+ | background-color: #0B0719; | ||
+ | font: 11px Arial; | ||
+ | color: #FFFFFF; | ||
+ | padding: 5px 5px 5px 5px; | ||
+ | } | ||
+ | |||
+ | b{ | ||
+ | color: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | .heading{ | ||
+ | color: #000; | ||
+ | font: 14px century gothic; | ||
+ | padding: 5px 5px 2px 5px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | .titlebg{ | ||
+ | position: absolute; | ||
+ | top: 0px; | ||
+ | background-color: #000; | ||
+ | width: 965px; | ||
+ | height: 50px; | ||
+ | /* for IE */ | ||
+ | filter:alpha(opacity=60); | ||
+ | /* CSS3 standard */ | ||
+ | opacity:0.6; | ||
+ | z-index:3; | ||
+ | } | ||
+ | |||
+ | .title{ | ||
+ | position: absolute; | ||
+ | top: 0px; | ||
+ | float: left; | ||
+ | font: 35px Trebuchet MS; | ||
+ | color: #FFF; | ||
+ | padding-top: 5px; | ||
+ | padding-left: 10px; | ||
+ | z-index: 4; | ||
+ | } | ||
+ | |||
+ | .header{ | ||
+ | z-index: 1; | ||
+ | position: absolute; | ||
+ | top: 0px; | ||
+ | height: 293px; | ||
+ | } | ||
+ | |||
+ | .menu{ | ||
+ | z-index: 5; | ||
+ | position: absolute; | ||
+ | top: 220px; | ||
+ | font: 18px Trebuchet MS; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .menubg{ | ||
+ | position: absolute; | ||
+ | top: 243px; | ||
+ | background-color: #000000; | ||
+ | width: 965px; | ||
+ | height: 50px; | ||
+ | /* for IE */ | ||
+ | filter:alpha(opacity=60); | ||
+ | /* CSS3 standard */ | ||
+ | opacity:0.6; | ||
+ | z-index:2; | ||
+ | } | ||
+ | a:link{color:#fff;} | ||
+ | a:visited{color:#fff;} | ||
+ | a:active{color:#fff;} | ||
+ | </style> | ||
+ | |||
+ | <body bgcolor="#FFFFFF"> | ||
+ | <body align:center> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="header"> | ||
+ | <div class="titlebg"> | ||
+ | </div> | ||
+ | <div class="title"> | ||
+ | UNIVERSITY OF EAST ANGLIA-JOHN INNES CENTRE | ||
+ | </div> | ||
+ | <div id="content0" style="display:none"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/0/03/Ziggurats_for_banner.jpg" width="965px" height="293px" border="0"></div> | ||
+ | <div id="content1" style="display:none"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/d/db/JIC_AERIAL_VIEW_BANNER.jpg" width="965px" height="293px" border="0"></div> | ||
+ | <div id="content2" style="display:none"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/0/09/CHLAMY_BANNER.jpg" width="965px" height="293px" border="0"> | ||
+ | </div> | ||
+ | <div id="content3" style="display:none"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/d/db/Fountain_border.jpg" width="965px" height="293px" border="0"> | ||
+ | </div> | ||
+ | <div id="content4" style="display:none"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/0/05/Physcomitrella_P.jpg " width="965px" height="293px" border="0"> | ||
+ | </div> | ||
+ | |||
+ | |||
<div class="menubg"> | <div class="menubg"> | ||
</div> | </div> |
Revision as of 11:48, 17 September 2011
UNIVERSITY OF EAST ANGLIA-JOHN INNES CENTRE