Suckerfish è un menu a discesa liberamente distribuito denominato per gli esempi forniti nel menu: le diverse specie di Perciformes, che comprende il suckerfish. Utilizza elenchi HTML, CSS e poche righe di JavaScript per creare un sistema di menu multi-livello che è compatibile con tutti i principali browser Web. Suckerfish possono essere inseriti in una pagina Web esistente e modificati per adattarsi alla progettazione e alle esigenze del sito Web. Parte integrante di modificare il sito Web è l'aggiunta di voci di sottomenu per il sistema di menu Suckerfish.

Istruzioni

1

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

2

Individuare il menu Suckerfish sulla pagina Web. Il menu Suckerfish predefinito inizia con la "< ul id = 'nav' >" tag.

3

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

4

Fare clic per posizionare il cursore a destra del tag "</li >" per la voce di menu a cui si desidera creare un sottomenu e quindi premere "ENTER" per creare una nuova riga. Digitare "< ul >" e premere "Invio" per creare un nuovo sottomenu.

Creazione di un nuovo sottomenu non è necessaria se un sottomenu esiste già la voce di menu. Al contrario, fare clic per posizionare il cursore dopo una delle voci del sottomenu esistenti e quindi premere "ENTER" per creare una nuova riga.

5

Tipo "< li >< a href =' sottomenu" rel = "nofollow" target = blank"> 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 di "voce di sottomenu" con il testo che si desidera agli utenti di visualizzare nel menu. Premere "Enter". Ad esempio, se si desidera collegare a "http://www.google.com" e visualizzazione del 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. Dopo aver terminato l'aggiunta di voci di sottomenu, è possibile digitare "</UL >" per chiudere il sottomenu. Questo non è necessario se ci fosse già un sottomenu esistente.

7

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