Suckerfish è un menu liberamente distribuito a discesa che viene chiamato per gli esempi forniti nel menu: le diverse specie di Perciformi, che include il suckerfish. Esso utilizza le liste HTML, CSS e poche righe di JavaScript per creare un sistema di menu multi-livello che è compatibile con tutti i principali browser web. Suckerfish può essere inserito in una pagina Web esistente e modificato per adattarsi al design e alle esigenze del sito. Una parte integrante di modificare il sito web è l'aggiunta di voci di sottomenu per il sistema di menu Suckerfish.

istruzione

1 Pulsante destro del mouse sulla pagina Web che contiene il menu Suckerfish. Fare clic per scegliere "Apri con" e "Blocco note". Si aprirà la pagina Web senza renderlo, che consente di effettuare modifiche direttamente al codice HTML.

2 Individuare il menu Suckerfish nella pagina Web. Il menu Suckerfish di default inizia con il "<ul id = 'nav'>" tag.

3 Identificare la voce di menu in base al quale si desidera aggiungere una voce di sottomenu. Le voci di menu sono i più alti del sistema di menu gerarchico. Cominciano con il tag "<li>" e terminano con la "<li />" tag. Quando la pagina viene visualizzata, vengono visualizzate queste voci di menu (a differenza di voci di sottomenu, che si rivelano solo quando l'utente passa il puntatore del mouse sulle voci di menu.)

4 Fare clic per posizionare il cursore a destra del "</ li>" tag per la voce di menu in cui si desidera creare un sottomenu, e premere "ENTER" per creare una nuova linea. Tipo "<ul>" e premere "ENTER" per creare un nuovo sottomenu.

La creazione di un nuovo sottomenu non è necessario se un sottomenu esiste già sotto la voce di menu. Invece, fare clic per posizionare il cursore dopo una delle voci del sottomenu esistenti e quindi premere "ENTER" per creare una nuova linea.

5 Tipo "<li> <a href='submenu" target="_blank"> rel="nofollow" http://www.example.com '> voce di sottomenu </a> </ li>" sulla riga vuota. sostituire "www.example.com" con l'indirizzo del sito a cui si desidera la voce di sottomenu per collegare, e sostituire il testo "voce di sottomenu" con il testo che si desidera agli utenti di vedere nel menu. Premere il tasto "Enter". ad esempio, se si desidera collegare a "http://www.google.com" e visualizzare il collegamento "Google" nel menu, digitare "<li> <a href='Google&lt;/a> & lt; / li" rel = "nofollow" target = "_blank"> http://www.google.com '> Google & lt; / a> & lt; / li> "nella riga vuota, e quindi premere" Invio ".

6 Ripetere il passaggio precedente per creare voci di sottomenu aggiuntivi. Una volta terminato l'aggiunta di elementi di sottomenu, tipo "</ ul>" per chiudere il sottomenu. Ciò non è necessario se c'era già un sottomenu esistente.

7 Fare clic sul menu "File", seguito da "Salva" per salvare la pagina Web.