Cum Se Face Un Meniu Vertical Vertical

Cuprins:

Cum Se Face Un Meniu Vertical Vertical
Cum Se Face Un Meniu Vertical Vertical

Video: Cum Se Face Un Meniu Vertical Vertical

Video: Cum Se Face Un Meniu Vertical Vertical
Video: Vertical Drop-Down Navigation using HTML & CSS 2024, Noiembrie
Anonim

Meniul vertical vertical este foarte la îndemână - economisește spațiu pe pagina web, în același timp ajută la navigarea cu ușurință pe site. Încercați să creați un meniu drop-down bazat pe CSS - Foi de stil în cascadă. Dacă nu sunteți încă un expert în crearea codului CSS, atunci utilizați serviciul purecssmenu.com. Vi se cere să selectați un tip de meniu, să-i personalizați aspectul și apoi să îl adaptați la propriul site. Serviciul în sine va genera codul necesar, pe care îl introduceți apoi în fișierele site-ului dvs.

Cum se creează un meniu vertical vertical
Cum se creează un meniu vertical vertical

Instrucțiuni

Pasul 1

Înregistrați-vă pe site-ul purecssmenu.com, altfel nu veți putea descărca meniul creat. Faceți clic pe butonul Șabloane din partea stângă a paginii. Mai jos veți vedea mai multe ferestre mici cu șabloane de meniu derulant, făcând clic pe care se va încărca o previzualizare în dreapta în fereastra Previzualizare. Alegeți un șablon care se potrivește site-ului dvs

Pasul 2

Personalizați fontul și culoarea meniului: utilizați fila Parametri. În câmpul Font, selectați un font, dimensiunea fontului, dacă este necesar, subliniat și bold. În câmpul Culori, setați fundalul meniului, culoarea fontului și culorile cursorului și culorile fundalului

Pasul 3

Deschideți fila Elemente pentru a gestiona elementele din meniu. Dacă faceți clic pe butonul Ștergeți coșul de reciclare, elementele de probă sunt șterse și vă puteți crea propriul. Pentru a face acest lucru, apăsați butonul Adăugare element plus - elementul va fi adăugat la sfârșitul meniului. Butonul Adăugare articol următor este utilizat pentru a adăuga un articol după ora selectată în prezent. Butonul Adăugare subelement creează un element de submeniu pentru selecție. În consecință, pentru a elimina un articol, utilizați butonul Eliminare articol

Pasul 4

Acordați atenție câmpului Parametrii articolului din partea de jos a site-ului. În linia Text, specificați numele elementului de meniu, în linia Link - adresa URL a paginii către care va conduce acest element. În linia Sfat, puteți lăsa o descriere a elementului, care va fi afișată când treceți cu mouse-ul peste link. Linia țintă este utilizată pentru a determina modul de deschidere a paginii către care conduce linkul. Parametrul _self de pe această linie deschide pagina în aceeași fereastră a browserului ca și cea curentă

Pasul 5

După ce ați terminat configurarea meniului, descărcați-l - faceți clic pe butonul Descărcare din partea dreaptă jos a paginii (această funcție este disponibilă după înregistrarea pe site). Selectați un folder pe hard disk în care va fi salvat fișierul arhivă. Despachetați-l. Va trebui să copiați codul necesar din fișierul purecssmenu.html în fișierul șablon CSS al site-ului dvs. Deschideți fișierul purecssmenu.html cu un editor de text și copiați codul între etichetele și în șablonul CSS al site-ului dvs. (acest fișier are o extensie.css și arată ca fișierul.css). Acum lipiți codul în fișierul șablon de site (teme) - codul de la purecssmenu.html între comentarii și în loc de codul meniului obișnuit. Pentru a face acest lucru, trebuie să fiți cel puțin puțin familiarizați cu programarea. Asigurați-vă că lipiți codul în fișierul corect și salvați.

Recomandat: