Componente de navegación de menús flotantes

Para personalizar aún más el contenido dentro del Componente de navegación, tú puedes crear un ¡Componente de navegación de menús flotantes!

Nota: Esto ahora es posible a través del área de Primera navegación si tu estas buscando agregar un menú desplegable para esta área específicamente.

Hovernav.PNG

Nota: Esto funciona solo con menús anidados creados dentro del componente de navegación.

Configurando todos los componentes de navegación:

Para activar los menús flotantes para todos los componentes de navegación necesitarás seguir los siguientes pasos:

1. Ve al menú de la Barra de Herramientas de Mi Sitio Web (My Website) y da click a Editar código fuente del tema

2. Da click en default.html en la tabla que lista tus archivos de temas.

3. Agrega el siguiente código abajo dentro del elemento <head>:

<script type="text/javascript" src="/extras/js/superfish.js"></script>
<script type="text/javascript"> $j(function(){ $j("ul.navigation").superfish()});</script>

4. Dando click al botón Guardar o Save al final del dialogo.

La página deberá cargarse y cualquier menú anidado en tu componente de navegación serán activadas cuando el ratón flote sobre la etiqueta.

Configuración para un componente de navegación específico:

Si tu solamente quieres el menú flotante activado para un componente de navegación específico, tu necesitas prometo obtener el ID del CSS del componente. Para hacer esto necesitas:

1. Dar click en el botón Componente de colapso en la Barra de Herramientas del sitio web, entonces esos ID del componente son mostrados.

2. Seleccionar y copiar el ID dentro de tu portapapeles (deberá parecerse a #component_0000)

3. Ve al menú de la Barra de Herramientas de “Mi sitio Web” (Website) y da click en Editar código fuente del tema.

4. Da click en default.html en la tabla que enlista los archivos del tema.

5. Agrega el siguiente código abajo dentro del elemento <head>:

<script type="text/javascript" src="/extras/js/superfish.js"></script>
<script type="text/javascript"> $j(function(){ $j("#component_0000 .navigation").superfish()});</script>

6. La segunda line arriba del código necesita tener #component_0000 reemplazado cuando tu copies como los ID de CSS de los componentes.

7. Da click en el botón Guardar o Save al fondo del dialogo.

Superfish también tiene una variedad de opciones que pueden ser ajustados. Una lista de estas opciones están disponibles en la página de documentación de Superfish.

Nota: Agrupar etiquetas puede ser editado para enlazar páginas internas.

Ejemplo:

Un ejemplo de este componente puede ser visto en la página de Herramientas Web de http://builderexample.com

  • 0 Los Usuarios han Encontrado Esto Útil
¿Fue útil la respuesta?

Artículos Relacionados

Colapsando componentes

Esta función apalancará el modo diseño y cuando esté seleccionado, esconderá todos los bloques de...

Componente de imagen

Inserta una imagen única dentro de tu contenido con este componente. Dónde encontrarlo Este...

Amigos

Un componente de amigos es usado para agregar una lista de amigos de varios sitios web incluyendo...

Administrando amigos

Aquí puedes agregar amigos de una variedad de redes sociales. Si quieres mostrar tus amigos ent u...

Componente de Google Maps

Nota: El componente de Google Maps no está disponible y fue temporalmente eliminado del...