Template:Regional Europe 2013 mainmenubar

From 2013.igem.org

(Difference between revisions)
 
(31 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">
-
            <ul id="topnav">
+
  $(document).ready(function(){
-
                <li class="navHome"><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"));
-
                    <div class="subNavLeft">
+
    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>
+
-
                    </div>
+
    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);
-
                </li>
+
    addImageLink("https://twitter.com/intent/user?screen_name=iGEM_Lyon", "https://static.igem.org/mediawiki/2013/2/21/EuJamTwitterLogo.png", socialLinkDiv);
-
                <li><a href="#">TRAVEL</a>
+
-
                    <!--Subnav Starts Here /-->
+
    $("#search-controls").prepend(socialLinkDiv);
-
                    <div class="subNavMiddle">
+
-
                        <a href="https://2013.igem.org/Europe/Accomodation">ACCOMODATION</a> |
+
-
                        <a href="https://2013.igem.org/Europe/TravelInfomation">TRAVEL INFORMATION</a>
+
-
                    </div>
+
-
                    <!--Subnav Ends Here /-->
+
-
                </li>
+
    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));
 +
     
 +
    }
-
                <li><a href="#">PRESS</a>
+
  });
 +
</script>
-
                    <!--Subnav Starts Here /-->
+
<div id="navbarcontainer">
-
                    <div class="subNavMiddle">
+
<ul id="topnav">
-
                        <a href="https://2013.igem.org/Europe/Press">PRESS INFORMATION</a> |
+
    <li class="navHome">
-
                        <a href="https://2013.igem.org/Europe/InTheMedia">IN THE MEDIA</a>  
+
        <a href="https://2013.igem.org/Europe">\ HOME</a>
-
                    </div>
+
    </li>
-
                    <!--Subnav Ends Here /-->
+
    <li><a href="#">iGEM COMPETITION EUROPE</a>
-
                </li>
+
        <div class="subNavLeft">
 +
            <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>
 +
        </div>
 +
    </li>
 +
    <li><a href="#">TRAVEL</a>
-
                <li><a href="https://2013.igem.org/Europe/Sponsors">SPONSORS</a></li>
+
      <div class="subNavSecond">
-
                <li><a href="https://2013.igem.org/Europe/StudyInLyon">STUDY IN LYON</a></li>
+
          <a href="https://2013.igem.org/Europe/Accomodation">ACCOMODATION</a> |
-
                <li><a href="#">ABOUT</a>
+
          <a href="https://2013.igem.org/Europe/TravelInfomation">TRAVEL INFORMATION</a>  
-
                    <!--Subnav Starts Here /-->
+
      </div>
-
                    <div class="subNavRight">
+
-
                        <a href="https://2013.igem.org/Europe/Organization">ORGANIZATION</a> |
+
-
                    <a href="https://2013.igem.org/Europe/Gallery">PHOTOS GALLERY</a> |
+
-
                        <a href="https://2013.igem.org/Europe/Video">VIDEOS</a>
+
-
                    </div>
+
-
                </li>
+
-
                <li><a href="https://2013.igem.org/Europe/Contact">CONTACT</a></li>
+
-
            </ul>
+
    </li>
-
     </div>
+
     <li><a href="https://2013.igem.org/Europe/iGEM_in_short">iGEM IN SHORT</a>
-
<div id="navbarsocial">
+
    </li>
 +
    <li><a href="https://2013.igem.org/Europe/Sponsors">SPONSORS</a></li>
 +
    <li><a href="#">DISCOVER LYON</a>
-
<!--<div id="flashylink">
+
        <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">
 +
            <a href="https://2013.igem.org/Europe/Gallery">PHOTOS</a> |
 +
            <a href="https://2013.igem.org/Europe/Video">VIDEOS</a>
 +
        </div>
 +
 +
    </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">
<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=iGEM_Lyon">
 
-
<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>
 
</html>
</html>

Latest revision as of 19:28, 6 November 2013

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