Ver Mensaje Individual
  #8 (permalink)  
Antiguo 17/03/2015, 20:33
sarjentocuch
 
Fecha de Ingreso: octubre-2011
Ubicación: Nafarroa
Mensajes: 57
Antigüedad: 13 años
Puntos: 5
Respuesta: Orientacion sobre menu flotante

Pues no funciona, mMMMMMmmm voy a poner el menu en mi web de verdad, la cual esta echa con dedalus, haber si ahi funciona.
pongo la url, lo siento, no es por hacer spam. (si consigo solucionarlo o no, luego lo quito igualmente)
[URL="http://www.infomaniakos.com"]PROBANDO EN ESTA WEB[/URL]

bueno, lo primero que voy a hacer, es meter los archivos jquery.easing.1.3.js y js.js en la carpeta scripts del CMS.

luego voy a la carpeta ARCHIVOS y abro el javascript.php y agrego estasdos lineas como he dicho arriba.

Código:
<script type="text/javascript" src="scripts/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="scripts/js.js"></script>

Bien, ahora voy a la plantilla del template, y entre body y /body, pongo los div.

Código:
<div id="fl_menu">
    <div class="label fl_back0" >MENÚ</div>
    <div class="menu">
        <a href="#header" class="menu_item fl_back1">Inicio</a>
        <a href="#bloc001" class="menu_item fl_back2">Registro</a>
        <a href="#bloc02" class="menu_item fl_back3">Reservas</a>
        <a href="#bloc03" class="menu_item fl_back4">Galería</a>
        <a href="#bloc04" class="menu_item fl_back5">Tarifas</a>
        <a href="#bloc05" class="menu_item fl_back6">Contacto</a>
        <a href="https://www.facebook.com/irunkartingindoor" class="menu_item fl_back7" target="_blank">Facebook</a>
    </div>
en teoria, asi deberia de funcionar, no?? bueno perdon, al stile.css agrego los stilos:

Código:
/* Side menu */
body{margin:0px; padding:0px;}
#fl_menu{position:absolute; top:30%; left:0px; z-index:9999; width:9%; height:40px;}
#fl_menu .label{padding-left:20px; line-height:50px; font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; background-color:#000; color:#fff; letter-spacing:7px;}
#fl_menu .menu{display:none;}
#fl_menu .menu .menu_item{display:block; background-color:#000; color:#bbb; border-top:1px solid #393; padding:10px 20px; font-family:Arial, Helvetica, sans-serif; font-size:16px; text-decoration:none; text-align:right;}
#fl_menu .menu a.menu_item:hover{background:#333; color:#fff;}



mMMMMMmmmm y nada, me sigue haciendo lo mismo. osea, se ve, pero no hace nada.