Cargando...
Rango
Sexo
Mensajes
Última visita
Miembro desde

Foro Nube » Servicios » Soporte programación

Foro Cerrado
Este foro se encuentra cerrado de forma indefinida. Puedes utilizarlo para revisar material antiguo que desees recuperar.

[PunBB] Como creo el css de este menu

Creado por ,

Mensaje [Página 1 de 1.]

Publicado el Dom 21 Dic - 20:20

avatar
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>

A 0 usuarios le gusta esto

Publicado el Dom 21 Dic - 20:40

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

A 0 usuarios le gusta esto

Firma

Bret
Representante de la comunidad - Coordinador
Equipo de Foro Nube

Publicado el Lun 22 Dic - 15:38

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

A 0 usuarios le gusta esto

Publicado el Lun 22 Dic - 15:46

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

A 0 usuarios le gusta esto

Firma

Bret
Representante de la comunidad - Coordinador
Equipo de Foro Nube

Publicado el Lun 22 Dic - 20:42

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

A 0 usuarios le gusta esto

Publicado el Lun 22 Dic - 21:21

avatar
Administrador
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.

A 0 usuarios le gusta esto

Firma

Bret
Representante de la comunidad - Coordinador
Equipo de Foro Nube

Publicado el Mar 23 Dic - 1:40

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

A 0 usuarios le gusta esto

Publicado el Mar 23 Dic - 1:52

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

A 0 usuarios le gusta esto

Firma

Bret
Representante de la comunidad - Coordinador
Equipo de Foro Nube

Publicado el Mar 23 Dic - 3:54

avatar
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

A 0 usuarios le gusta esto

Publicado el Mar 23 Dic - 10:13

avatar
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

A 0 usuarios le gusta esto

Publicado el Mar 23 Dic - 13:44

avatar
Administrador
@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.

A 0 usuarios le gusta esto

Firma

Bret
Representante de la comunidad - Coordinador
Equipo de Foro Nube
Contenido patrocinado

Publicado

A 0 usuarios le gusta esto

Con la tecnología de Foroactivo y punBB