El menú vertical del sitio es una función muy conveniente que ayuda a ahorrar espacio y navegar fácilmente por el recurso. Puede hacerlo basándose en hojas de estilo CSS en cascada o utilizando herramientas especiales.
Instrucciones
Paso 1
Abra el sitio web purecssmenu.com y regístrese en él; de lo contrario, no podrá crear ni descargar el menú creado. En el lado izquierdo, busque el botón Plantillas y haga clic en él. Debajo habrá pequeñas ventanas con plantillas de menú verticales. Haga clic en ellos uno por uno y visualícelos en la ventana Vista previa. Elija la plantilla que mejor se adapte a su sitio.
Paso 2
Configure la fuente y el color del menú usando la pestaña Parámetros. Puede seleccionar una fuente y su tamaño en el campo Fuente. Si es necesario, especifique subrayado / negrita. Establezca el fondo (fondo) del menú vertical en el campo Colores, establezca el color de la fuente y el color de fondo al pasar el mouse (fonthover / backgroundhover).
Paso 3
Vaya al menú Elementos para administrar los elementos del menú. Al hacer clic en el botón Borrar, se borrarán los elementos de muestra para que pueda crear los suyos propios. Basta con hacer clic en la tecla AddItem plus para agregar un elemento al final del menú. Con el botón AddNextItem, puede agregar un elemento que seguirá después de la hora seleccionada actualmente. El botón AddSubitem en el menú crea un elemento anidado para el seleccionado. Para eliminar una línea, use el botón RemoveItem.
Paso 4
Abra los parámetros del elemento (ItemParameters) en la parte inferior del sitio. Ingrese un nombre para el elemento del menú en la línea Texto y su dirección web en Enlace. La línea Tip es responsable de la descripción del artículo, que se muestra cuando el cursor se desplaza sobre el enlace. La sección Destino define cómo se abre la página. Con el parámetro _self, la página se puede configurar para que se abra en la ventana del navegador actual.
Paso 5
Descargue el menú listo para usar haciendo clic en el botón Descargar en la parte inferior de la página. Copie el código correspondiente ubicado en el archivo purecssmenu.html en el archivo de plantilla CSS: al principio y al final. Asegúrese de pegar el código correcto y guardar el archivo.
