Wix webové stránky od nuly - The Header Menu

• Apríl 28, 2024

V tomto návode budeme pokračovať v práci na našej webovej stránke Wix, ktorú sme začali od prázdnej šablóny. V sekcii hlavičky pridáme hlavnú ponuku.

Našou prvou úlohou je pridať do hlavičky farebné pozadie.

1. Vyberte hlavičku a kliknite na tlačidlo Zmeniť dizajn hlavičky.
   
   V tomto okamihu je hlavička nastavená na Bez farby. Zmeňte to na bielu.
   
   
2. Kliknite na dizajn hlavičky tesne pod farbou Žiadna.
   
   
3. Kliknite na tlačidlo Prispôsobiť dizajn v dolnej časti okna.
   
   
4. Nastavte farbu výplne a krytie na 100% biele pre pozadie a stredové pozadie.
   
   
5. Pre nastavenia okrajov nastavte horný okraj a šírku dolného okraja na 0.
   
   
6. Nastavte polomer rohov na 0 a vypnite povolený tieň.
   
   

Teraz môžeme pridať hornú ponuku.

1. V ľavej ponuke kliknite na ikonu Plus a v zozname vyberte položku Ponuka.
   
   
2. Kliknutím na jedno z horizontálnych ponúk ho pridáte na stránku.
   
   Na stránke sa zobrazí nové menu s odkazom na našu jednu stránku - Domovská stránka.
   
   
3. Kliknite a presuňte ponuku do časti hlavičky. Keď vidíte text Pripojiť k hlavičke, uvoľnite ponuku.
   
   Pretože na stránke sústredíme našu ponuku, rozšírime rámček ponuky na šírku 980 px.
   
   
4. Ak je vybraté pole ponuky, potiahnite jeho konce tak, aby vyplnili plochu 980. Ako vodítko použite ľavý a pravý návod.
   
   Ponuka by už mala byť predvolene nastavená na stred. Môžete to vidieť, pretože odkaz Domov je v strede poľa. Teraz môžeme ponuku prispôsobiť.
   
   
5. Ak je ponuka stále vybratá, kliknutím na ikonu Dizajn (štetec) otvorte okno Návrh horizontálnej ponuky. Kliknite na tlačidlo Prispôsobiť dizajn v dolnej časti okna.
   
   Ak kliknete na Vyplniť farbu a krytie, uvidíte, že pozadie ponuky je už nastavené na 100% biele. Zachovajme toto nastavenie a prejdeme k textu.
   
   V predchádzajúcom návode sme pre hlavnú textovú tému nastavili písmo na Futura Light. Urobme to isté pre menu.
   
   
6. Kliknutím na ikonu T otvorte sekciu Nastavenia textu.
   
   
7. Kliknite na šípku napravo v časti Písmo a v zozname vyberte Futura Light.
   
   Zachovávame predvolené nastavenie farieb pre text v ponuke Normálny. Ale zmeníme farbu textu ponuky Hover a Clicked na zlato.
   
   
8. V okne kliknite na odkaz Hover. Kliknutím na farebné pole otvoríte výber farieb. Kliknite na odkaz Pridať farbu, zmeňte nastavenie farby na # bc9b5d a kliknite na tlačidlo Pridať. Zatvorte výber farieb.
   
   
9. Zopakujte predchádzajúci krok pre nastavenie Clicked. Tentoraz si však môžete v oblasti Moje farby zvoliť zlatú farbu.
   
   Nakoniec chceme zmeniť predvolený text pre odkaz na stránku z HOME na názov webovej stránky.
   
   
10. Ak je ponuka stále vybratá, v rozbaľovacej ponuke kliknite na tlačidlo Spravovať ponuku.
    
    
11. V ponuke Stránky vyhľadajte stránku HOME a kliknite na odkaz napravo. V zozname vyberte položku Premenovať. Pridajte nový názov odkazu a kliknite na Hotovo.
    
    Našou ďalšou úlohou je zmeniť veľkosť hlavičky iba o niečo viac, ako je výška ponuky.
    
    
12. Vyberte ponuku a presuňte ju nahor do hornej časti oblasti hlavičky.
    
    
13. Kliknutím na prázdnu oblasť hlavičky zobrazíte úchop Stretch. Potiahnite rukoväť nahor.
    
    

Screenshoty použité so súhlasom Wix.com, Inc.

Video Návody: Builderall - Se Acaba la Oferta de builderall ???? (Apríl 2024).