Team:Sevilla/template1

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
{{:Team:Sevilla/templateMenu}}
 +
{{:Team:Sevilla/templateSides}}
<html>  
<html>  
<head>
<head>
Line 8: Line 10:
<body>
<body>
-
 
-
 
-
<img id="i1" src="http://dl.dropbox.com/u/4492644/cable.gif" style="width:80px;height:50px;margin-left:-176px!important;position:fixed;"/>
 
-
 
-
<script type="text/javascript">
 
-
$(function(){
 
-
  $("#m1").mouseenter(function(){
 
-
    $("#i1").attr("src","http://dl.dropbox.com/u/4492644/cableActivo.gif");
 
-
  }).mouseleave(function(){
 
-
    $("#i1").attr("src","http://dl.dropbox.com/u/4492644/cable.gif");
 
-
  });
 
-
});
 
-
</script>
 
-
 
-
<img id="i2" src="http://dl.dropbox.com/u/4492644/cable.gif" style="width:80px;height:50px;margin-left:-176px!important;margin-top:25px;position:fixed;"/>
 
-
 
-
<script type="text/javascript">
 
-
$(function(){
 
-
  $("#m2").mouseenter(function(){
 
-
    $("#i2").attr("src","http://dl.dropbox.com/u/4492644/cableActivo.gif");
 
-
  }).mouseleave(function(){
 
-
    $("#i2").attr("src","http://dl.dropbox.com/u/4492644/cable.gif");
 
-
  });
 
-
});
 
-
</script>
 
-
 
-
 
-
 
-
 
Line 55: Line 28:
</script>
</script>
-
 
-
<!--=====================================MENU ACORDEON  ======================================= -->
 
-
<div id="menuizq">
 
-
<div id="firstpane" class="menu_list">
 
-
  <p class="menu_head" id="m1">        <a  href="/Team:Sevilla">Home</a>          </p>
 
-
    <div class="menu_body">
 
-
 
-
    </div>
 
-
  <p class="menu_head" id="m2">        <a href="/Team:Sevilla/components">The team</a>          </p>
 
-
 
 
-
  <p class="menu_head">        <a href="#">The project</a>          </p>
 
-
      <div class="menu_body">
 
-
        <a href="/Team:Sevilla/ubbit">Ubbit Standard</a>         
 
-
        <a href="/Team:Sevilla/adder">Full adder module</a>         
 
-
        <a href="/Team:Sevilla/applications">Applications</a>
 
-
        <a href="/Team:Sevilla/sponsors">Sponsors</a>         
 
-
  </div>
 
-
  <p class="menu_head" id="m3">        <a href="/Team:Sevilla/modeling">Modeling</a>          </p>
 
-
    <div class="menu_body">
 
-
       
 
-
    </div>
 
-
<p class="menu_head">        <a href="/Team:Sevilla/safety">Safety</a>          </p>
 
-
    <div class="menu_body">
 
-
       
 
-
    </div>
 
-
<p class="menu_head">        <a href="/Team:Sevilla/attributions">Attributions</a>          </p>
 
-
    <div class="menu_body">
 
-
       
 
-
    </div>
 
-
<p class="menu_head">        <a href="/Team:Sevilla/notebook">Notebook</a>          </p>
 
-
 
 
-
<p class="menu_head">        <a href="/Team:Sevilla/sponsors">Sponsors</a>          </p>
 
-
   
 
-
</div>
 
-
 
-
<div id=followus class="menu_list" >
 
-
 
-
<!-- Los botones sociales -->
 
-
<p style="color:#272BB8; float:left; font-weight: bold; clear:both;margin-bottom:none;" >Follow us: </p>
 
-
<hr style="clear:both; align:center; float:left;">
 
-
 
-
<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;" /> </a>
 
-
<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;" /> </a>
 
-
 
-
<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; " /> </a>
 
-
 
-
<hr style="clear:both; align:center; float:left;">
 
-
 
-
</div>
 
-
</div>
 
-
 
-
<div id=menudcha>
 
-
 
-
<!--  -->
 
-
 
-
<div id=sponsors style="margin-left:-20px;">
 
-
<p style="color:#272BB8; float:left; font-weight: bold; clear:both;margin-bottom:none;" >Sponsors: </p>
 
-
 
-
<hr style=" clear:both; align:center; float:left;">
 
-
 
-
<a href='http://www.us.es'><img src="https://static.igem.org/mediawiki/2011/5/52/Logo_US.gif" height=75px  style="margin-top:5px;margin-bottom:5px; clear:both; float:left;"/>  </a>
 
-
 
-
<a href='http://estudiantes.us.es/'><img src="https://static.igem.org/mediawiki/2011/0/02/Vice.png" width=90px style="margin-top:5px;margin-bottom:5px; clear:both; align:center; float:left;" /> </a>
 
-
 
-
<a href='http://www.micinn.es/'><img src="https://static.igem.org/mediawiki/2011/a/a1/LogoMci.jpg" width=90px style="margin-top:5px;margin-bottom:5px; clear:both; align:center; float:left;" /> </a>
 
-
 
-
<a href='http://www.eppendorf.com/'><img src="https://static.igem.org/mediawiki/2011/1/11/EP_L_rgb.jpg" width=90px style="margin-top:5px;margin-bottom:5px; clear:both; align:center; float:left;" /> </a>
 
-
 
-
<a href='http://otri.us.es/web/'><img src="https://static.igem.org/mediawiki/2011/4/46/LogoOTRI.gif" width=90px style="margin-top:5px;margin-bottom:5px; clear:both; align:center; float:left;" /> </a>
 
-
<hr style="clear:both; align:center; float:left;">
 
-
 
-
<a href='#'><img alt='ir arriba' border='0' src='http://espacioforos.miarroba.st/1671161/dfs.png' style="margin-top:20px;margin-bottom:5px; clear:both; aling:center; float:left;"/></a>
 
-
 
-
</div>
 
-
 
-
</div>
 
-
 
-
<!-- http://roshanbh.com.np/2008/06/accordion-menu-using-jquery.html -->
 
-
<style>
 
-
.menu_list {
 
-
width: 150px;
 
-
        float:left;
 
-
}
 
-
#followus {
 
-
float:left;
 
-
clear:both;
 
-
margin-top:5px;;
 
-
 
-
}
 
-
hr {
 
-
  border: 0;
 
-
  width: 80%;
 
-
  color: #4D4D4D;
 
-
background-color: #4D4D4D;
 
-
height: 2px;
 
-
}
 
-
.menu_head {
 
-
padding: 5px 10px;
 
-
cursor: pointer;
 
-
position: relative;
 
-
        font-weight:bold;
 
-
        background: #eef4d3 url(left.png) center right no-repeat;
 
-
        margin:1px;
 
-
        margin-right: 12px;
 
-
        text-align:center;
 
-
}
 
-
.menu_head a{  text-decoration:none;}
 
-
.menu_body {
 
-
display:none;
 
-
width:136px;
 
-
}
 
-
.menu_body a {
 
-
  display:block;
 
-
  color:#006699;
 
-
  background-color:#EFEFEF;
 
-
  padding-left:10px;
 
-
  font-weight:bold;
 
-
  text-decoration:none;
 
-
}
 
-
.menu_body a:hover {/*ponerse encima de los links internos*/
 
-
  color: black;
 
-
  background-color: white;
 
-
}
 
-
</style>
 
-
 
-
<script type="text/javascript"> /*colorear menu al pasar encima*/
 
-
$(function(){
 
-
  $(".menu_head").mouseenter(function(){
 
-
    $(this).css({'background-color': 'white'});
 
-
  }).mouseleave(function(){
 
-
    $(this).css({'background-color': '#eef4d3'});
 
-
  });
 
-
});
 
-
</script>
 
-
 
-
<script type="text/javascript">
 
-
$("#firstpane p.menu_head").click(function()
 
-
{
 
-
  $(this).css({backgroundImage:"url(down.png)"}).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
 
-
  $(this).siblings().css({backgroundImage:"url(left.png)"});
 
-
});
 
-
</script>
 
-
 
-
<!-- FIN -->
 
Line 230: Line 59:
-
<!--=========================================RECONSTRUIR iGEM-wiki============================================= -->   
+
<!--===================================RECONSTRUIR iGEM-wiki======================================= -->   
<style>
<style>

Revision as of 12:34, 19 June 2011