Team:Grenoble-EMSE-LSU/Templates/Menu
From 2013.igem.org
(Difference between revisions)
Line 20: | Line 20: | ||
<!-- Chargement CSS --> | <!-- Chargement CSS --> | ||
- | + | <!-- | |
- | + | <link rel="stylesheet" href="https://2013.igem.org/Team:Grenoble-EMSE-LSU/Design/css?action=raw&ctype=text/css" type="text/css" /> | |
<link rel="stylesheet" href="https://2013.igem.org/Team:Grenoble-EMSE-LSU/Design/Menu?action=raw&ctype=text/css" type="text/css" /> | <link rel="stylesheet" href="https://2013.igem.org/Team:Grenoble-EMSE-LSU/Design/Menu?action=raw&ctype=text/css" type="text/css" /> | ||
- | + | <link rel="stylesheet" href="https://2013.igem.org/Team:Grenoble-EMSE-LSU/Design/Menu_Couleurs?action=raw&ctype=text/css" type="text/css"/> | |
- | + | --> | |
- | + | <link rel="stylesheet" href="design_menu_edit.css" type="text/css" /> | |
- | + | <link rel="stylesheet" href="design_menu_couleurs_edit" type="text/css" /> | |
- | + | ||
+ | <!--[if lt IE 9]> | ||
+ | <link rel="stylesheet" href="https://2013.igem.org/Team:Grenoble-EMSE-LSU/Design/ie?action=raw&ctype=text/css" type="text/css" /> | ||
+ | <![endif]--> | ||
Line 34: | Line 37: | ||
<div id="haut"> | <div id="haut"> | ||
+ | <!-- Bannière --> | ||
+ | <div class="banniere" id="scroll"> | ||
+ | <img id="photo" src="https://static.igem.org/mediawiki/2013/4/4a/Grenoble.jpg" width="980px"> | ||
+ | <img id="cell" src="https://static.igem.org/mediawiki/2013/b/b6/Talki.png" height="170px"> | ||
+ | <!--<img id="bandeau" src="https://static.igem.org/mediawiki/2013/3/3f/Bandeau.png">--> | ||
+ | <img id="ordi" src="https://static.igem.org/mediawiki/2013/f/f6/Ordi.png" width="120px"> | ||
+ | </div> | ||
- | <div class=" | + | <!-- Logos à droite --> |
- | < | + | <div class="back" id="scroll"> |
- | + | <ul id="right"> | |
- | <img | + | <li><a href="https://2013.igem.org" title="iGEM Main Page" id="igem_logo" target="_blank"><img src="https://static.igem.org/mediawiki/2013/thumb/5/5d/2013Calgary_iGEM_Logo.png/739px-2013Calgary_iGEM_Logo.png" alt="iGEM logo" width="85px" height="69px"></a></li> |
- | < | + | <li class="contact"><a id="contact" href="mailto:igem.grenoble.fr@gmail.com">Contact us !</a></li> |
- | + | </ul> | |
- | <a href="#haut" id="up"><img src="https://static.igem.org/mediawiki/2013/5/56/Fleche_haut.png" alt=""></a> | + | </div> |
- | + | ||
- | + | <!-- Flèche retour haut --> | |
+ | <a href="#haut" id="up"><img src="https://static.igem.org/mediawiki/2013/5/56/Fleche_haut.png" alt=""></a> | ||
+ | |||
</div> | </div> | ||
- | |||
- | |||
- | |||
- | + | <!-- Script: Images attached to the top --> | |
- | + | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script> | |
- | + | <script type="text/javascript"> | |
- | + | $(document).ready(function () { | |
+ | var top = $('#scroll').offset().top - parseFloat($('#scroll').css('marginTop').replace(/auto/, 0)); | ||
+ | $(window).scroll(function (event) { | ||
+ | var y = $(this).scrollTop(); | ||
+ | if (y >= top) { | ||
+ | $('#scroll').addClass('fixed'); | ||
+ | } else { | ||
+ | $('#scroll').removeClass('fixed'); | ||
+ | } | ||
+ | }); | ||
+ | }); | ||
- | + | </script> | |
- | + | ||
</html> | </html> |
Revision as of 11:55, 29 August 2013