Template:Regional Europe 2013 mainmenubar

From 2013.igem.org

(Difference between revisions)
 
(36 intermediate revisions not shown)
Line 3: Line 3:
<!--Design provided by <a href="https://igem.org/Main_Page">iGEM Main page</a>/-->
<!--Design provided by <a href="https://igem.org/Main_Page">iGEM Main page</a>/-->
 +
<link rel="stylesheet" type="text/css" href="/Template:Regional_Europe_2013_Page_CSS?action=raw&ctype=text/css" >
 +
<!-- jQuery library (served from Google) -->
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
-
<div id="navbarcontainer">
+
<script type="text/javascript">
-
<div id="navbar">
+
  $(document).ready(function(){
-
<ul id="topnav">
+
-
    <li style="border-left: 1px solid #ccc;"><a href="https://2013.igem.org/Europe">Home</a></li>
+
-
    <li><a href="#">iGEM Competition Europe</a>
+
-
        <!--Subnav Starts Here /-->
+
    addImageLink("/Europe", "https://static.igem.org/mediawiki/2013/0/01/EuJamLogoiGemLyon.png", $("#p-logo"));
-
        <span>
+
    addImageLink("/", "https://static.igem.org/mediawiki/2013/d/dc/EuJamLogoiGem.png", $("#p-logo"), "floatRight igemLogo");
-
            <a href="https://2013.igem.org/Europe/Pre-Jamboree">Pre-Jamboree</a> |
+
-
            <a href="https://2013.igem.org/Europe/During-Jamboree">During Jamboree</a> |
+
-
            <a href="https://2013.igem.org/Europe/Post-Jamboree">Post-Jamboree</a>
+
-
        </span>
+
    var socialLinkDiv = $("<div id='socialLinks'></div>");
-
         <!--Subnav Ends Here /-->
+
    addImageLink("https://www.facebook.com/JamboreeLyonIgem?fref=ts", "https://static.igem.org/mediawiki/2013/3/38/EuJamFacebookLogo.png", socialLinkDiv);
 +
    addImageLink("https://twitter.com/intent/user?screen_name=iGEM_Lyon", "https://static.igem.org/mediawiki/2013/2/21/EuJamTwitterLogo.png", socialLinkDiv);
 +
 
 +
    $("#search-controls").prepend(socialLinkDiv);
 +
 
 +
    function addImageLink(link, image, node, imageClass) {
 +
      var linkNode = $("<a href='" + link + "'></a>");
 +
      var imageNode = new Image();
 +
      imageNode.src = image;
 +
      imageNode.className = imageClass;   
 +
      node.append(linkNode.append(imageNode));
 +
     
 +
    }
 +
 
 +
  });
 +
</script>
 +
 
 +
<div id="navbarcontainer">
 +
<ul id="topnav">
 +
    <li class="navHome">
 +
         <a href="https://2013.igem.org/Europe">\ HOME</a>
     </li>
     </li>
-
     <li><a href="#">Travel</a>
+
     <li><a href="#">iGEM COMPETITION EUROPE</a>
-
         <!--Subnav Starts Here /-->
+
         <div class="subNavLeft">
-
        <span>
+
            <a href="https://2013.igem.org/Europe/Pre-Jamboree">PRE-JAMBOREE</a> |
-
             <a href="https://2013.igem.org/Europe/Hotels">Hotels</a> |
+
             <a href="https://2013.igem.org/Europe/During-Jamboree">DURING JAMBOREE</a> |
-
             <a href="https://2013.igem.org/Europe/TravelInfomation">Travel Information</a>  
+
             <a href="https://2013.igem.org/Europe/Post-Jamboree">POST-JAMBOREE</a>  
-
         </span>
+
         </div>
-
        <!--Subnav Ends Here /-->  
+
     </li>
     </li>
 +
    <li><a href="#">TRAVEL</a>
-
    <li><a href="#">Press</a>
+
      <div class="subNavSecond">
 +
          <a href="https://2013.igem.org/Europe/Accomodation">ACCOMODATION</a> |
 +
          <a href="https://2013.igem.org/Europe/TravelInfomation">TRAVEL INFORMATION</a>
 +
      </div>
-
        <!--Subnav Starts Here /-->
+
    </li>
-
        <span>
+
    <li><a href="https://2013.igem.org/Europe/iGEM_in_short">iGEM IN SHORT</a>
-
            <a href="https://2013.igem.org/Europe/Press">Press Information</a> |
+
-
            <a href="https://2013.igem.org/Europe/InTheMedia">In the Media</a>
+
-
        </span>
+
-
        <!--Subnav Ends Here /-->
+
     </li>
     </li>
 +
    <li><a href="https://2013.igem.org/Europe/Sponsors">SPONSORS</a></li>
 +
    <li><a href="#">DISCOVER LYON</a>
 +
        <div class="subNavMiddle">
 +
            <a href="https://2013.igem.org/Europe/StudyInLyon">STUDY</a> |
 +
            <a href="https://2013.igem.org/Europe/HaveFun">HAVE FUN</a>  |
 +
            <a href="https://2013.igem.org/Europe/NightLife">BY NIGHT</a>
 +
        </div>
-
    <li><a href="https://2013.igem.org/Europe/Sponsors">Sponsors</a></li>
+
</li>
-
    <li><a href="https://2013.igem.org/Europe/StudyInLyon">Study in Lyon</a></li>
+
     <li><a href="#">GALLERIES</a>
-
     <li><a href="#">About</a>
+
-
        <!--Subnav Starts Here /-->
+
-
        <span>
+
-
          <a href="https://2013.igem.org/Europe/Organization">Organization</a> |
+
-
<a href="https://2013.igem.org/Europe/Gallery">Photogallery</a> |
+
-
            <a href="https://2013.igem.org/Europe/Video">Video's</a>
+
-
        </span>
+
-
</li>
+
-
    <li><a href="https://2013.igem.org/Europe/Contact">Contact</a></li>
+
-
</ul>
+
        <div class="subNavRight">
 +
            <a href="https://2013.igem.org/Europe/Gallery">PHOTOS</a> |
 +
            <a href="https://2013.igem.org/Europe/Video">VIDEOS</a>
 +
        </div>
-
<div id="navbarsocial">
+
    </li>
 +
    <li class="last-child">
 +
        <!--<a href="https://2013.igem.org/Europe/Contact">CONTACT</a>
 +
        <div class="subNavRightLast">-->
 +
            <a href="https://2013.igem.org/Europe/Organization">ORGANIZATION</a>
 +
        <!--</div>-->
 +
</li>   
 +
</ul>
 +
</div>
<!--<div id="flashylink">
<!--<div id="flashylink">
-
 
<a href="https://2012.igem.org/Championship">World <br> Championship!</a>
<a href="https://2012.igem.org/Championship">World <br> Championship!</a>
</div> /-->
</div> /-->
-
<a href="https://www.facebook.com/JamboreeLyonIgem?fref=ts">
 
-
<img src="https://static.igem.org/mediawiki/igem.org/6/63/Fblogo.png"
 
-
    style="margin-right:5px; width:25px; height:25px;"
 
-
    alt="Join iGEM Europe on Facebook!"
 
-
    title="Join iGEM Europe on Facebook!">
 
-
</a>
 
-
<a href="https://twitter.com/intent/user?screen_name=iGEMEurope">
 
-
<img src="https://static.igem.org/mediawiki/igem.org/3/3d/Twitterlogo.png"
 
-
    style="margin-right:75px; width:25px; height:25px;"https://2012.igem.org/Championship
 
-
    alt="Follow iGEM Europe on Twitter!"
 
-
    title="Follow iGEM Europe on Twitter!">
 
-
</a>
 
-
 
-
</div>
 
-
</div>
 
-
</div>
 
</html>
</html>

Latest revision as of 19:28, 6 November 2013

Retrieved from "http://2013.igem.org/Template:Regional_Europe_2013_mainmenubar"