Team:Sevilla/template1

From 2011.igem.org

(Difference between revisions)
m (moved Team:Sevilla/test2 to Team:Sevilla/template1: The last page was a provisional page)
Line 37: Line 37:
<p class="menu_head">Attributions</p>
<p class="menu_head">Attributions</p>
     <div class="menu_body">
     <div class="menu_body">
-
          
+
         this
     </div>
     </div>
<p class="menu_head">Notebook</p>
<p class="menu_head">Notebook</p>
Line 144: Line 144:
     }
     }
</style>
</style>
 +
 +
<html>
 +
<head>
 +
<!--=========================================CARGAS============================================= --> 
 +
<!--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>
 +
</head>
 +
 +
<body>
 +
 +
 +
<!--=====================================MENU ACORDEON 2 ======================================= -->
 +
 +
<div id="firstpane" class="menu_list">
 +
  <p class="menu_head"><a href="#">Home</a></p>
 +
    <div class="menu_body">
 +
 +
    </div>
 +
  <p class="menu_head">The Team</p>
 +
    <div class="menu_body">
 +
        <a href="#">Components</a>
 +
    </div>
 +
  <p class="menu_head">The Project</p>
 +
      <div class="menu_body">
 +
        <a href="#">Ubbit Standard</a>
 +
        <a href="#">Full adder Module</a>
 +
        <a href="#">Aplications</a>
 +
        <a href="#" id="serach">Search</a>
 +
  </div>
 +
  <p class="menu_head">Modeling</p>
 +
    <div class="menu_body">
 +
       
 +
    </div>
 +
<p class="menu_head">Safety</p>
 +
    <div class="menu_body">
 +
       
 +
    </div>
 +
<p class="menu_head">Attributions</p>
 +
    <div class="menu_body">
 +
       
 +
    </div>
 +
<p class="menu_head">Notebook</p>
 +
    <div class="menu_body">
 +
       
 +
    </div>
 +
</div>
 +
<!-- http://roshanbh.com.np/2008/06/accordion-menu-using-jquery.html -->
 +
<style>
 +
.menu_list {
 +
width: 150px;
 +
        float:left;
 +
}
 +
.menu_head {
 +
padding: 5px 10px;
 +
cursor: pointer;
 +
position: relative;
 +
margin:1px;
 +
      font-weight:bold;
 +
      background: #eef4d3 url(left.png) center right no-repeat;
 +
}
 +
.menu_body {
 +
display:none;
 +
}
 +
.menu_body a {
 +
  display:block;
 +
  color:#006699;
 +
  background-color:#EFEFEF;
 +
  padding-left:10px;
 +
  font-weight:bold;
 +
  text-decoration:none;
 +
}
 +
.menu_body a:hover {
 +
  color: #000000;
 +
  text-decoration:underline;
 +
}
 +
 +
#search-controls{
 +
display:none;
 +
}
 +
 +
</style>
 +
 +
/*Busqueda*/
 +
<script type="text/javascript">
 +
$("#serach").click(function()
 +
{
 +
  $(this).css({display:inline});
 +
});
 +
</script>
 +
</body>
</body>

Revision as of 15:09, 13 May 2011

/*Busqueda*/