El menú desplegable vertical és molt útil: permet estalviar espai a la pàgina web, alhora que ajuda a navegar fàcilment pel lloc. Proveu de fer un menú desplegable basat en CSS - Fulls d'estil en cascada. Si encara no sou expert en la creació de codi CSS, utilitzeu el servei purecssmenu.com. Haureu de seleccionar un tipus de menú, personalitzar-ne l’aspecte i adaptar-lo al vostre propi lloc. El servei en si mateix generarà el codi necessari, que després inserireu als fitxers del vostre lloc.
Instruccions
Pas 1
Registreu-vos al lloc web purecssmenu.com, en cas contrari no podreu descarregar el menú creat. Feu clic al botó Plantilles a la part esquerra de la pàgina. A continuació veureu diverses finestres petites amb plantilles de menú desplegable, fent clic sobre les quals es carregarà una vista prèvia a la dreta a la finestra de vista prèvia. Trieu una plantilla que s’adapti al vostre lloc
Pas 2
Personalitzeu el tipus de lletra i el color del menú: utilitzeu la pestanya Paràmetres. Al camp Tipus de lletra, seleccioneu un tipus de lletra, la mida del tipus de lletra, si cal, subratllat i en negreta. Al camp Colors, configureu el fons del menú, el color de la lletra i els colors del cursor i del cursor del fons
Pas 3
Obriu la pestanya Elements per gestionar els elements del menú. Si feu clic al botó Esborra la paperera de reciclatge, els elements de mostra s’esborren i podeu crear els vostres. Per fer-ho, premeu el botó Afegeix un element més: l'element s'afegirà al final del menú. El botó Afegeix un element següent s’utilitza per afegir un element després de l’hora seleccionada actualment. El botó Afegeix subítem crea un element de submenú per a la selecció. En conseqüència, per eliminar un element, utilitzeu el botó Elimina element
Pas 4
Presteu atenció al camp Paràmetres de l'article a la part inferior del lloc. A la línia de text, especifiqueu el nom de l'element del menú, a la línia Enllaç: l'URL de la pàgina a la qual dirigirà aquest element. A la línia de consells, podeu deixar una descripció de l'element, que es mostrarà quan passeu el cursor per sobre de l'enllaç. La línia de destinació s'utilitza per determinar la manera d'obrir la pàgina a la qual dirigeix l'enllaç. El paràmetre _self d'aquesta línia obre la pàgina a la mateixa finestra del navegador que l'actual
Pas 5
Després d'acabar de configurar el menú, descarregueu-lo; feu clic al botó Baixa a la part inferior dreta de la pàgina (aquesta funció està disponible després de registrar-vos al lloc). Seleccioneu una carpeta del disc dur on es desarà el fitxer d’arxiu. Desempaqueteu-lo. Haureu de copiar el codi requerit del fitxer purecssmenu.html al fitxer de plantilla CSS del vostre lloc. Obriu el fitxer purecssmenu.html amb un editor de text i copieu el codi entre les etiquetes i a la plantilla CSS del vostre lloc (aquest fitxer té una extensió.css i té un aspecte semblant a file.css). Ara enganxeu el codi al fitxer de plantilla de lloc (temes): el codi de purecssmenu.html entre els comentaris i en lloc del codi de menú normal. Per fer-ho, heu de conèixer almenys una mica la programació. Assegureu-vos d’enganxar el codi al fitxer correcte i desar-lo.
