Template:Regional Europe 2013 mainmenubar

From 2013.igem.org

(Difference between revisions)
 
(17 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
<html>
-
<link rel="stylesheet" type="text/css" href="/Template:Regional_Europe_2013_bxSliderCss?action=raw&ctype=text/css" >
+
-
</html>
+
-
{{Regional Europe 2013 mainmenubar}}
+
<!--Design provided by <a href="https://igem.org/Main_Page">iGEM Main page</a>/-->
-
<html>
+
<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>
-
<style type = 'text/css'>
+
<script type="text/javascript">
-
  a.bouton:link{
+
   $(document).ready(function(){
-
   width:400px;
+
-
  height:70px;
+
-
  text-decoration:none;
+
-
  color:white;
+
-
  text-align:center;
+
-
  font-weight:bold;
+
-
  background-color: #0090D1;
+
-
  padding:5px
+
-
}
+
-
a.bouton:visited{
+
-
  width:400px;
+
-
  height:70px;
+
-
  text-decoration:none;
+
-
  color:white;
+
-
  text-align:center;
+
-
  font-weight:bold;
+
-
  background-color: #0174DF;
+
-
  padding:5px
+
-
}
+
-
a.bouton:hover{
+
-
  width:400px;
+
-
  height:70px;
+
-
  text-decoration:none;
+
-
  color:white;
+
-
  text-align:center;
+
-
  font-weight:bold;
+
-
  background-color:#535353;
+
-
  background-image:url(aqua.jpg);
+
-
  padding:5px
+
-
}
+
-
.bouton{
+
-
  text-align:center;
+
-
}
+
-
</style>
+
    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");
-
<center><p>
+
    var socialLinkDiv = $("<div id='socialLinks'></div>");
-
<b>The deadline to register for the iGEM 2013 Regional Jamborees is this <font color =red>Friday August 23</font>! <br>
+
    addImageLink("https://www.facebook.com/JamboreeLyonIgem?fref=ts", "https://static.igem.org/mediawiki/2013/3/38/EuJamFacebookLogo.png", socialLinkDiv);
-
Registration fees received after Friday will be subject to the late registration rate, so be sure to register your team before tonight! </b>
+
    addImageLink("https://twitter.com/intent/user?screen_name=iGEM_Lyon", "https://static.igem.org/mediawiki/2013/2/21/EuJamTwitterLogo.png", socialLinkDiv);
-
</p></center>
+
-
<p class="bouton">
+
-
  <a href="https://2013.igem.org/Jamboree/Attendance_Fee" class="bouton">REGISTER NOW!</a>
+
-
</p>
+
-
<div class="center">
+
     $("#search-controls").prepend(socialLinkDiv);
-
  <ul class="bxslider">
+
-
     <li><img src="https://static.igem.org/mediawiki/2013/e/ee/EuJamCarousel-1.jpg" /></li>
+
-
    <li><img src="https://static.igem.org/mediawiki/2013/c/c9/EuJamCarousel-2.jpg" /></li>
+
-
    <li><img src="https://static.igem.org/mediawiki/2013/5/53/EuJamCarousel-3.jpg" /></li>
+
-
    <li><img src="https://static.igem.org/mediawiki/2013/4/4d/EuJamCarousel-4.jpg" /></li>
+
-
    <li><img src="https://static.igem.org/mediawiki/2013/8/83/EuJamCarousel-5.jpg" /></li>
+
-
  </ul>
+
-
</div>
+
-
<div id="main3">
+
    function addImageLink(link, image, node, imageClass) {
-
<center>
+
      var linkNode = $("<a href='" + link + "'></a>");
-
<p>
+
      var imageNode = new Image();
-
<b>
+
      imageNode.src = image;
-
<font color="#0090D1">ORGANIZING COMMITTEE &nbsp;/&nbsp; </font> jamboree.lyon.igem@gmail.com
+
      imageNode.className = imageClass;  
-
<br>
+
      node.append(linkNode.append(imageNode));
-
<font color="#0090D1">COORDINATOR : </font> Dr. Corinne Dorel
+
     
-
<br><br>
+
    }
-
<font color="#0090D1">POSTAL ADDRESS : </font> iGEM - IA2C Département Biosciences<br>
+
  });
-
Bâtiment Louis Pasteur - 11 avenue Jean Capelle - 69621 Villeurbanne Cedex - FRANCE
+
</script>
-
</b>
+
-
</p>
+
-
</center>
+
<div id="navbarcontainer">
 +
<ul id="topnav">
 +
    <li class="navHome">
 +
        <a href="https://2013.igem.org/Europe">\ HOME</a>
 +
    </li>
 +
    <li><a href="#">iGEM COMPETITION EUROPE</a>
 +
 
 +
        <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>
 +
 
 +
      <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>
 +
 
 +
    </li>
 +
    <li><a href="https://2013.igem.org/Europe/iGEM_in_short">iGEM IN SHORT</a>
 +
 
 +
    </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>
 +
    <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>
-
<script type="text/javascript" src="/Template:Regional_Europe_2013_bxSliderJs?action=raw&ctype=text/javascript"></script>
+
<!--<div id="flashylink">
-
<script type="text/javascript">
+
<a href="https://2012.igem.org/Championship">World <br> Championship!</a>
-
  $(document).ready(function(){
+
</div> /-->
-
    //caroussel
+
 
-
    $('.bxslider').bxSlider({
+
-
      auto : true
+
-
    });
+
-
  });
+
-
</script>
+
</html>
</html>

Latest revision as of 19:28, 6 November 2013