Team:Sevilla/Templates/lmenu

From 2011.igem.org

(Difference between revisions)
 
(69 intermediate revisions not shown)
Line 3: Line 3:
<!--=========================================CARGAS============================================= -->   
<!--=========================================CARGAS============================================= -->   
<!--Intentamos cargar la libreria jQuery de Google, si no va pues la BobString -->   
<!--Intentamos cargar la libreria jQuery de Google, si no va pues la BobString -->   
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
+
 
-
<script>!window.jQuery && document.write('<script src="https://sites.google.com/site/bobstringfiles/arcanum/jquery-1.2.3.min.js"><\/script>')</script>  
+
<script src="http://institucional.us.es/igembiouse/js/jquery-1.6.2.min.js"></script>
 +
<script src="http://institucional.us.es/igembiouse/js/jquery-ui-1.8.15.custom.min.js"></script>
 +
 
 +
<!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> -->
 +
 
 +
<link href='http://institucional.us.es/igembiouse/css/overcast/jquery-ui-1.8.15.custom.css' rel='stylesheet' type='text/css'>
 +
 
 +
 
 +
<script src="https://sites.google.com/site/bobstringfiles/arcanum/jquery.mousewheel.min.js"></script>
 +
<script src="https://sites.google.com/site/bobstringfiles/arcanum/jquery.panorama360.js"></script>
 +
<script src="http://code.vostrel.cz/jquery.reel.js"></script>
 +
<link href='http://fonts.googleapis.com/css?family=Lekton' rel='stylesheet' type='text/css'>
 +
 
</head>
</head>
Line 15: Line 27:
<div id="menu">
<div id="menu">
<ul class="myMenu">
<ul class="myMenu">
-
     <li> <a  href="/Team:Sevilla">Home</a>  </li>
+
     <li id="homeLi"> <a  href="/Team:Sevilla">Home</a>  </li>
     <li> <a href="/Team:Sevilla/Team">The team</a> </li>
     <li> <a href="/Team:Sevilla/Team">The team</a> </li>
     <li> <a href="#">The project</a>  
     <li> <a href="#">The project</a>  
Line 25: Line 37:
         </ul>
         </ul>
     </li>
     </li>
-
     <li><a href="/Team:Sevilla/Modeling">Modeling</a>  </li>
+
    <li><a href="#">Software</a> 
 +
    <ul>
 +
              <li> <a href="/Team:Sevilla/Software/GPSE">GPSE (Graphical P-System Editor)</a>            </li>
 +
              <li> <a href="/Team:Sevilla/Software/Ubbit">Ubbit Standard Web Database</a>      </li>
 +
             
 +
        </ul>
 +
 
 +
</li>
 +
     <li><a href="/Team:Sevilla/Modelling">Modelling</a>  </li>
     <li><a href="/Team:Sevilla/Safety">Safety</a> </li>
     <li><a href="/Team:Sevilla/Safety">Safety</a> </li>
-
     <li><a href="/Team:Sevilla/Attributions">Attributions</a></li>
+
     <!-- <li><a href="/Team:Sevilla/Attributions">Attributions</a></li> -->
     <li><a href="/Team:Sevilla/Notebook">Notebook</a>  </li>
     <li><a href="/Team:Sevilla/Notebook">Notebook</a>  </li>
     <li><a href="/Team:Sevilla/sponsors">Sponsors</a></li>
     <li><a href="/Team:Sevilla/sponsors">Sponsors</a></li>
 +
    <li><a href="/Team:Sevilla/acknowledgments">Acknowledgments</a></li>
 +
    <li><a href="/Team:Sevilla/arcanumTV">ArcanumTV</a></li>
 +
    <li><a href="/Team:Sevilla/Gallery">Gallery</a></li>
 +
</ul>
</ul>
<!-- Los botones sociales -->
<!-- Los botones sociales -->
-
<div style="float:right;margin-top:150px;width:150px;height:50px;">
+
<div id="social">
<a href='http://twitter.com/iGEMSevilla11'>
<a href='http://twitter.com/iGEMSevilla11'>
-
<img src="https://static.igem.org/mediawiki/2011/7/7e/Twitter-32x32.png"  style="margin-top:5px;margin-bottom:5px; margin-right:5px;  float:left;" />  
+
<img src="https://static.igem.org/mediawiki/2011/7/7e/Twitter-32x32.png" />  
</a>
</a>
-
 
<a href='http://www.facebook.com/pages/Sevilla-iGEM2011-Acanum-Project/187115714638929'>
<a href='http://www.facebook.com/pages/Sevilla-iGEM2011-Acanum-Project/187115714638929'>
-
<img src="https://static.igem.org/mediawiki/2011/c/c8/Facebook-32x32.png"  style="margin-top:5px;margin-bottom:5px;  margin-right:5px; float:left;" />  
+
<img src="https://static.igem.org/mediawiki/2011/c/c8/Facebook-32x32.png"/>  
</a>
</a>
-
 
<a href='http://www.youtube.com/user/iGEMSevilla11'>
<a href='http://www.youtube.com/user/iGEMSevilla11'>
-
<img src="https://static.igem.org/mediawiki/2011/3/38/Youtube-32x32.png"  style="margin-top:5px;margin-bottom:5px; float:left; margin-right:5px; " />  
+
<img src="https://static.igem.org/mediawiki/2011/3/38/Youtube-32x32.png"/>  
</a>
</a>
 +
</div>
</div>
</div>
</div>
-
 
Line 55: Line 77:
<style>
<style>
 +
#menu  
#menu  
Line 61: Line 84:
margin-left:0px;
margin-left:0px;
         width:150px;
         width:150px;
-
         height:500px;
+
         height:100%;
         float:left; /*sin esto no encuadra el contenido del body*/
         float:left; /*sin esto no encuadra el contenido del body*/
 +
       
}
}
Line 71: Line 95:
margin-left:0px;
margin-left:0px;
         width:150px;
         width:150px;
-
         height:500px;
+
         height:100% ! important;
background-color:#6fa898;
background-color:#6fa898;
-
         z-index:-2;
+
         z-index:-1;
}
}
Line 82: Line 106:
{
{
list-style:none;
list-style:none;
-
font:12px Arial, Helvetica, sans-serif #111;
+
font-size:12px;
         float:right;
         float:right;
         font-weight: bold;
         font-weight: bold;
 +
        font-family: 'Lekton'
 +
}
 +
#homeLi
 +
{
 +
font-size:18px;
}
}
-
 
.myMenu li a:link, .myMenu li a:visited {
.myMenu li a:link, .myMenu li a:visited {
         position:relative;
         position:relative;
Line 108: Line 136:
position:absolute;
position:absolute;
visibility:hidden;
visibility:hidden;
-
margin-left:122px;
+
margin-left:10%;
margin-top:-31px;
margin-top:-31px;
         z-index:3;
         z-index:3;
Line 116: Line 144:
{
{
display:inline;
display:inline;
-
float:none;        z-index:3;
+
float:none;        z-index:15;
}
}
Line 132: Line 160:
}
}
 +
#social
 +
{
 +
    margin-top:380px;
 +
    width:150px;
 +
    height:50px;
 +
}
 +
 +
#social img
 +
{
 +
    margin-bottom:5px;
 +
    margin-right:5px;
 +
    float:right;
 +
}
 +
 +
</style>
</style>
 +
<!--========================================SCRIPTS=========================================-->
<!--========================================SCRIPTS=========================================-->
 +
<!--Desplegar submenu--->
<script type="text/javascript">
<script type="text/javascript">
$(document).ready(function() {
$(document).ready(function() {
Line 151: Line 196:
});
});
</script>
</script>
 +
 +
<!--Imagen anillo--->
<script type="text/javascript">
<script type="text/javascript">
-
$("#menu").prepend('<img style="z-index:-1;margin-left:8px;margin-top:-160px;position: absolute;opacity:0.1;filter:alpha(opacity=10);" src="https://static.igem.org/mediawiki/2011/2/25/Ring.png" /> ');
+
$("#menu").prepend('<img style="z-index:-1;margin-left:30px;margin-top:-160px;position: absolute;opacity:0.2;filter:alpha(opacity=20);" src="https://static.igem.org/mediawiki/2011/2/25/Ring.png" /> ');
</script>
</script>
 +
 +
<!--Flechita--->
 +
<script>
 +
$(document).ready(function(){
 +
 +
// hide #back-top first
 +
$("#back-top").hide();
 +
 +
// fade in #back-top
 +
$(function () {
 +
$(window).scroll(function () {
 +
if ($(this).scrollTop() > 100) {
 +
$('#back-top').fadeIn();
 +
} else {
 +
$('#back-top').fadeOut();
 +
}
 +
});
 +
 +
// scroll body to 0px on click
 +
$('#back-top a').click(function () {
 +
$('body,html').animate({
 +
scrollTop: 0
 +
}, 800);
 +
return false;
 +
});
 +
});
 +
 +
});
 +
</script>
 +
</body>
</body>
</html>
</html>

Latest revision as of 22:50, 21 September 2011

Retrieved from "http://2011.igem.org/Team:Sevilla/Templates/lmenu"