Mostrar los tags: menu

Mostrando del 1 al 10 de 54 coincidencias
<<>>
Se ha buscado por el tag: menu
Imágen de perfil

Menú vertical multinivel


JQuery

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 11 de Julio del 2021 por Marc (13 códigos) (Publicado el 18 de Junio del 2017)
2.618 visualizaciones desde el 18 de Junio del 2017
Menú vertical multinivel responsivo, que funciona gracias a la librería jQuery.

screenshot
Imágen de perfil

Menú Bootstrap


HTML

Actualizado el 9 de Abril del 2021 por Carlos Luis (2 códigos) (Publicado el 20 de Agosto del 2017)
3.087 visualizaciones desde el 20 de Agosto del 2017
Menú Bootstrap configurable referente al color.

Resumen:

Muchas veces necesitamos tener una barra de navegación (navbar), diferente al color por defecto o al color inverso.

En ese caso utilizamos google para buscar soluciones. En mi caso, encontré algunas pero siempre me parecían muy complicadas; así que después de algún tiempo estudiando llegue a esta barra.

Espero sea de su utilidad y les ayude a aclarar un poco el tema.

Y con el permiso de autor de este vídeo, me permito recomendarlo:

Imágen de perfil

COMPONENTES SWING


Java

Publicado el 21 de Noviembre del 2020 por Oswaldo Alberto (6 códigos)
1.078 visualizaciones desde el 21 de Noviembre del 2020
Cordial saludo.

Mediante ejemplos muy básicos u sencillos se pretende mostrar los objetos más usados en java de la clase swing, en este caso se usa el java puro o nativo, el cual debo programar todas las rutinas a mano o mejor dicho escribir el código fuente, este trae pocas líneas en cada ejemplo y se concentra en mostrar el objeto a mencionar con sus características métodos aplicados y otra serie de configuraciones.

Advierto que para personas duras en java, será una perdedera de tiempo, por eso aclaro que es para los estudiantes que apenas llegan a java. Por tal razón para los duros, usar Eclipse o Netbeaz con sus respectivos asistentes de GUI, que generan código java en forma automática y se supone que lo conocen muy bien.

Gracias.
Imágen de perfil

Sidenav Menú Vertical


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 4 de Octubre del 2020 por Scriptshow (138 códigos) (Publicado el 15 de Enero del 2017)
2.966 visualizaciones desde el 15 de Enero del 2017
Menú vertical con efecto opacity sobre fondo de imágenes...

Tiene la particularidad de no utilizar librerías varias, ni tampoco frameworks alguno; además, ocupa al completo sólo 1,43 KB (1.466 bytes) todo el código. Es altamente compatible y adaptable.

Espero sea útil.

Un saludo
Imágen de perfil

Menú emergente al obtener el foco o pasar el ratón


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 21 de Agosto del 2020 por Katas (47 códigos)
681 visualizaciones desde el 21 de Agosto del 2020
Código que muestra un menú emergente interactivo desplazandose hacia la derecha al obtener el foco, o al pasar el ratón por encima.

left: 100% Mueve el menú emergente el 100% del ancho de su padre desde la izquierda.
.reference: hover> .popout-menu Significa que cuando se coloca el cursor sobre .reference, seleccione los elementos secundarios inmediatos con la clase .popout-menu y cambie su visibilidad a visible, que muestra la ventana emergente.
.reference: focus> .popout-menu Significa que cuando .reference está enfocado, se mostrará la ventana emergente.
.reference: focus-within> .popout-menu Asegura que la ventana emergente se muestre cuando el foco está dentro de la referencia.

menu-emergente
Imágen de perfil

Menu Animado Responsive HTML5 & CSS3


HTML

estrellaestrellaestrellaestrellaestrella(5)
Actualizado el 3 de Agosto del 2020 por Terry (3 códigos) (Publicado el 25 de Noviembre del 2014)
13.510 visualizaciones desde el 25 de Noviembre del 2014
Este es un menú en donde al poner el cursor el elemento gira ya también responsive

espero les sirva en algo, gracias a todos, no olviden dejar sus comentarios o sugerencias.
Imágen de perfil

Seleccionar la opción de menú según la pagina donde estamos con JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 30 de Junio del 2020 por Joel (150 códigos) (Publicado el 28 de Junio del 2020)
1.188 visualizaciones desde el 28 de Junio del 2020
Código de busca la url de la pagina donde nos encontramos dentro de las urls del menú de nuestra pagina y añade un estilo a dicho enlace para diferenciarlo del resto. En este ejemplo se añade el estilo CSS "selected" que lo pone en negrita.

Puedes ver el mismo código en JQuery en: https://www.lawebdelprogramador.com/codigo/JQuery/6329-Seleccionar-la-opcion-se-menu-segun-la-pagina-donde-estamos-con-JQuery.html
Imágen de perfil

Seleccionar la opción de menú según la pagina donde estamos con JQuery


JQuery

Actualizado el 30 de Junio del 2020 por Joel (150 códigos) (Publicado el 28 de Junio del 2020)
1.107 visualizaciones desde el 28 de Junio del 2020
Código de busca la url de la pagina donde nos encontramos dentro de las urls del menú de nuestra pagina y añade un estilo a dicho enlace para diferenciarlo del resto. En este ejemplo se añade el estilo CSS "selected" que lo pone en negrita.

Puedes ver el mismo código en JavaScript en: https://www.lawebdelprogramador.com/codigo/JavaScript/6328-Seleccionar-la-opcion-se-menu-segun-la-pagina-donde-estamos-con-JavaScript.html