Open Expression Web și accesați Gestionare stil pentru a începe crearea unui meniu alunecător. și apăsați tasta New Style. Specificați numele stilului nou ca Selector ul li. Asigurați-vă că fișierul creat are o extensie drop-down.css. Pentru a crea un meniu alunecător, specificați poziția corespunzătoare pe ecran. Determinați lățimea fiecăruia dintre elementele de meniu și eliminați punctele suplimentare care pot sta în fața lor.
Rulați opțiunea Layout și setați atributul Display. Dați-i valoarea corespunzătoare Inline pentru aliniere pe ecran. Setați atributul Float la stânga și apăsați butonul Aplicare. Setați toate elementele dintr-o singură linie. Pentru a vă asigura că acestea rămân în ordine și nu se adună reciproc, setați atributul Lățime la Poziție sub forma de 150 px. Asigurați-vă că toate elementele din listă au aceeași dimensiune. Ștergeți punctele înaintea fiecărui element accesând atributul List și setând parametrul None la tipul de tip listă. Faceți clic pe "OK" pentru a accepta modificările și intrarea lor în vigoare.
Reglați stilul și dimensiunea fontului pentru ul li. Mergeți la Gestionați stilurile și faceți clic dreapta pe ul li, selectând Modificare stil. Veți vedea meniul familiar. Accesați Font, selectați Font-family și setați atributul la Helvetica, Arial, Sans-serif. Corectați dimensiunea fontului și setați-l la 0.9. Pentru atributul Text-transform, specificați valoarea Uppercase. În atributul Height-Position, specificați înălțimea exactă a elementelor de meniu. setând valoarea la 30 px.
Salvați fișierul ca meniu.html după ce toate operațiile corective au fost finalizate. Testați meniul nou creat în diverse aplicații și browsere pentru a testa funcționalitatea acestuia. După cum puteți vedea, crearea unui astfel de meniu nu este dificilă.
Articole similare
Trimiteți-le prietenilor: