Team:Valencia UPV/prueba

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{:Team:Valencia_UPV/Underconstruction_css}}
+
{{:Team:Valencia_UPV/style_css}}
 +
{{:Team:Valencia_UPV/javascript}}
<html>
<html>
-
 
<style>
<style>
-
.firstHeading {
+
#menu
-
display:none;
+
{
 +
background-color:#c00000;
 +
text-align:center;
 +
width:100%;
 +
position: relative;
 +
top: 250px;
}
}
-
 
+
#menu > span
-
body {
+
{
-
    /*background-color: #FFF8DC;*/
+
display:inline-block;
-
    background: url("https://static.igem.org/mediawiki/2014/6/62/VUPV_background_leave.jpg")  no-repeat fixed center;  
+
margin:0 auto;
-
    background-size: 100% 100%; -moz-background-size: 100% 100%;
+
height: 41px;/*It modifies the menu bar height*/
-
 
+
}
}
-
 
+
.menu-fijo {
-
table{
+
    position: fixed;
-
background:transparent;
+
    top: 0;
-
margin-top: 10%;
+
    width: 900px;
-
margin: 0 auto;
+
}
}
-
 
-
.sub_text{
 
-
font-size: 22px;
 
-
margin-top: 5%;
 
-
margin-bottom: 5%;
 
-
color: white;
 
-
margin-top: 10px;
 
-
margin-bottom: 0px;
 
-
text-align: center;
 
-
margin-left: 0px;
 
-
 
-
}
 
-
 
-
.right_text{
 
-
font-variant: small-caps;
 
-
margin-top: 5%;
 
-
margin-left: 10%;
 
-
color: red;
 
-
text-align: center;
 
-
font-size: 30px;
 
-
}
 
-
 
</style>
</style>
 +
<head>
 +
  <title>Menú autoajustable</title>
 +
  <link rel="stylesheet" type="text/css" href="estilo.css">
 +
  <script type="text/javascript" src="jquery.js"></script>
 +
  <script type="text/javascript">
 +
    $(document).ready(function() {
 +
  var menu = $('#menu');
 +
  var contenedor = $('#nav');
 +
  var menu_offset = menu.offset();
 +
  $(window).on('scroll', function() {
 +
    if($(window).scrollTop() > menu_offset.top) {
 +
      menu.addClass('menu-fijo');
 +
    } else {
 +
      menu.removeClass('menu-fijo');
 +
    }
 +
  });
 +
});
 +
  </script>
 +
</head>
 +
<div class="example">
 +
<!--<div align="center">
 +
<a href="https://2014.igem.org/Team:Valencia_UPV"><img alt="sexyplant_logo" title="The Sexy Plant" src="https://static.igem.org/mediawiki/2014/d/d7/Ivllobel_sexy_plant_menu.png"></a>
 +
</div>-->
-
<div>
+
<div class="menu">
-
<a href="https://2014.igem.org" style="padding-left: 10px; padding-right: 10px;"><img src="https://static.igem.org/mediawiki/igem.org/a/af/Igemlogo_whiteletters.png" width="100" height="75"></a>
+
<span>
-
</div>
+
<ul id="nav">
-
<div>
+
<li><a href="https://2014.igem.org/Team:Valencia_UPV">Home</a></li>
-
<table>
+
<li><a href="#">Team</a>
-
<tr>
+
<div class="subs">
-
<td>
+
<div>
-
<img src="https://static.igem.org/mediawiki/2014/a/ac/VUPV_sexy_plant_2.0.gif" width="195" height="337">
+
<ul>
-
</td>
+
<li><h3>People</h3>
-
<td>
+
<ul>
-
<p class="right_text">The Valencia_UPV team presents:</br>Sexy Plant</h1>
+
<li><a href="https://2014.igem.org/Team:Valencia_UPV/Team/Students">Students</a></li>
-
</td>
+
<li><a href="https://2014.igem.org/Team:Valencia_UPV/Team/Advisors">Advisors</a></li>
-
</table>
+
<li><a href="https://2014.igem.org/Team:Valencia_UPV/Team/Instructors">Instructors</a></li>
-
 
+
</ul>
-
</div>
+
</li>
-
 
+
<li><h3>Official Team Profile</h3>
-
 
+
<ul>
-
<div>
+
<li><a href="https://igem.org/Team.cgi?id=1554">Official Team Profile</a></li>
-
<p class="sub_text">This website is under construction.</br> In the meantime you can follow us on the social networks.</p>
+
</ul>
-
 
+
</li>
-
 
+
<li><h3>Photogallery</h3>
-
<table>
+
<ul>
-
<tr>
+
<li><a href="https://2014.igem.org/Team:Valencia_UPV/Underconstruction">Gallery</a></li>
-
<td>
+
</ul>
-
<a href="https://www.facebook.com/ValenciaUPViGEM2014" style="padding-left: 10px; padding-right: 10px;"><img src="https://static.igem.org/mediawiki/2014/0/0f/VUPV_facebook.png"  width="50" height="50"></a>
+
</li>
-
</td>
+
</ul>
-
<td>
+
</div>
-
<a href="https://twitter.com/ValenciaUPViGEM" style="padding-left: 10px; padding-right: 10px;"><img src="https://static.igem.org/mediawiki/2014/2/27/VUPV_twitter.png"  width="50" height="50"></a>
+
</div>
-
</td>
+
</li>
-
<td>
+
<li><a href="#">Project</a>
-
<a href="email:valencia.upv.igem@gmail.com" style="padding-left: 10px; padding-right: 10px;"><img src="https://static.igem.org/mediawiki/2014/6/66/VUPV_gmail.png"  width="50" height="50"></a>
+
<div class="subs">
-
</td></tr></table>
+
<div>
-
 
+
<ul>
-
 
+
<li><h3>Project</h3>
-
    <!-- FACEBOOK: crear conexion. Necesario para la parte derecha -->
+
<ul>
-
    <div id="fb-root"></div>
+
<li><a href="https://2014.igem.org/Team:Valencia_UPV/Project/overview">Overview</a></li>
-
        <script>(function(d, s, id) {
+
<li><a href="https://2014.igem.org/Team:Valencia_UPV/Project/modules">Modules</a></li>
-
            var js, fjs = d.getElementsByTagName(s)[0];
+
<li><a href="https://2014.igem.org/Team:Valencia_UPV/Project/conclusions">Conclusions</a></li>
-
            if (d.getElementById(id)) return;
+
</ul>
-
            js = d.createElement(s); js.id = id;
+
</li>
-
            js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
+
<li><h3>Notebook</h3>
-
            fjs.parentNode.insertBefore(js, fjs);
+
<ul>
-
            }(document, 'script', 'facebook-jssdk'));
+
<li><a href="https://2014.igem.org/Team:Valencia_UPV/Notebook_wetlab.html">Notebook</a></li>
-
        </script>
+
</ul>
-
 
+
</li>
-
        <!-- FACEBOOK: para dejar comentarios directamente -->
+
</ul>
-
      <!--
+
</div>
-
        <h1>Follow us on Facebook</h1>
+
</div>
-
        <p>Be the first one!!</p>
+
</li>
-
        <div class="fb-comments" data-href="https://www.facebook.com/ValenciaUPViGEM2014" data-num-posts="6"  
+
<li><a href="https://2014.igem.org/Team:Valencia_UPV/Underconstruction">Parts</a></li>
-
                data-width="470">
+
<li><a href="#">Modeling</a>
-
        </div>  
+
<div class="subs">
-
        -->
+
<div>
-
       
+
<ul>
 +
<li><h3>Modeling</h3>
 +
<ul>
 +
<li><a href="https://2014.igem.org/Team:Valencia_UPV/Underconstruction">Pheromone Production</a></li>
 +
<li><a href="https://2014.igem.org/Team:Valencia_UPV/Underconstruction">Flux Balance Analysis</a></li>
 +
<li><a href="https://2014.igem.org/Team:Valencia_UPV/Underconstruction">Field Distribution</a></li>
 +
</ul>
 +
</li>
 +
<li><h3>Notebook</h3>
 +
<ul>
 +
<li><a href="https://2014.igem.org/Team:Valencia_UPV/Underconstruction">Notebook</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
</div>
 +
</div>
 +
</li>
 +
<li><a href="https://2014.igem.org/Team:Valencia_UPV/Underconstruction">Safety</a>
 +
<div class="subs">
 +
<div>
 +
<ul>
 +
<li><h3>Safety</h3>
 +
<ul>
 +
<li><a href="https://2014.igem.org/Team:Valencia_UPV/Underconstruction">Special Measures</a></li>
 +
<li><a href="https://2014.igem.org/Team:Valencia_UPV/Underconstruction">Hazard</a></li>
 +
<li><a href="https://2014.igem.org/Team:Valencia_UPV/Underconstruction">Devices</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
</div>
 +
</div>
 +
</li>
 +
<li><a href="https://2014.igem.org/Team:Valencia_UPV/Underconstruction">Human practices</a></li>
 +
<li><a href="https://2014.igem.org/Team:Valencia_UPV/Underconstruction">Sponsors</a></li>
 +
<li><a href="https://2014.igem.org/Team:Valencia_UPV/Underconstruction">Achievements</a></li>
 +
</ul>
 +
</span>
 +
</div>
-
        <!-- FACEBOOK: caja -->
+
</div>
-
        <div class="fb-like-box" data-href="https://www.facebook.com/ValenciaUPViGEM2014" data-width="270"
+
</html>
-
                data-show-faces="true" data-stream="true" data-header="true">
+
-
        </div>
+
-
</div>
+

Revision as of 16:12, 14 August 2014

Menú autoajustable

Retrieved from "http://2014.igem.org/Team:Valencia_UPV/prueba"