Hvordan lage undermenypunkter med Suckerfish
Suckerfish er et fritt distribuert rullegardinmenyen som er oppkalt etter eksemplene gitt i menyen: de forskjellige arter av Perciformes, som inkluderer suckerfish. Den bruker HTML-lister, CSS og noen få linjer med Javascript for å skape et multi-level menysystem som er kompatibel med alle de store nettlesere. Suckerfish kan settes inn i en eksisterende webside og modifisert for å passe på design og behov på nettsiden. En integrert del av å endre nettstedet er å legge undermenypunkter til Suckerfish menysystemet.
Bruksanvisning
1 Høyreklikk på websiden som inneholder Suckerfish menyen. Klikk for å velge "Åpne med" og "Notisblokk". Dette vil åpne websiden uten å gjøre det, slik at du kan gjøre endringer direkte til HTML.
2 Finn Suckerfish menyen på websiden. Standard Suckerfish menyen starter med "<ul id =" nav ">" tag.
3 Identifiser menypunktet under der du vil legge til en undermeny element. Menyelementer er høyest i den hierarkiske menysystemet. De begynner med "<li>" -kode, og avslutt med "</ li>" tag. Når siden er gjengitt, er disse menyelementene vises (i motsetning undermenypunkter, som er bare avdekket når brukeren svever musepekeren over menyelementene.)
4 Klikk for å plassere markøren til høyre for "</ li>" tag for menyvalget hvor du ønsker å lage en undermeny, og trykk deretter på "Enter" for å opprette en ny linje. Type "<ul>" og trykk "Enter" for å opprette en ny undermeny.
Opprette en ny undermeny er ikke nødvendig hvis en undermeny allerede finnes under menypunktet. I stedet klikker for å plassere markøren etter at en av de eksisterende undermenypunkter og trykk "Enter" for å opprette en ny linje.
5 Type "<li> <a href='submenu" rel="nofollow" target="_blank"> http://www.example.com '> undermenyelement </a> </ li>" på den blanke linjen. Erstatt "www.example.com" med nettsiden adressen du ønsker at undermenyen for å knytte, og erstatte "undermenyelement" teksten med teksten du vil at brukerne skal se i menyen. Trykk på "Enter". for eksempel, hvis du vil koble til "http://www.google.com" og vise koblingen "Google" i menyen, skriv "<li> <a href='Google</a> & lt; / li" rel = "nofollow" target = "_blank"> http://www.google.com '> Google & lt; / a> & lt; / li> "i den blanke linjen, og trykk deretter på" Enter ".
6 Gjenta forrige trinn for å opprette flere undermenyelementer. Når du er ferdig med å legge undermenyelementer, type "</ ul>" for å lukke undermenyen. Dette er ikke nødvendig hvis det var allerede en eksisterende undermenyen.
7 Klikk på "File" menyen etterfulgt av "Lagre" for å lagre websiden.