Team:Evry/template v1

From 2013.igem.org

(Difference between revisions)
 
(119 intermediate revisions not shown)
Line 1: Line 1:
-
{{:Team:Evry/template.js}}
 
-
 
<html>
<html>
-
<header>
 
-
<script type="text/javascript">writeHead();</script>
 
-
<script type="text/javascript">writeHeader();</script>
 
-
</header>
 
 +
<!-- Remonter la page -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
<script type="text/javascript">
Line 23: Line 18:
});
});
</script>
</script>
 +
<div id="btn_up" style="position: fixed; bottom: 15px; right: 25px; cursor: pointer; display:none;">
<div id="btn_up" style="position: fixed; bottom: 15px; right: 25px; cursor: pointer; display:none;">
-
<map name="fun">
+
<img alt="Top_arrow" title="Top" src="https://static.igem.org/mediawiki/2013/7/78/IronMan.png" width="40" />
-
<area shape="rect"
+
-
coords="0,0,55,36"
+
-
href="2013.igem.org/Team:Evry/wiki-guidelines">
+
-
</area>
+
-
</map>
+
-
<img alt="Top_arrow" title="Top" usemap="fun" src="https://static.igem.org/mediawiki/2013/7/78/IronMan.png" width="40" />
+
</div>
</div>
 +
 +
<!-- menu latéral -->
 +
<script type="text/javascript">
 +
$(function() {
 +
    $(document).scroll(function() {
 +
   
 +
        if($(document).scrollTop()>=180)
 +
            {
 +
                $('aside').css('position','fixed').css('top','40px').css('box-shadow','0px 3px 6px #1c1a19');
 +
               
 +
            }
 +
            else
 +
            {
 +
                $('aside').css('position','static').css('float','left').css('margin-left','-0.3%').css('box-shadow','none');               
 +
            }   
 +
    });
 +
});
 +
</script>
 +
 +
<!-- Menu horizontal -->
 +
<script type="text/javascript">
 +
$(function() {
 +
    $(document).scroll(function() {
 +
   
 +
        if($(document).scrollTop()>=180)
 +
            {
 +
                $('#menu').css('position','fixed').css('top','0px').css('width','100%');
 +
                $('#menu a span').css('display','none');
 +
                $('#menu ul').css('top','1.5em').css('top','1.5vw');
 +
                $('#menu #igem-link').css('width','1.5%');     
 +
            }
 +
            else
 +
            {
 +
                $('#menu').css('position','static');
 +
                $('#menu a span').css('display','block');
 +
                $('#menu ul').css('top','5.5em').css('top','5.5vw');
 +
                $('#menu #igem-link').css('width','4%');                   
 +
            }   
 +
    });
 +
});
 +
</script>
 +
 +
<!-- Onglet Notebook -->
 +
 +
<script type="text/javascript">
 +
$(function() {
 +
  $(document).scroll(function() {
 +
   
 +
    if($(document).scrollTop()>=160)
 +
    {
 +
        $('.onglet').css('position','fixed').css('margin-left','8px').css('top','5%');
 +
        $('.onglet-left').css('position','fixed').css('top','5%');                     
 +
    } 
 +
    else
 +
    {
 +
        $('.onglet').css('position','absolute').css('margin-left','0px').css('top','auto');
 +
        $('.onglet-left').css('position','absolute').css('top','auto');                             
 +
    } 
 +
 
 +
  });
 +
});
 +
</script>
 +
</html>
</html>

Latest revision as of 18:04, 19 October 2013