Indhold

Indsæt Knap
Knapstyling
Knapstørrelse og Placering

Indsæt Knap.

Tryk på et element i sektionen, hvor knappen skal være og tryk på plusset ( + ).

Vælg muligheden Knap / Button.

Du kan nu redigere knappen ved at trykke på den.

Knapstyling

Hvis du ikke er helt tilfreds med knappens udseende, kan du style den med nogle få tryk.

TIP. Overvej dine farver og effekter nøje, da de kan virke forstyrrende. Læs gerne vores Designguide, samt om EUs Webtilgængelighedskrav.



Knapstyling finder du ved et tryk på den pågældende knap under lyn-ikonet ( ⚡ ).

Du får nu et nyt vindue med en række muligheder.

Knapeffekter.

Dette er den animerede effekt, når du fører musen henover knappen.

Tryk på Menuindstillinger > fanen Effekter > vælg effekten, du synes bedst om.

Brug Denne Farve Til Effekter.

Hvis effekten inkluderer en farve (fx et farveskift eller en understregning), så kan du vælge farven her.
Hvis ikke, så har denne ingen effekt.

Stil.

Denne mulighed angiver, om knappen skal have samme design som knapperne på resten af hjemmesiden (Hjemmesidestil) eller om designet skal være unikt for den ene knap (Brugerdefineret).

Knappens Kant.

Hvis knappen skal have en kant, så angives dette her.

Farve: Kantens farve.
Bredde: Kantens tykkelse.
Radius: Afrunding af hjørnerne. Des højere tallet er, jo kraftigere er afrundingen af hjørnerne. Nul (0) betyder, at knappen er firkantet.

Knappens Farve.

Dette bestemmer knappens farve.

Ledig: Når man holder musen over knappen.
Baggrund: Knappens baggrundsfarve, når man ikke holder musen over knappen.
Tekst: Knaptekstens farve, når man ikke holder musen over knappen.
Hover: Når man holder musen over knappen.
Baggrund: Knappens baggrundsfarve, når man holder musen over knappen.
Tekst: Tekstens baggrundsfarve, når man holder musen over knappen.

Brug Denne Farve Til Effekter overskriver valgmuligheden Hover.

Knapstørrelse og Placering

Ønsker du at ændre størrelse og placering i en knap, kan det gøres under Sektionsindstillinger > Pro.

ADVARSEL. Pro kan skabe store problemer med din hjemmeside, især på mobiltelefoner. Undlad at anvende Pro, hvis du ikke har indgående kendskab til afstande i HTML-elementer.

Opdateret den: 31/03/2023