Crearea unui meniu css - un ghid pentru incepatori, css

Imensitatea rețelei globale este în creștere rapidă, plasarea unui număr foarte mare de diferite site-uri web, fiecare dintre care caută să atragă atenția vizitatorilor și să le interesați.

Modalități de a cuceri inimile oamenilor aleși sunt diferite - de la utilizarea de animație Flash, utilizarea de bannere și soluții îndrăznețe pentru o varietate de efecte vizuale și de sunet.

Dar nu uitați că site-ul - este în primul rând o sursă de informații, astfel încât comoditatea de prezentare conținut de pe site-ul web developer ar trebui să acorde o atenție deosebită și de aceea navigare, clar vizitatorului la un nivel intuitiv, este atât de important.

Meniul este cel mai folosit sistem de navigare pe site, care poate fi comparat cu tabelul de cuprins într-o carte. Meniul trebuie să fie vizibilă pe fiecare pagină a resursei, permițând utilizatorului să sari instantaneu la o anumită secțiune.

Pe site-urile în vrac care conțin mai mult de 50 de pagini, este imposibil de a plasa un meniu complet pentru acces la toate secțiunile.

În acest caz, utilizați meniul drop-down pe CSS, atunci când faceți clic pe faptul că, există legături suplimentare la sub-secțiuni.

Varietatea meniului în CSS

Există mai multe tipuri și tipuri de meniu CSS:

1. Meniul principal. Aceasta este o listă de referințe specifice la secțiunile cheie ale site-ului.
2. Meniu suplimentar. Acest meniu are o structură ierarhică și pot fi de trei tipuri:
   
   • Meniul drop-down. Acesta este revelat atunci când treceți cursorul mouse-ului peste elementul;
   • Meniul pop-up a site-ului. Demască un clic la un anumit punct;
   • Static pentru meniuri CSS suplimentare. Structura arborelui prezentată într-o formă extinsă deja.

Cum de a crea un meniu în CSS?

Aici este un exemplu de a crea un simplu meniuri orizontale și verticale CSS cu explicații.

Codul de meniu orizontal prescris după cum urmează:

Rezultatul final este similar cu un meniu orizontal:

meniu vertical, codul este scris după cum urmează:

meniul vertical. obținute prin intermediul codului arata ca acest lucru:

Ghidat de toate principiile de mai sus, aducem codul pentru un meniu simplu drop-down:

Obținem un meniu drop-down:

După cum puteți vedea, destul de un simplu marcaj HTML, și doar câteva linii de cod CSS puteți crea un meniu simplu, dar elegant, care este sigur de a găsi locul său în orice site. Asigurați-vă că pentru a încerca să pună în aplicare ceva de genul asta tine.