Aktuálně: Postihly zákazy tvou profesi? Poptávka po ajťácích prudce roste, využij slevové akce 30% výuky zdarma!

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.

Wifreframe moderného webového portfólia

Tiež si rovno ukážeme celkový vzhľad. Vidíme, že nám chýba len menu, poďme si ho teda urobiť!

Moderné webové portfólio

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

Vedomosti v hodnote stoviek tisíc získaš za pár korún

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

Kúpiť lekcie a funkcie postupne a po jednom 70 bodov
Kúpiť všetky aktuálne dostupné lekcie s funkciou odovzdávanie úloh za exkluzívnu cenu 60 bodov (149 Kč)
Na svojom účte máš aktuálne 0 bodov
Kúpou tohoto výhodného balíčku získaš prístup ku všetkým 12 lekciím s kontrolou a certifikáciou a ešte naviac ušetríš 27 Kč. Ponuka je obmedzená len pre prvé lekcie z kurzu a obsahuje exkluzívnu zľavu 15%.
60 bodov získaš za pridanie svojho článku na sieť alebo za 175 Kč 149 Kč

Pozor, pokiaľ si kúpiš len tuto lekciu, stratíš nárok na špeciálnu zľavu 15% na balíček všetkých lekcií.

Kúpiť len lekcii 10 bodov
Na svojom účte máš aktuálne 0 bodov
10 bodov získaš za pridanie svojho článku na sieť alebo za 25 Kč

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.

Čo od nás v ďalších lekciách dostaneš?
  • 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.

Body 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ť.

Článok pre vás napísal Honza Bittner
Avatar
Student FIT ČVUT. In love with Flutter. :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Aktivity (1)