Crear un sbmenú con un solo Item del menú principa  

 
Tonino
 Tonino
Estimable Member

Hola, necesitaba saber como se crea un submenú u otro menú tomando solamente uno de los items que se encuentran dentro del menu principal. Por ejemplo, si el menu principal está en la barra horizontal con varios items, crear otro menú en columna left por ejemplo, pero solo con uno de los items del menú horizontal. A su vez, cada vez que cambie algo en el menú principal dentro de ese item que cambie en su correspondiente submenú.

Es posible? Como se hace?

Muchas gracias

Saludos

Citar
Respondido : 28/01/2011 3:23 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola promo

El comportamiento por defecto de los módulos de menú en Joomla no te permitirá hacer lo que comentas.

Tal vez puedas revisar alguna des estas extensiones
Contenido solo visible a usuarios registrados

Otra opción es hacerlo con CSS, pero es un poco más complicado pero si es posible y se basa en el concepto de menúes desplegables.

Saludos.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 28/01/2011 4:34 pm

Cursos Gratuitos WordPress

Leonel Cantón
 Leonel Cantón
Estimable Member

Hola promo,

Como te comenta jmarreros, no es posible con el comportamiento normal de los módulos de menú, pero si hacemos una pequeña trampa (sin tocar el código) logramos este efecto.

La idea es contar 1 solo menú, pero con 2 módulos para este menú y cada uno con parámetros distintos.

  1. En tu menú crea los submenus de forma normal
  2. En el administrador de módulos, copia o duplica el modulo del menú (usando el botón copia de esta pantalla, luego de marcar el modulo)
  3. En el módulo original, configura estos tres parámetros Nivel de inicio: valor 0, Nivel final: valor 1 y Mostrar siempre los elementos en los submenús: Valor No
  4. En el módulo duplicado, configura los mismos tres parámetros Nivel de inicio: valor 1, Nivel final: valor 1 y Mostrar siempre los elementos en los submenús: Valor No
  5. En el módulo duplicado, configura la posición donde deseas que se publique, así como los parámetros de diseño que correspondan

Hice una pequeña prueba en mi página y todo funciono bien, ya sabes cualquier problema nos cuentas y con gusto vemos como solucionarlo

Saludos,

Leonel

ResponderCitar
Respondido : 28/01/2011 5:15 pm
Tonino
 Tonino
Estimable Member

Funciona!! Perfecto, era lo que buscaba. Solamente que no me respeta el estilo de menú que le asigno, pero quizá es que algo se me escapa. Me pone todos los items en mayúsculas. Pero la función la realiza perfectamente.
Seguiré buscando el porque de esto último...acepto ayuda.

Muchas gracias, sois los mejores, de verdad.

Saludos

ResponderCitar
Respondido : 28/01/2011 6:00 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Leonel Cantón
 Leonel Cantón
Estimable Member

Hola,

Nos podrías incluir una imagen de como es que te aparece para lograr entender mejor lo del estilo que mencionas o si tuvieras un enlace mucho que mejor, yo creo que a de ser un simple parámetro o incluso algo en el CSS.

Saludos,

Leonel

ResponderCitar
Respondido : 28/01/2011 6:18 pm
Tonino
 Tonino
Estimable Member

Hola de nuevo, envío dos capturas con antes y despues del cambio. Los parámetros son iguales en los dos casos. La única diferencia es que antes del cambio el menú principal esta en columna right y cuando hago el submenú lo coloco en menú horozontal.

ResponderCitar
Respondido : 28/01/2011 7:57 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Tonino
 Tonino
Estimable Member

Creo que lo envié mal

ResponderCitar
Respondido : 28/01/2011 7:59 pm
Tonino
 Tonino
Estimable Member

El que tiene el INICIO es de antes de hacer cambios

ResponderCitar
Respondido : 28/01/2011 8:03 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Leonel Cantón
 Leonel Cantón
Estimable Member

Claro eso imagine.

Revisa el CSS que se esta aplicando al nuevo menú, sino estoy mal hay una opción en CSS para convertir todo en mayúsculas (text-transform)

Si tienes firebug te va a ser mucho mas facil encontrarlo.

Saludos,

Leonel

ResponderCitar
Respondido : 28/01/2011 8:05 pm
Tonino
 Tonino
Estimable Member

Te envío un enlace para que veas como se comporta lo comentado.

Contenido solo visible a usuarios registrados

Un saludo

ResponderCitar
Respondido : 28/01/2011 8:58 pm

Cursos Gratuitos WordPress

Leonel Cantón
 Leonel Cantón
Estimable Member

Hola,

revisando tu css encuentro

div.mod-shadowbox ul.menu a.level1 span.bg, div.mod-shadowbox ul.menu span.level1 span.bg {
    text-transform: uppercase;
}

la solución es sencilla, en los parámetros del modulo correspondiente al submenu tienes que buscar en los parámetros avanzados el denominado “Sufijo de clase del menú“ por ejemplo agregale un 1 al final y te vas a editar tu css y duplicas todas las clases involucradas y en esta copia duplicada la dejamos como

div.mod-shadowbox ul.menu a.level1 span.bg, div.mod-shadowbox ul.menu span.level1 span.bg {
    text-transform: none;
}

Saludos

Leonel

ResponderCitar
Respondido : 28/01/2011 9:27 pm
Tonino
 Tonino
Estimable Member

Ok. he hecho la prueba cambiando el parametro en el css y cambia de mayúsculas a minúsculas, pero no se pone en el estilo de menu con las flechitas de la imagen que envié de antes del cambio. Que me puede faltar?

Muchísimas gracias por tu ayuda

Saludos

ResponderCitar
Respondido : 28/01/2011 11:45 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Leonel Cantón
 Leonel Cantón
Estimable Member

Ya casi lo tienes, ahora lo que tienes que copia es en tu css todo lo que diga mod-shadowbox y en la copia ponerle mod-shadowbox1 o como sea que le hayas puesto.

Te aclaro que no es la forma mas eficiente, pero es la mas fácil.

Saludos,

Leonel

ResponderCitar
Respondido : 29/01/2011 12:36 am
Leonel Cantón
 Leonel Cantón
Estimable Member

Según veo

En el archivo menus.css esto es lo que debes copiar

div.mod-shadowbox ul.menu a.level1 span.bg, div.mod-shadowbox ul.menu span.level1 span.bg {
    text-transform: uppercase;
}

div.mod-shadowbox ul.menu span.bg {
    color: #7F8384;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-indent: 5px;
    text-shadow: 0 1px 0 #FFFFFF;
}

para que quede así

div.mod-shadowbox1 ul.menu a.level1 span.bg, div.mod-shadowbox1 ul.menu span.level1 span.bg {
    text-transform: none;
}

div.mod-shadowbox1 ul.menu span.bg {
    color: #7F8384;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-indent: 5px;
    text-shadow: 0 1px 0 #FFFFFF;
}

asumiendo que en el parámetro del Sufijo de clase del menú tengas mod-shadowbox1 o simplemente -shadowbox1 (igual que el de main menu pero con un 1 adicional)

Saludos,

Leonel

ResponderCitar
Respondido : 29/01/2011 12:40 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Por favor Iniciar Sesión o Registro