|
|
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> |