[PunBB] Como creo el css de este menu

Ver el tema anterior Ver el tema siguiente Ir abajo

[PunBB] Como creo el css de este menu

Mensaje por Srz el Dom 21 Dic - 20:20

Que tal, fuera de gran ayuda si me ayudaran a crear el css de un menu que tengo, este es el codigo:

Código:
<div id='cssmenu'>
<ul>
  <li><a href='/profile?mode=editprofile&page_profil=preferences'><span>Editar mi Perfil</span></a></li>
  <li class='has-sub last'><a href='/profile?mode=editprofile&page_profil=informations'><span>Editar</span></a>
      <ul>
        <li><a href='/profile?mode=editprofile&page_profil=informations'><span>Información Basica</span></a></li>
        <li><a href='/profile?mode=editprofile&page_profil=avatars'><span>Avatar</span></a></li>
        <li><a href='/profile?mode=editprofile&page_profil=friendsfoes'><span>Amigos</span></a></li>
        <li><a href='/search?search_id=watchsearch'><span>Temas Supervisados</span></a></li>
        <li class='last'><a href='/profile?mode=editprofile&page_profil=tags'><span>HashTags</span></a></li>
      </ul>
  </li>
</ul>
</div>

<script type="text/javascript">
  $('#cssmenu li').removeClass('active');
  $(this).closest('li').addClass('active');   
  var checkElement = $(this).next();
  if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
    $(this).closest('li').removeClass('active');
    checkElement.slideUp('normal');
  }
  if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
    $('#cssmenu ul ul:visible').slideUp('normal');
    checkElement.slideDown('normal');
  }
  if($(this).closest('li').find('ul').children().length == 0) {
    return true;
  } else {
    return false;   
  }      
});
  </script>
avatar
Srz

Mensajes : 87
Fecha de inscripción : 26/09/2014

Ver perfil de usuario http://musicinstant.host-es.com

Volver arriba Ir abajo

Re: [PunBB] Como creo el css de este menu

Mensaje por Bret el Dom 21 Dic - 20:40

¿Crear CSS? ¿A qué te refieres? No me empano. jaja

Firma

Bret
Representante de la comunidad - Coordinador
Equipo de Foro Nube
avatar
Bret
Administrador

Mensajes : 544
Fecha de inscripción : 10/08/2013

Ver perfil de usuario http://www.foronube.net

Volver arriba Ir abajo

Re: [PunBB] Como creo el css de este menu

Mensaje por Ch@lo Valdez el Lun 22 Dic - 15:38

creo que tiene el html, el javascript pero no consiguió el CSS
avatar
Ch@lo Valdez

Mensajes : 48
Fecha de inscripción : 21/08/2014

Ver perfil de usuario

Volver arriba Ir abajo

Re: [PunBB] Como creo el css de este menu

Mensaje por Bret el Lun 22 Dic - 15:46

Pues yo no soy mago. No llego a tanto. jaja

Firma

Bret
Representante de la comunidad - Coordinador
Equipo de Foro Nube
avatar
Bret
Administrador

Mensajes : 544
Fecha de inscripción : 10/08/2013

Ver perfil de usuario http://www.foronube.net

Volver arriba Ir abajo

Re: [PunBB] Como creo el css de este menu

Mensaje por Srz el Lun 22 Dic - 20:42

JAJA me explico, cuales son las Variables o Elementos para poder darle estilo! ¡Exactamente Chalo! Jajaja!
avatar
Srz

Mensajes : 87
Fecha de inscripción : 26/09/2014

Ver perfil de usuario http://musicinstant.host-es.com

Volver arriba Ir abajo

Re: [PunBB] Como creo el css de este menu

Mensaje por Bret el Lun 22 Dic - 21:21

Pues básicamente los selectores más básicos posibles son estos:

Código:
#cssmenu
#cssmenu ul
#cssmenu ul li
#cssmenu ul li a

Sinceramente no entiendo mucho la pregunta, puesto que me pides sacar todos los selectores y hay muchísimas posibilidades.

Por otro lado, esto no tiene nada que ver con Foroactivo por lo que muevo a la zona de programación.

Firma

Bret
Representante de la comunidad - Coordinador
Equipo de Foro Nube
avatar
Bret
Administrador

Mensajes : 544
Fecha de inscripción : 10/08/2013

Ver perfil de usuario http://www.foronube.net

Volver arriba Ir abajo

Re: [PunBB] Como creo el css de este menu

Mensaje por Srz el Mar 23 Dic - 1:40

Bueno aqui entra la curiosidad, ya genere la CSS, gracias por los elementos! pero, la idea es que el Javascript genere el efecto de abierto y cerrado del mismo!

http://musicinstant.host-es.com/h24-menu

ahi esta el menu que hice, pero... No hace nada, no cumple la funcion el js

aca esta el que trae por defecto!

Código:

        $('#cssmenu > ul > li > a').click(function() {
  $('#cssmenu li').removeClass('active');
  $(this).closest('li').addClass('active');   
  var checkElement = $(this).next();
  if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
    $(this).closest('li').removeClass('active');
    checkElement.slideUp('normal');
  }
  if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
    $('#cssmenu ul ul:visible').slideUp('normal');
    checkElement.slideDown('normal');
  }
  if($(this).closest('li').find('ul').children().length == 0) {
    return true;
  } else {
    return false;   
  }      
});
avatar
Srz

Mensajes : 87
Fecha de inscripción : 26/09/2014

Ver perfil de usuario http://musicinstant.host-es.com

Volver arriba Ir abajo

Re: [PunBB] Como creo el css de este menu

Mensaje por Bret el Mar 23 Dic - 1:52

Coloca el código así:

Código:
$(function() {
    $('#cssmenu > ul > li > a').click(function() {
      $('#cssmenu li').removeClass('active');
      $(this).closest('li').addClass('active');
      var checkElement = $(this).next();
      if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
        $(this).closest('li').removeClass('active');
        checkElement.slideUp('normal');
      }
      if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
        $('#cssmenu ul ul:visible').slideUp('normal');
        checkElement.slideDown('normal');
      }
      if($(this).closest('li').find('ul').children().length == 0) {
        return true;
      } else {
        return false;
      }     
    });
});

Firma

Bret
Representante de la comunidad - Coordinador
Equipo de Foro Nube
avatar
Bret
Administrador

Mensajes : 544
Fecha de inscripción : 10/08/2013

Ver perfil de usuario http://www.foronube.net

Volver arriba Ir abajo

Re: [PunBB] Como creo el css de este menu

Mensaje por Srz el Mar 23 Dic - 3:54

Aun no abre, quito el link de ese recuadro, y dejo el "#" para que no vaya a ningun lado, pero no abre.
Edito: Resuelto! Solo tenia que colocarle en el Width: auto para que se ajustara y no diera ningun problema! Guiño
avatar
Srz

Mensajes : 87
Fecha de inscripción : 26/09/2014

Ver perfil de usuario http://musicinstant.host-es.com

Volver arriba Ir abajo

Re: [PunBB] Como creo el css de este menu

Mensaje por Yuna el Mar 23 Dic - 10:13

yo javascript la verdad es que soy nula pero te voy a decir un pequeño detalle. Yo no se cómo lo verán los demás pero los acentos que hay en ese menú no los veo mostrándome caracteres raros (en canción por ejemplo). Para esa palabra mejor ponla de la siguiente manera para que cualquiera pueda leerlo en condiciones:
Código:
canci&oacute;n
avatar
Yuna

Mensajes : 48
Fecha de inscripción : 16/08/2014

Ver perfil de usuario http://www.camara-oscura.com

Volver arriba Ir abajo

Re: [PunBB] Como creo el css de este menu

Mensaje por Bret el Mar 23 Dic - 13:44

@Srz escribió:Aun no abre, quito el link de ese recuadro, y dejo el "#" para que no vaya a ningun lado, pero no abre.
Edito: Resuelto! Solo tenia que colocarle en el Width: auto para que se ajustara y no diera ningun problema! Guiño

No se que sentido tiene eso, pero si está resuelto cierro entonces.

Firma

Bret
Representante de la comunidad - Coordinador
Equipo de Foro Nube
avatar
Bret
Administrador

Mensajes : 544
Fecha de inscripción : 10/08/2013

Ver perfil de usuario http://www.foronube.net

Volver arriba Ir abajo

Re: [PunBB] Como creo el css de este menu

Mensaje por Contenido patrocinado


Contenido patrocinado


Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba


 
Permisos de este foro:
No puedes responder a temas en este foro.