Design (Menu)
- Anders Burslund
Under “Design”-fanen, finder du en række af muligheder for at justere, hvor din menu skal placeres.
At pille ved denne funktionalitet kan kræve en del teknisk snilde, da standard designet ikke er tilpasset til alle steder man kan flytte menuen hen til.
Koden man bliver præsenteret for her, er eksempler på hvordan man kan designe menuen under stylesheetet.
Placering af menu
Under “Placering af menu” er her man vælger hvor menuen skal placeres i selve strukturen af hjemmesiden, altså hvor den ligges i HTML’en.
Position
Her vælger du rækkefølgen som menu-elementet skal have.
Har du flere elementer som ligger i den valgte position, så er det rækkefølgenummeret her der bestemmer hvad der kommer først. Alternativt kan man benytte sig af Stylesheetet, for at beslutte rækkefølgen af elementer.
Se eventuelt: W3Schools CSS Order
Menuens retning
Her bestemmes hvilken retning menuen skal have.
Som standard vælger vi altid vandret, da det er standard opsætningen for de fleste sider idag.
Det er vigtigt at man ikke vælger lodret for at køre det mobil-venligt, med mindre man også har tænkt sig at den lodrette menu vises på tablet og pc’er.
Skal man have en responsiv menu, som ændres sig på mobilen, skal dette kodes i stylesheetet.
Brug animation
Her har du muligheden for at vælge om menuen skal “fade ind”, eller “Rulle ud” ud fra standard designet. Slår man dette fra, vil der ingen animation være, og menuen vil “poppe” ud med det samme, og ikke animere.
Tillad flere åbne undermenuer samtidigt
Denne funktion, betyder at man nu kan klikke på flere menupunkter, for at holde dem åbne. Det vil sige at man ikke skal holde musen over dem for at åbne dem, men klikke på dem.
Der kan opstå problemer med menuen hvis man vælger at overmenupunktet skal have et link, og at man stadig har denne funktion slået til, da man skal klikke på menuen for at åbne den, men samtidigt også bliver ført videre.
Har du flere spørgsmål omkring dette, så kontakt os venligst via support@winkas.dk
Stylesheet-forslag
Her får du en oversigt over forslået designs, ud fra om man har valgt en lodret, eller en vandret menu.
Hvis du vælger at kopiere en af disse, og sætte dem ind i stylesheetet, så vær opmærksom på a du ikke smider det ind i noget af det andet style som ligger derinde, men at det ligger helt for sig selv.
Da der allerede er design påsat det standard-design der medfølger siden, er det ikke sikkert at denne kode virker.
Det er en god idé at have teknisk viden omkring stylesheets før man begynder på dette.