Team:Sevilla/template1

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>  
<html>  
-
<ul class="lavaLamp">
+
 
-
             <li><a href="#">Home</a></li>
+
<!--=========================================CARGAS============================================= --> 
-
             <li><a href="#">Plant a tree</a></li>
+
<!--Intentamos cargar la libreria jQuery de Google, si no va pues la BobString --> 
-
             <li><a href="#">Travel</a></li>
+
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> 
-
             <li><a href="#">Ride an elephant</a></li>
+
<script>!window.jQuery && document.write('<script src="https://sites.google.com/site/bobstringfiles/arcanum/jquery-1.2.3.min.js"><\/script>')</script>
-
         </ul>
+
 
 +
 
 +
<div id="menu">
 +
    <h3>Administrar</h3>
 +
    <ul>
 +
        <li><span <?php if($p == "posts"){echo 'class="current"';} ?>><a href="javascript:void(0);" id="link-posts">Posts</a></span>
 +
             <ul>
 +
                <li><a href="?p=posts&amp;sec=agregar-post" class="add">Agregar</a></li>
 +
                <li><a href="?p=posts&amp;sec=listar-posts" class="list">Listar</a></li>
 +
             </ul>
 +
        </li>
 +
        <li><span <?php if($p == "categorias"){echo 'class="current"';} ?>><a href="javascript:void(0);" id="link-categorias">Cateogr&iacute;as</a></span>
 +
            <ul>
 +
                <li><a href="?p=categorias&amp;sec=agregar-categoria" class="add">Agregar</a></li>
 +
                <li><a href="?p=categorias&amp;sec=listar-categorias" class="list">Listar</a></li>
 +
             </ul>
 +
        </li>
 +
        <li><span <?php if($p == "multimedia"){echo 'class="current"';} ?>><a href="javascript:void(0);" id="link-multimedia">Multimedia</a></span>
 +
            <ul>
 +
                <li><a href="?p=multimedia&amp;sec=agregar-galeria-imagenes" class="add">Agregar galer&iacute;a de im&aacute;genes</a></li>
 +
                <li><a href="?p=multimedia&amp;sec=listar-galeria-imagenes" class="list">Listar galer&iacute;a de im&aacute;genes</a></li>
 +
                <li><a href="?p=multimedia&amp;sec=agregar-galeria-video" class="add">Agregar galer&iacute;a de video</a></li>           
 +
                <li><a href="?p=multimedia&amp;sec=listar-galeria-video" class="list">Listar galer&iacute;a de video</a></li>
 +
             </ul>
 +
        </li>
 +
        <li><span <?php if($p == "usuarios"){echo 'class="current"';} ?>><a href="javascript:void(0);" id="link-usuarios">Usuarios</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>
 +
 
 +
 
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
 +
//Menu desplegable
 +
$("#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>
 +
 
 +
 +
 
 +
 
 +
 
</html>
</html>

Revision as of 14:33, 4 April 2011