Template:Regional Europe 2013 mainmenubar

From 2013.igem.org

(Difference between revisions)
(AJout lien vers styles)
 
(22 intermediate revisions not shown)
Line 4: Line 4:
<link rel="stylesheet" type="text/css" href="/Template:Regional_Europe_2013_Page_CSS?action=raw&ctype=text/css" >
<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">
 +
  $(document).ready(function(){
 +
 
 +
    addImageLink("/Europe", "https://static.igem.org/mediawiki/2013/0/01/EuJamLogoiGemLyon.png", $("#p-logo"));
 +
    addImageLink("/", "https://static.igem.org/mediawiki/2013/d/dc/EuJamLogoiGem.png", $("#p-logo"), "floatRight igemLogo");
 +
 
 +
    var socialLinkDiv = $("<div id='socialLinks'></div>");
 +
    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">
<ul id="topnav">
     <li class="navHome">
     <li class="navHome">
Line 11: Line 37:
     </li>
     </li>
     <li><a href="#">iGEM COMPETITION EUROPE</a>
     <li><a href="#">iGEM COMPETITION EUROPE</a>
-
        <!--Subnav Starts Here /-->
+
 
         <div class="subNavLeft">
         <div class="subNavLeft">
             <a href="https://2013.igem.org/Europe/Pre-Jamboree">PRE-JAMBOREE</a> |
             <a href="https://2013.igem.org/Europe/Pre-Jamboree">PRE-JAMBOREE</a> |
Line 17: Line 43:
             <a href="https://2013.igem.org/Europe/Post-Jamboree">POST-JAMBOREE</a>  
             <a href="https://2013.igem.org/Europe/Post-Jamboree">POST-JAMBOREE</a>  
         </div>
         </div>
-
        <!--Subnav Ends Here /-->
+
 
     </li>
     </li>
     <li><a href="#">TRAVEL</a>
     <li><a href="#">TRAVEL</a>
-
      <!--Subnav Starts Here /-->
+
 
       <div class="subNavSecond">
       <div class="subNavSecond">
           <a href="https://2013.igem.org/Europe/Accomodation">ACCOMODATION</a> |
           <a href="https://2013.igem.org/Europe/Accomodation">ACCOMODATION</a> |
           <a href="https://2013.igem.org/Europe/TravelInfomation">TRAVEL INFORMATION</a>  
           <a href="https://2013.igem.org/Europe/TravelInfomation">TRAVEL INFORMATION</a>  
       </div>
       </div>
-
      <!--Subnav Ends Here /-->
+
 
     </li>
     </li>
-
     <li><a href="#">PRESS</a>
+
     <li><a href="https://2013.igem.org/Europe/iGEM_in_short">iGEM IN SHORT</a>
-
        <!--Subnav Starts Here /-->
+
 
-
        <div class="subNavMiddle">
+
-
            <a href="https://2013.igem.org/Europe/Press">PRESS INFORMATION</a> |
+
-
            <a href="https://2013.igem.org/Europe/InTheMedia">IN THE MEDIA</a>  
+
-
        </div>
+
-
        <!--Subnav Ends Here /-->
+
     </li>
     </li>
     <li><a href="https://2013.igem.org/Europe/Sponsors">SPONSORS</a></li>
     <li><a href="https://2013.igem.org/Europe/Sponsors">SPONSORS</a></li>
-
     <li><a href="https://2013.igem.org/Europe/StudyInLyon">STUDY IN LYON</a></li>
+
     <li><a href="#">DISCOVER LYON</a>
-
     <li><a href="#">ABOUT</a>
+
 
-
        <!--Subnav Starts Here /-->
+
        <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>
 +
     <li><a href="#">GALLERIES</a>
 +
 
         <div class="subNavRight">
         <div class="subNavRight">
-
            <a href="https://2013.igem.org/Europe/Organization">ORGANIZATION</a> |
+
             <a href="https://2013.igem.org/Europe/Gallery">PHOTOS</a> |
-
             <a href="https://2013.igem.org/Europe/Gallery">PHOTOS GALLERY</a> |
+
             <a href="https://2013.igem.org/Europe/Video">VIDEOS</a>  
             <a href="https://2013.igem.org/Europe/Video">VIDEOS</a>  
         </div>
         </div>
-
        <!--Subnav Ends Here /-->
+
 
     </li>
     </li>
     <li class="last-child">
     <li class="last-child">
-
         <a href="https://2013.igem.org/Europe/Contact">CONTACT</a></li>
+
         <!--<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>
</ul>
</div>
</div>
-
 
<!--<div id="flashylink">
<!--<div id="flashylink">
Line 56: Line 87:
</div> /-->
</div> /-->
-
 
-
<div id="navbarsocial">
 
-
    <a href="https://www.facebook.com/JamboreeLyonIgem?fref=ts">
 
-
        <img src="https://static.igem.org/mediawiki/2013/a/ad/Facebook.gif"
 
-
        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=iGEM_Lyon">
 
-
        <img src="https://static.igem.org/mediawiki/2011/3/3c/Twitter_logo_25px.png"
 
-
        style="margin-right:5px; width:25px; height:25px;"https://2012.igem.org/Championship
 
-
        alt="Follow iGEM Europe on Twitter!"
 
-
        title="Follow iGEM Europe on Twitter!">
 
-
    </a>
 
-
</div>
 
</html>
</html>

Latest revision as of 19:28, 6 November 2013

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