El menú vertical del lloc és una funció molt convenient que ajuda a estalviar espai i navegar fàcilment pel recurs. Podeu fer-ho basant-vos en fulls d'estil CSS en cascada o utilitzant eines especials.
Instruccions
Pas 1
Obriu el lloc web purecssmenu.com i registreu-vos-hi, en cas contrari no podreu crear ni descarregar el menú creat. A la part esquerra, cerqueu el botó Plantilles i feu-hi clic. A sota hi haurà petites finestres amb plantilles de menú verticals. Feu-hi clic un per un i visualitzeu-los a la finestra de vista prèvia. Trieu la plantilla que millor s’adapti al vostre lloc.
Pas 2
Definiu el tipus de lletra i el color del menú mitjançant la pestanya Paràmetres. Podeu seleccionar un tipus de lletra i la seva mida al camp Tipus de lletra. Si cal, especifiqueu subratllat / negreta. Establiu el fons (fons) del menú vertical al camp Colors, configureu el color de la font i el color de fons al cursor (fonthover / backgroundhover).
Pas 3
Aneu al menú Elements per gestionar els elements del menú. En fer clic al botó Esborra, esborraran els elements de mostra perquè pugueu crear els vostres. N’hi ha prou amb fer clic a la tecla AddItem plus per afegir un element al final del menú. Mitjançant el botó AddNextItem, podeu afegir un element que seguirà després de l’hora seleccionada actualment. El botó AddSubitem del menú crea un element imbricat per a l’element seleccionat. Per eliminar una línia, utilitzeu el botó RemoveItem.
Pas 4
Obriu els paràmetres de l'element (ItemParameters) a la part inferior del lloc. Introduïu un nom per a l'element del menú a la línia de text i la seva adreça web a Enllaç. La línia de consells és responsable de la descripció de l’ítem, que es mostra quan el cursor passa el cursor per sobre de l’enllaç. La secció Objectiu defineix com s’obre la pàgina. Amb el paràmetre _self, la pàgina es pot configurar per obrir-se a la finestra actual del navegador.
Pas 5
Descarregueu el menú preparat fent clic al botó Baixa a la part inferior de la pàgina. Copieu el codi corresponent situat al fitxer purecssmenu.html al fitxer de plantilla CSS: al principi i al final. Assegureu-vos d’enganxar el codi correcte i desar el fitxer.
