Team:Sevilla/test3

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
{{:Team:Sevilla/test2}}
{{:Team:Sevilla/test2}}
<html>
<html>
 +
<!--=====================================MENU ACORDEON /*mucha morralla*/======================================== --> 
 +
<div id="menu">
 +
    <h3><u>MAIN MENU</u></h3>
 +
    <ul>
 +
        <li><span <?php if($p == "posts"){echo 'class="current"';} ?><a href="javascript:void(0);" id="link-posts">Inicio</a></span>
 +
           
 +
        </li>
 +
        <li><span <?php if($p == "categorias"){echo 'class="current"';} ?><a href="javascript:void(0);" id="link-categorias">iGem</a></span>
 +
         
 +
        </li>
 +
        <li><span <?php if($p == "multimedia"){echo 'class="current"';} ?><a href="javascript:void(0);" id="link-multimedia">El proyecto</a></span>
 +
            <ul>
 +
                <li><a href="?p=multimedia&amp;sec=agregar-galeria-imagenes" class="add">Resumen</a></li>
 +
                <li><a href="?p=multimedia&amp;sec=listar-galeria-imagenes" class="list">El estandar Ubbit</a></li>
 +
                <li><a href="?p=multimedia&amp;sec=agregar-galeria-video" class="add">Puertas lógicas</a></li>           
 +
                <li><a href="?p=multimedia&amp;sec=listar-galeria-video" class="list">Quorum sensing</a></li>
 +
                <li><a href="?p=multimedia&amp;sec=listar-galeria-video" class="list">Sumador binario</a></li>
 +
            </ul>
 +
        </li>
 +
        <li><span <?php if($p == "usuarios"){echo 'class="current"';} ?><a href="javascript:void(0);" id="link-usuarios">El equipo</a></span>
 +
            <ul>
 +
                <li><a href="?p=usuarios&amp;sec=agregar-usuario" class="add">Agregar</a></li>
 +
                <li><a href="?p=usuarios&amp;sec=listar-usuarios" class="list">Listar</a></li>
 +
            </ul>
 +
        </li>
 +
        <li><span <?php if($p == "opciones"){echo 'class="current"';} ?><a href="javascript:void(0);" id="link-opciones">Opciones</a></span>
 +
            <ul>
 +
                <li><a href="?p=opciones&amp;sec=opcion-lectura" class="bullet">Lectura</a></li>
 +
                <li><a href="?p=opciones&amp;sec=opcion-escritura" class="bullet">Escritura</a></li>
 +
                <li><a href="?p=opciones&amp;sec=opcion-discusion" class="bullet">Discusi&oacute;n</a></li>
 +
                <li><a href="?p=opciones&amp;sec=opcion-permalinks" class="bullet">Permalinks</a></li>
 +
            </ul>
 +
        </li>
 +
    </ul>
 +
</div>
 +
<img src="https://static.igem.org/mediawiki/2011/d/de/E1.png" onmouseover="this.src='https://static.igem.org/mediawiki/2011/f/f3/E2.png';" onmouseout="this.src='https://static.igem.org/mediawiki/2011/d/de/E1.png';" />
 +
 +
 +
<!--Efectos para desplegar el Menu acordeon --> 
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$("#menu ul li ul").hide();
 +
$("#menu ul li span.current").addClass("open").next("ul").show();
 +
$("#menu ul li span").click(function(){
 +
$(this).next("ul").slideToggle("slow").parent("li").siblings("li").find("ul:visible").slideUp("slow");
 +
$(this).toggleClass("open");
 +
$(this).parent("li").siblings("li").find("span").removeClass("open");
 +
});
 +
 +
});
 +
</script>
 +
 +
<style>
 +
 +
 +
.open {
 +
            text-decoration:underline;
 +
            font-size:15px;
 +
         
 +
        }
 +
/*.current {esta clase me tiene confuso, es para el menu hor o el vert??
 +
            position: relative;
 +
            height: 20px;
 +
            width: 400px;
 +
            background-color: blue;
 +
         
 +
        }
 +
*/
 +
#menu {
 +
            position: relative;
 +
            height: 350px;
 +
            width: 130px;
 +
            background-color: #01DF74;
 +
            float:left;
 +
            border:7px ridge #088A08;
 +
            padding-left:6px;
 +
 +
         
 +
        }
 +
  #menu a{
 +
            font: bold 13pt "arial", "sans-serif";
 +
            color:purple;
 +
  }
 +
      #menu ul ul a{
 +
            font: 10pt "arial", "sans-serif";
 +
           
 +
           
 +
}
 +
</style>
<!--===================================MAPA================================================-->
<!--===================================MAPA================================================-->
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

Revision as of 19:22, 14 April 2011

Loading...pulsa F5