HTML CSS Dropdown Menu cu iconite folosind font awesome

Link-uri utile

Link download font-awesome 5

Lista caractere font awesome

In acest tutorial va voi prezenta cum sa creati propriul meniu dropdown cu iconite folosind font awesome

Pasul 1 - introducere

Vom incepe prin a crea un fisier pe care il denumim index.html in care vom creea structura unui site html-head-body in care vom integra font awesome pe care l-am downloadat anterior. Dupa download copiati folderul web-fonts-with-css in acelasi loc in care ati creeat si fisierul index.html

Pasul 2 - structura meniului

Dupa ce avem template-ul trecem la dezvoltarea structurii meniului care va fii de forma

  • Acasa
  • Despre Noi
  • Utilitati
    1. Sub Link 1
    2. Sub Link 2
    3. Sub Link 3
    4. Sub Link 4
    5. Sub Link 5
  • Servicii
  • Link Redirectionare

Pentru aceasta vom folosi tagurile nav, ul, li, a si un ul cu o clasa speciala pentru dropdown

Pasul 3 - stilul blocurilor

Acum, avand structura definita vom trece la stilizarea blocurilor

Pasul 4 - Submeniul

Avem stilul pentru meniu si link-uri dar inca nu avem un stil pentru submeniu acesta il vom pune sub clasa dropdown

Codul complet

Continutul acestui tutorial a fost scris in intregime de catre MML Tools, orice repostare fara a cere dreptul de repostare este ilegala

Alte tutoriale