9. diel - Menu
V minulom dieli seriálu o tvorbe moderného webového portfólia sme stylovali obsahovú časť. Dnešný diel bude o tvorbe menu. Veľa ľudí mi písalo a pýtali sa ma, ako docieliť jeho vhľadu. Väčšina tipovala tabuľkou, ale to by nebolo moc dobré riešenie. Ukážme si teda iné riešenie.
Pripomeňme si, ako vyzerá naša skica / wireframe.
Tiež si rovno ukážeme celkový vzhľad. Vidíme, že nám chýba len menu, poďme si ho teda urobiť!
Príprava
Pre naše menu si vytvoríme nový partial. Vytvorte si teda súbor
_sidebar.scss
side. Nezabudnite si ho naimportovať v hlavnom SCSS
súbore.
Sidebar
Ako prvý si musíme vytvoriť hlavné element, na ktorý využijeme element
sidebar
. Element umiestnime pred element
...koniec náhľadu článku...
Pokračuj ďalej
Minul si až sem a to je super! Veríme, že ti prvé lekcie ukázali niečo nového a užitočného.
Chceš v kurze pokračovať? Prejdi do prémiové sekcie.
Obmedzená ponuka: Nauč sa všetko a ušetri
Pred kúpou tohto článku je potrebné kúpiť predchádzajúci diel
Obsah článku spadá pod licenciu Premium, kúpou článku súhlasíš so zmluvnými podmienkami.
- Neobmedzený a trvalý prístup k jednotlivým lekciím.
- Kvalitné znalosti v oblasti IT.
- Zručnosti, ktoré ti pomôžu získať vysnívanú a dobre platenú prácu.
Popis článku
Požadovaný článok má nasledujúci obsah:
Tutoriál ukáže ako nakódovať a nastylovať postranné navigačné menu pre moderné web. Pokračujeme v tvorbe profesionálneho webového portfólia podľa návrhu.
Kredity získaš, keď podporíš našu sieť. To môžeš urobiť buď zaslaním symbolickej sumy na podporu prevádzky alebo pridaním obsahu na sieť.