[PunBB] Como creo el css de este menu

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>

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

creo que tiene el html, el javascript pero no consiguió el CSS

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

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

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.

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;   
  }      
});


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;
      }     
    });
});

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!

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ón

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!

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