Difference between revisions of "Team:Bordeaux/Template:Menu"

Line 1: Line 1:
 
<html>
 
<html>
 
<head>
 
<head>
−
<script>
+
<link rel="stylesheet" href="https://2014.igem.org/Team:Bordeaux/stylesheet:1?action=raw&ctype=text/css" />
−
 
+
−
$(document).ready(function(){
+
−
  $("#fakemenu").append($("#menubar li"));
+
−
  $("#top-section").remove();
+
−
 
+
−
});
+
−
/*
+
−
sfHover = function() {
+
−
        var sfEls = document.getElementById("menu").getElementsByTagName("LI");
+
−
        for (var i=0; i<sfEls.length; i++) {
+
−
                sfEls[i].onmouseover=function() {
+
−
                        this.className+=" sfhover";
+
−
                }
+
−
                sfEls[i].onmouseout=function() {
+
−
                        this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
+
−
                }
+
−
        }
+
−
}
+
−
if (window.attachEvent) window.attachEvent("onload", sfHover);*/
+
−
</script>
+
 
</head>
 
</head>
  
  
−
<div id="preloader">
+
<body>
−
  <div class="loader-gplus"></div>
+
−
</div>
+
  
 +
<header>
 +
<div id="bloc1">
 +
<ul id="menu1">
 +
<li>Home</li>
 +
</ul>
 +
</div>
  
 +
<div id="bloc2">
 +
<ul id="menu2">
 +
<li>Overview
 +
<ul>
 +
<li>The Problem</li>
 +
<li>Our Solution</li>
 +
<li>Result</li>
 +
</ul>
 +
</li>
 +
</ul>
 +
</div>
  
 +
<div id="bloc3">
 +
<ul id="menu3">
 +
<li>People
 +
<ul>
 +
<li>Team Members</li>
 +
<li>Collaboration</li>
 +
<li>Media</li>
 +
</ul>
 +
</li>
 +
</ul>
 +
</div>
  
−
<header id="top-header">
+
<div id="bloc4">
−
   
+
<ul id="menu4">
 +
<li>Policy&Practices
 +
<ul>
 +
<li>Popularization</li>
 +
<li>Ethics</li>
 +
<li>Safety</li>
 +
<li>Philosophy&Economy </li>
 +
</ul>
 +
</li>
 +
</ul>
 +
</div>
  
−
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
+
<div id="bloc5">
−
  <div class="container-fluid">
+
<ul id="menu5">
−
    <!-- Brand and toggle get grouped for better mobile display -->
+
<li>Achievements
−
    <div class="navbar-header">
+
<ul>
−
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+
<li>Medals </li>
−
        <span class="sr-only">Toggle navigation</span>
+
<li>Bio-Brick</li>
−
        <span class="icon-bar"></span>
+
<li>Protocols</li>
−
        <span class="icon-bar"></span>
+
<li>Notebook</li>
−
        <span class="icon-bar"></span>
+
</ul>
−
      </button>
+
</li>
−
      <a class="navbar-brand" href="https://2015.igem.org/Main_Page" style="width:90px"><img class="logo-header"  <!-- lets you move the bar left -->         
+
</ul>
−
<img src="http://www.google.fr/url?source=imglanding&ct=img&q=http://upload.wikimedia.org/wikipedia/en/d/d6/IGEM_official_logo.png&sa=X&ei=GFF0VYWYJ8HkUZKxgMAO&ved=0CAkQ8wc&usg=AFQjCNEe3RtXSXqe1t3EC8-knMIwglD_yA" style="position:relative;top:-0px;left:-0;height:30px" /></a>
+
</div>
−
    </div>
+
  
−
    <!-- Collect the nav links, forms, and other content for toggling -->
+
</header>
−
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
−
      <ul class="nav navbar-nav">
+
  
  
−
<!-- -----------------------START OF MENU -------------------------------- -->
 
−
        <li><a href="https://2015.igem.org/Team:Bordeaux"> Home </a></li>
 
−
 
−
        <li class="dropdown">
 
−
          <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Overview <span class="caret"></span></a>
 
−
          <ul class="dropdown-menu" role="menu">
 
−
            <li><a href="https://2015.igem.org/Team:Bordeaux/Overview">The Problem</a></li>
 
−
        <li><a href="https://2015.igem.org/Team:Bordeaux/Overview">Our Solution</a></li>
 
−
        <li><a href="https://2015.igem.org/Team:Bordeaux/Overview">Results</a></li>
 
−
          </ul>
 
−
        </li>
 
−
 
−
        <li class="dropdown">
 
−
          <a href="#" class="dropdown-toggle" data-toggle="dropdown"> People <span class="caret"></span></a>
 
−
          <ul class="dropdown-menu" role="menu">
 
−
              <li><a href="https://2015.igem.org/Team:Bordeaux/People"> Team Members </a></li>
 
−
  <li><a href="https://2015.igem.org/Team:Bordeaux/People"> Collaborations </a></li>
 
−
  <li><a href="https://2015.igem.org/Team:Bordeaux/People"> Media </a></li>
 
−
          </ul>
 
−
        </li>
 
−
 
−
        <li class="dropdown">
 
−
          <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Policy & Practices <span class="caret"></span></a>
 
−
          <ul class="dropdown-menu" role="menu">
 
−
              <li><a href="https://2015.igem.org/Team:Bordeaux/PolicyPractices"> Popularization </a></li>
 
−
              <li><a href="https://2015.igem.org/Team:Bordeaux/PolicyPractices"> Ethics </a></li>
 
−
              <li><a href="https://2015.igem.org/Team:Bordeaux/PolicyPractices"> Safety </a></li>
 
−
              <li><a href="https://2015.igem.org/Team:Bordeaux/PolicyPractices"> Philosophy & Economy </a></li>   
 
−
          </ul>
 
−
        </li>
 
−
 
−
        <li class="dropdown">
 
−
          <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Achievements <span class="caret"></span></a>
 
−
          <ul class="dropdown-menu" role="menu">
 
−
              <li><a href="https://2015.igem.org/Team:Bordeaux/Achievements"> Medals </a></li>
 
−
              <li><a href="https://2015.igem.org/Team:Bordeaux/Achievements"> Biobrick </a></li>
 
−
              <li><a href="https://2015.igem.org/Team:Bordeaux/Achievements"> Protocols </a></li>
 
−
              <li><a href="https://2015.igem.org/Team:Bordeaux/AchievementsNotebook"> Notebook </a></li>
 
−
          </ul>
 
−
        </li>
 
−
 
−
</header>
 
−
<div id="st-container" class="st-container">
 
−
  <div class="st-pusher">
 
−
    <div class="st-content">
 
  
 +
</body>
 
</html>
 
</html>

Revision as of 23:36, 9 June 2015