|
|
| (184 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | <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============================================= -->
| |
| - | <div id="menu">
| |
| - | <h3>MENU</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&sec=agregar-galeria-imagenes" class="add">Resumen</a></li>
| |
| - | <li><a href="?p=multimedia&sec=listar-galeria-imagenes" class="list">El estandar Ubbit</a></li>
| |
| - | <li><a href="?p=multimedia&sec=agregar-galeria-video" class="add">Puertas lógicas</a></li>
| |
| - | <li><a href="?p=multimedia&sec=listar-galeria-video" class="list">Quorum sensing</a></li>
| |
| - | <li><a href="?p=multimedia&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&sec=agregar-usuario" class="add">Agregar</a></li>
| |
| - | <li><a href="?p=usuarios&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&sec=opcion-lectura" class="bullet">Lectura</a></li>
| |
| - | <li><a href="?p=opciones&sec=opcion-escritura" class="bullet">Escritura</a></li>
| |
| - | <li><a href="?p=opciones&sec=opcion-discusion" class="bullet">Discusión</a></li>
| |
| - | <li><a href="?p=opciones&sec=opcion-permalinks" class="bullet">Permalinks</a></li>
| |
| - | </ul>
| |
| - | </li>
| |
| - | </ul>
| |
| - | </div>
| |
| - |
| |
| - | <!--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 {
| |
| - | position: relative;
| |
| - | height: 20px;
| |
| - | width: 400px;
| |
| - | background-color: green;
| |
| - |
| |
| - | }
| |
| - | .current {
| |
| - | position: relative;
| |
| - | height: 20px;
| |
| - | width: 400px;
| |
| - | background-color: blue;
| |
| - |
| |
| - | }
| |
| - | #menu {
| |
| - | position: relative;
| |
| - | height: 350px;
| |
| - | width: 120px;
| |
| - | background-color: #01DF74;
| |
| - |
| |
| - | }
| |
| - | </style>
| |
| - |
| |
| - |
| |
| - | <!--=========================================MAPA============================================= -->
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | <!--=========================================RECONSTRUIR CABECERA============================================= -->
| |
| - |
| |
| - | <style>
| |
| - |
| |
| - | #globalWrapper {/*laterales*/
| |
| - | background-color: green;
| |
| - | padding-bottom:0px;
| |
| - | border: none;
| |
| - | }
| |
| - | #content {/*to lo de en medio principal, el fondo del texto*/
| |
| - | background-color: #01DF98;
| |
| - | border:none;
| |
| - | padding-bottom:none;
| |
| - | margin-bottom:none;
| |
| - | }
| |
| - | #bodyContent { /*pues como content, quiza mas externo/general*/
| |
| - | border: 5px black dashed;
| |
| - | }
| |
| - |
| |
| - | /*¿?*/
| |
| - | .left-menu { width: 400px; display:block; float:left; margin-top:-62px; margin-right:30px; border: none; left:20px;}
| |
| - | .left-menu ul { border: none; }
| |
| - | /*el bloque del usuario: registro, cuenta..*/
| |
| - | #menubar.right-menu {
| |
| - | width:300px;
| |
| - | display:block;
| |
| - | float:left;
| |
| - | margin-top:62px;
| |
| - | padding-left:50px;
| |
| - | border: none;
| |
| - | right:50px;
| |
| - | }
| |
| - | .right-menu ul { border: 5px blue dashed;}
| |
| - | /*pues lo de arriba del contenido, en principio no se q contiene */
| |
| - | #top-section {
| |
| - | height: 54px;
| |
| - | margin-top: 14px;
| |
| - | margin-left: auto;
| |
| - | margin-right: auto;
| |
| - | margin-bottom: 0 !important;
| |
| - | margin-bottom: 10px;
| |
| - | padding:0;
| |
| - | border: none;
| |
| - | }
| |
| - | /*logo indeseado del igem*/
| |
| - | #p-logo {
| |
| - | height:1px;
| |
| - | overflow:hidden;
| |
| - | border:none;
| |
| - | }
| |
| - | /*cuadro de busqueda de la esquina sup-der*/
| |
| - | #search-controls {
| |
| - | overflow:hidden;
| |
| - | display:none;
| |
| - | background: none;
| |
| - | position: absolute;
| |
| - | top: 100px;
| |
| - | right: 40px;
| |
| - | border: 5px red dashed;
| |
| - | }
| |
| - | /*el menubar ya lo hemos visto, es lo del usuario*/
| |
| - | #menubar li a{
| |
| - | color:#73a631;
| |
| - | }
| |
| - |
| |
| - | #menubar li a:hover {
| |
| - | color:#73a631;
| |
| - | text-decoration:underline;
| |
| - | }
| |
| - |
| |
| - | #menubar li.selected a {
| |
| - | color:#555555;
| |
| - | }
| |
| - |
| |
| - | /*cuadro del titulo de la pagina*/
| |
| - | .firstHeading { display: none;}
| |
| - |
| |
| - | /cosas de abajo. Supongo q lo q empiece por f- es el footer/
| |
| - | #f-list a {
| |
| - | color: #333;
| |
| - | font-size: 15px;
| |
| - | }
| |
| - | #f-list a:hover {
| |
| - | color: #666;
| |
| - | }
| |
| - | /*menu estilo guadiana xD de los cojones*/
| |
| - | #menubar.left-menu {
| |
| - | width:300px;
| |
| - | display:block;
| |
| - | float:left;
| |
| - | margin-top:62px;
| |
| - | padding-left:50px;
| |
| - | border: none;
| |
| - | right:50px;
| |
| - | }
| |
| - |
| |
| - | </style>
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | </body>
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | </html>
| |
"
