Template:Team:Hannover/main.tmpl

From 2014.igem.org

(Difference between revisions)
 
(32 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
<head>
 +
<script src="/Team:Hannover/jquery-1.11.0.min?action=raw&amp;type=text/javascript" type="text/javascript"></script>
 +
<script src="/Team:Hannover/lightbox.min?action=raw&amp;type=text/javascript" type="text/javascript"></script>
 +
</head>
<body>
<body>
-
<div id="main_box">
+
<div id="banner">
-
              <div id="banner"><a style="display:block; height:100%"><a href="https://2014.igem.org/Team:Hannover"></a>  
+
<a style="display:block; height:100%">
-
      </div>
+
<a href="https://2014.igem.org/Team:Hannover"></a>
-
<!-- neues Menue
+
</div>
-
<div id="main_menue">
+
-
          <div class="ul#nav"><a href="https://2014.igem.org/Main_Page"style="color:#000000">
+
-
    <img src="https://static.igem.org/mediawiki/2014/6/6b/Hannover_20140817_Button_igem.png"
+
-
          margin:0 10px 0 10px; height="30px"; width="auto"></a>
+
-
  </div>
+
-
          <div class="ul#nav"><a href="https://2014.igem.org/Team:Hannover"style="color:#000000">
+
<script type='text/javascript'>
-
    <p class="text_button"><font color="1B2E45">Home</font></p></a>
+
function annotate_all() {
-
          </div>
+
// Move all annotations to the height of the referred element.
 +
$( ".annotation" ).each(function(elem) {
 +
  var thise = $(this);
 +
  var e = thise.attr('ref');
 +
  var reff = $('#' + e);
 +
  if (reff) {
 +
    var apos = thise.offset();
 +
    var rpos = reff.offset();
 +
    var opos = thise.position();
 +
    opos.top = opos.top - apos.top + rpos.top - 10;
 +
    thise.css({
 +
      'vi' : 'absolute' ,
 +
      'top' : opos.top,
 +
      'left' : opos.left,
 +
      'visibility' : 'visible'
 +
    });
 +
  }
 +
});
 +
}
-
          <div class="ul#nav">
 
-
          <a href="https://2014.igem.org/Team:Hannover/Team"style="color:#000000">
 
-
    <p class="text_button"><font color="1B2E45">Team</font></p></a>
 
-
          </div>
 
-
 
 
-
          <div class="ul#nav">
 
-
          <a href="https://2014.igem.org/Team:Hannover/Project"style="color:#000000">
 
-
    <p class="text_button"><font color="1B2E45">Project</font></p></a>
 
-
          </div>
 
-
          <div class="ul#nav">
+
function preload(arrayOfImages) {
-
          <a href="https://2014.igem.org/Team:Hannover/Parts"style="color:#000000">
+
    $(arrayOfImages).each(function(){
-
    <p class="text_button"><font color="#f58800">Parts</font></p></a>
+
        (new Image()).src = this;
-
          </div>
+
    });
 +
}
-
          <div class="ul#nav">
+
function preload_menu() {
-
          <a href="https://2014.igem.org/Team:Hannover/Modeling"style="color:#000000">
+
  // Preload images..
-
    <p class="text_button"><font color="#f58800">Modeling</font></p></a>
+
  preload([
-
          </div>
+
    'https://static.igem.org/mediawiki/2014/8/88/Hannover_20140901_MENU-HUMAN-PRACTICE.gif',
 +
    'https://static.igem.org/mediawiki/2014/3/3d/Hannover_20140901_MENU-TEAM.gif',
 +
    'https://static.igem.org/mediawiki/2014/7/7d/Hannover_20140901_MENU-PROJECT.gif',
 +
    'https://static.igem.org/mediawiki/2014/c/cd/Hannover_20140901_MENU-HOME.gif'
 +
  ]);
 +
}
-
          <div class="ul#nav">
+
$( document ).ready( annotate_all );
-
          <a href="https://2014.igem.org/Team:Hannover/Notebook"style="color:#000000">
+
$( window ).resize( annotate_all );
-
    <p class="text_button"><font color="#f58800">Notebook</font></p></a>
+
$( document ).ready( preload_menu );
-
          </div>
+
</script>
-
 
+
-
          <div class="ul#nav">
+
-
          <a href="https://2014.igem.org/Team:Hannover/Safety"style="color:#000000">
+
-
    <p class="text_button"><font color="1B2E45">Human Practice</font></p></a>
+
-
          </div>
+
-
-->
+
-
<div id="main_menue">
+
-
<ul id="nav">
+
-
              <li><div class="main_menueButtonActual"><a href="https://2014.igem.org/Main_Page"style="color:#000000">
+
-
        <img src="https://static.igem.org/mediawiki/2014/6/6b/Hannover_20140817_Button_igem.png"
+
-
              margin:0 10px 0 10px; height="30px"; width="auto"></a></div>
+
-
      </li>
+
-
 
+
-
              <li><div class="main_menueButtonActual"><a href="https://2014.igem.org/Team:Hannover"style="color:#000000">
+
-
        <p class="text_button"><font color="1B2E45">Home</font></p></a>
+
-
              </div></li>
+
-
 
+
-
              <li><div class="main_menue_bg">
+
-
              <a href="https://2014.igem.org/Team:Hannover/Project"style="color:#000000">
+
-
        <p class="text_button"><font color="1B2E45">Project</font></p></a>
+
-
              </div>
+
-
 
+
-
                  <ul><div class="main_menue_bg">
+
-
                      <a href="https://2014.igem.org/Team:Hannover/Results"style="color:#000000">
+
-
                <p class="text_button"><font color="#f58800">Results</font></p></a>
+
-
                      </div>
+
-
                  <li><div class="main_menue_bg">
+
-
                      <a href="https://2014.igem.org/Team:Hannover/Parts"style="color:#000000">
+
-
                <p class="text_button"><font color="#f58800">Parts</font></p></a>
+
-
                      </div></li>
+
-
                  <li><div class="main_menue_bg">
+
-
                      <a href="https://2014.igem.org/Team:Hannover/Modeling"style="color:#000000">
+
-
                <p class="text_button"><font color="#f58800">Modeling</font></p></a>
+
-
                      </div></li>
+
-
                  <li><div class="main_menue_bg">
+
-
                      <a href="https://2014.igem.org/Team:Hannover/Notebook"style="color:#000000">
+
-
                <p class="text_button"><font color="#f58800">Notebook</font></p></a>
+
-
                      </div></li>
+
-
                  </ul>
+
-
                  </li>
+
-
 
+
-
              <li><div class="main_menue_bg">
+
-
              <a href="https://2014.igem.org/Team:Hannover/Safety"style="color:#000000">
+
-
        <p class="text_button"><font color="1B2E45">Human Practice</font></p></a>
+
-
              </div></li>
+
-
 
+
-
              <li><div class="main_menue_bg">
+
-
              <a href="https://2014.igem.org/Team:Hannover/Team"style="color:#000000">
+
-
        <p class="text_button"><font color="1B2E45">Team & Support</font></p></a>
+
-
              </div></li>
+
-
             
+
-
              </ul>
+
-
</div>
+
</body>
</body>
</html>
</html>

Latest revision as of 13:49, 1 October 2014