Lekce 9 - Menu
V minulé lekci, Stylování obsahu, jsme stylovali obsahovou část.
Dnešní díl bude o tvorbě menu. Hodně lidí mi psalo a ptali se mě, jak
docílit jeho vhledu. Většina tipovala tabulkou, ale to by nebylo moc dobré
řešení. Ukažme si tedy jiné řešení
Připomeňme si, jak vypadá naše skica/wireframe.

Také si rovnou ukážeme celkový vzhled.

Vidíme, že nám chybí jen menu, pojďme si ho tedy udělat!
Příprava
Pro naše menu si vytvoříme nový partial. Vytvořte si tedy soubor
_sidebar.scss
. Nezapomeňte si jej naimportovat v hlavním SCSS
souboru.
Sidebar
Jako první si musíme vytvořit hlavní element, na který využijeme
element sidebar
. Element umístíme před element
...konec náhledu článku...
Pokračuj dál
Došel jsi až sem a to je super! Věříme, že ti první lekce ukázaly něco nového a užitečného.
Chceš v kurzu pokračovat? Přejdi do prémiové sekce.
Koupit tento kurz
Před koupí tohoto článku je třeba koupit předchozí díl
Obsah článku spadá pod licenci Premium, koupí článku souhlasíš se smluvními podmínkami.
- Neomezený a trvalý přístup k jednotlivým lekcím.
- Kvalitní znalosti v oblasti IT.
- Dovednosti, které ti pomohou získat vysněnou a dobře placenou práci.
Popis článku
Požadovaný článek má následující obsah:
Tutoriál ukáže jak nakódovat a nastylovat postranní navigační menu pro moderní web. Pokračujeme v tvorbě profesionálního webového portfolia podle návrhu.
Kredity získáš, když podpoříš naši síť. To můžeš udělat buď zasláním symbolické částky na podporu provozu nebo přidáním obsahu na síť.