Meniul vertical pentru site este o funcție foarte convenabilă, care ajută la economisirea spațiului și la navigarea cu ușurință a resursei. Puteți face acest lucru pe baza unor foi de stil CSS în cascadă sau folosind instrumente speciale.
Instrucțiuni
Pasul 1
Deschideți site-ul web purecssmenu.com și înregistrați-vă pe el, altfel nu veți putea crea și descărca meniul creat. În partea stângă, găsiți butonul Șabloane și faceți clic pe el. Mai jos vor fi ferestre mici cu șabloane de meniu verticale. Faceți clic pe ele unul câte unul și vizualizați în fereastra Previzualizare. Alegeți șablonul care se potrivește cel mai bine site-ului dvs.
Pasul 2
Setați fontul și culoarea meniului folosind fila Parametri. Puteți selecta un font și dimensiunea acestuia în câmpul Font. Dacă este necesar, specificați subliniat / bold. Setați fundalul (fundalul) meniului vertical în câmpul Culori, setați culoarea fontului și culoarea fundalului pe hover (fonthover / backgroundhover).
Pasul 3
Accesați meniul Elemente pentru a gestiona elementele din meniu. Dacă faceți clic pe butonul Ștergeți, veți șterge elementele de probă, astfel încât să puteți crea propriile dvs. Este suficient să faceți clic pe tasta AddItem plus pentru a adăuga un element la sfârșitul meniului. Folosind butonul AddNextItem, puteți adăuga un element care va urma după ora selectată în prezent. Butonul AddSubitem din meniu creează un element imbricat pentru cel selectat. Pentru a elimina o linie, utilizați butonul RemoveItem.
Pasul 4
Deschideți parametrii articolului (ItemParameters) în partea de jos a site-ului. Introduceți un nume pentru elementul de meniu în linia Text și adresa sa web în Link. Linia Sfat este responsabilă pentru descrierea elementului, afișată atunci când cursorul trece peste link. Secțiunea Țintă definește modul în care pagina este deschisă. Cu parametrul _self, pagina poate fi configurată pentru a se deschide în fereastra curentă a browserului.
Pasul 5
Descărcați meniul gata făcând clic pe butonul Descărcare din partea de jos a paginii. Copiați codul corespunzător situat în fișierul purecssmenu.html în fișierul șablon CSS: la început și la sfârșit. Asigurați-vă că lipiți codul corect și salvați fișierul.
