Denne tidslinjedelen lar brukere vise prosjektets milepæler og oppgaver i en kronologisk rekkefølge.
Dette er spesielt gunstig for å fremheve prosjektets fremdrift, illustrere søknadsprosesser, vise frem prestasjoner som priser og tilby andre tilpassbare alternativer.
Den gir en strukturert og visuelt tiltalende måte å presentere informasjon i et tidslinjeformat, noe som forbedrer brukeropplevelsen og engasjementet.
I denne artikkelen:
- Legg til seksjon på siden din
- Legg til/rediger listeelementer
- Sekvenslisteelementer
- Administrer elementer
- Endre seksjonsoppsett
- Stilalternativer

Legg til seksjon på siden din
- En seksjon kan legges til en side. Du kan enten legge til en seksjon på en allerede eksisterende side eller opprette en ny side på nettstedet ditt.
- På siden din, Klikk på blått + ikon å legge til en Ny seksjon til siden din.

- Du vil nå se seksjonskategorier på venstre side.
- Klikk på Tidslinje fane (1) hvor du kan velge mellom forskjellige oppsett av tidslinjedelen (2).
- Seksjonen vil nå bli lagt til siden. Klikk på Spar (3)-knappen for å beholde endringene.

Legg til og rediger listeelementer
Legg til listeelement
Når du har lagt til delen:
- Klikk på Rediger tidslinje (1)-knappen for å åpne listeelementpanelet.

- Klikk på Legg til element (2) for å legge til et nytt listeelement.
- Du kan velge å Dupliser eller slett (3) listeelementene.
- Spesifiser en overskrift (4) for tidslinjedelen.

Rediger listeelement
Klikk på listeelementet du vil redigere. Det åpner redigeringsalternativene for det aktuelle listeelementet.
Herfra kan du:
- Last opp / fjern primær- og sekundærbilde (1)
Du kan laste opp en Sekundært bilde sammen med Primærbilde for hvert listeelement. Når en bruker holder musepekeren over elementet, vil sekundærbildet vises, og erstatte det primære bildet. I tillegg kan du stille inn Bildeaksentfarge, som vil vises ved bildeovervåking. - legge en Tittel (2), Undertittel (3)og Beskrivelse (4) av listeelementet.
- Du finner kanskje ikke alternativet for undertekst og beskrivelse i bestemte listeelementer, avhengig av oppsettet du velger.

5. Handling ved klikk – Tittel og bilde
Du kan tilpasse klikkatferden til individuelle elementer i Tidslinje del. Nedenfor er de tilgjengelige alternativene:
- Gå til en lenke
Ved å velge dette alternativet åpnes Link Builder, slik at du kan legge til en hyperkobling til dette elementet. Linken kan lede brukere til en annen side på nettstedet ditt eller en ekstern URL. Vite mer handle om Link Builder. - Åpne i Lightbox
Dette alternativet viser elementet forstørret Lysboks se når du klikker. I denne modusen vil Undertittel og Tekniske beskrivelser knyttet til elementet vises ikke i rutenettvisningen, men vil være synlig i lysboksmodus. - Ingen handling
Velg dette alternativet for å gjøre elementet uklikkbart. Når det er valgt, vil det ikke utløse noen handling ved å klikke på elementet.
6. Åpne lenke i nytt vindu: Sett koblingen til å åpne i en ny fane eller i samme fane. Dette vil bare være synlig når Gå til en lenke alternativet er valgt under Handling ved klikk menyen.

7. Knapper og lenker: Legg til hvilken som helst type link til listeelementet. Du kan legge til en knapp/bildekobling/sosialt ikon/tekstlenke. Les mer.

8. Overstyring av kortstil
Du kan overstyre de globale kortstilinnstillingene fra seksjonens Stilinnstillinger og tilpasse kortet for hvert element individuelt i tidslinjedelen. Dette lar deg bruke unike stiler på forskjellige listeelementer for bedre tilpasning.
Les mer alternativet om kort i dynamisk seksjon.
9. Overstyring av formstil
Bruk Overstyr-alternativet for å tilordne en annen form til hvert bilde individuelt i tidslinjedelen, noe som gir deg større kontroll over den visuelle stilen til hvert element. Les mer om formmaske.
10. Lagre: Etter å ha gjort tilpasningene, lagre endringene.

Sekvenslisteelementer
Administrer elementer i tidslinjedelen
Tidslinjedelen inneholder en Elementer-fanen som lar deg administrere synligheten til ulike elementer i seksjonen på en enkel måte. Ved å bruke enkle vippebrytere kan du aktivere eller deaktivere spesifikke elementer uten å måtte slette eller endre selve elementene.
- Klikk på Rediger tidslinje (1)-knappen.

- Velg Elements (2) fane.
- Etter å ha gjort endringene, trykk på Spar (3)-knappen.

Seksjonsalternativer
- Vis overskriftAktiver eller deaktiver synligheten av overskriften for tidslinjedelen.
- Vis knapper: Kontroller om knapper vises på seksjonsnivå.

Elementer Alternativer
- Vis bilde: Veksle mellom synligheten av bildene.
- Vis tittel: Kontroller om tittelen skal vises.
- Vis undertekst: Aktiver eller deaktiver undertekster.
- Vis beskrivelse: Administrer synligheten til varebeskrivelser.
- Vis knapper: Bestem om knapper for individuelle elementer skal vises.

Endre seksjonsoppsett
- Klikk på Rediger tidslinje knappen for å åpne seksjonsredigeringspanelet.
- Velg Layout fanen.
- Herfra kan du enkelt endre oppsettet til seksjonen selv etter at du har lagt det til på siden.
Mens du endrer oppsettet, vil du se seksjonsrelaterte oppsett øverst.

Bortsett fra disse har du også muligheten til å velge en layout fra andre seksjoner under Flere layouter overskrift.

Stilalternativer
- Klikk på Rediger bildeliste knapp.
- Velg Stil (1) fanen.
- Endre stilen for seksjonselementene og Lagre (2) endringene dine.

Du vil ha flere stilalternativer for delen:
- Visningsalternativer
- Justering
- Tekststørrelse
- Mellomrom
- Seksjonsoverskrift
- Alternativer for tidslinjestil
- Alternativer for bilder
- Formmaske
- Alternativer for hover på bilde
- Bildekant
- Kortalternativer
- Skyggealternativer
- Knapper og lenker
Visningsalternativ
- Spesifiser Mellomrom mellom rader av listeelementene.

Justering
- Rette inn Teksten horisontalt i seksjonen. Du kan angi at de skal være venstrejustert, høyrejustert eller midtjustert.
- Rette inn innholdet vertikalt i seksjonen. Du kan angi at de skal være topp-, senter- og bunnjustert.
- Velg Innholdsrekkefølge dvs. bildene av listeelementene som skal vises først, eller den tilhørende teksten.

Tekststørrelse
- Klikk på Endre tekststil knappen for å besøke Design seksjon og administrere skriftstørrelser og stiler.
- Sett Tittel skriftstil for listeelementene i seksjonen.
- Sett Undertittel skriftstil for listeelementene i seksjonen.
- Angi standard Tekniske beskrivelser skriftstil for listeelementene i seksjonen.
- Aktiver dette alternativet for å animer alle tall til stede i Tittel og Undertittel felt. Når de er slått på, vises numeriske verdier med en dynamisk telleanimasjon, noe som gjør dem mer visuelt engasjerende.

Mellomrom
- Spesifiser bilde~~POS=TRUNC for listeelementer.
- Spesifiser Plass under seksjonsoverskriften i px.
- Spesifiser Bilder over plassen av listeelementene (i %).
- Spesifiser Plass rundt skilleveggen horisontalt av listeelementene (i %).
- Spesifiser Plass under titlene av listeelementene (i %).
- Spesifiser Plass under undertekstene av listeelementene (i %).

Seksjonsoverskrift
- Juster horisontalt seksjonens overskriftstekst. Du kan sette den til Venstre, Senter og Høyre.
- Aktiver/deaktiver divider mellom seksjonsoverskriften og seksjonsinnholdet.
- Sett tykkelse på skilleveggen (i px).
- Spesifiser Skillefarge fra fargevelgeren.
- Velg en Divider stil fra rullegardinmenyen.
- Sett Overskriftsbredde for å definere hvor bred seksjonstittelen skal vises, med start fra minimum 50 %.

Alternativer for tidslinjestil
- Aktiver dette hvis du foretrekker at annenhvert element i seksjonen skal være på Alternativ (motsatt) side.
- Velg Lederskap av varene.
- Spesifiser Bredde på skillelinje for seksjonen.
- Spesifiser Grunnlinje (bakgrunns) Farge for skillelinjen.
- Spesifiser Aktiv linje (uthevet) Farge for skillelinjen.

Bilder
- Velg Imagisk beskjæring for listeelementene. Du kan angi bildene som Firkantet, Sirkel, Horisontal, Portrett og Original.
- Velg å ha en felles hjørneradius eller annen hjørneradius for hver side av listeelementene og angi et tall (i px) for Celler radius av listeelementbildene. Vite mer.

Formmaske
- Formmaske: Aktiver denne veksleknappen for å bruke en formmaske på bildet i tidslinjedelen. Når den er aktivert, vil den valgte formen visuelt klippe bildet inn i den formen.
- Velg form: Velg mellom forskjellige forhåndsdefinerte former for å bruke på bildet ditt. Dette lar deg stilisere innholdet ditt kreativt ved å vise bildet i en unik form som avrundet, diamant, dråpe, etc.

Bilde Hover
- Velg Bilde Hover farge å være aksentfarge eller å være spesifisert. Hvis du har valgt aksentfarge, spesifiser deretter opacity. Du kan spesifisere aksentfargen for hvert element fra Rediger element panel.
- Hvis du har valgt angi farge alternativet og deretter angi Overleggsfarge og opasitet.
- Velg til Animer listeelementbildene ved å trykke på Ja. Sjekk denne funksjonen på en live-side.
- Velg en Animasjonsstil for bilder når markøren svever over dem.
- Velg om du vil tillate overgang av bilder på sveve eller ikke.
- Velg en Overgangsstil for sveveovergang. Tilgjengelige alternativer er Fade og Flip.

Bildekant
- Aktiver / deaktiver kantlinje rundt bildene ved å bytte bryteren.
- Velg å ha en felles grense på alle sider av bildene, eller du kan spesifisere grenser separat for hver side.
- Spesifiser bredde av grensen. Hvis den er satt til 0, vil ikke rammen vises. Du har også muligheten til å angi kantbredden individuelt for hver side av bildet.
- Velg Grensefarge fra fargevelgeren.
- Velg en foretrukket Border Style fra rullegardinmenyen.
- Bestem kantbredde for mobil enheter, justere den med bredden valgt for skrivebordet.

Kort
- Se hvordan å administrere kort.

Shadow
- Vise – Velg å vise skyggen bak listeelementene alltid eller bare ved å holde musepekeren.
- Stil – Velg fra eksisterende forhåndsinnstillinger eller lag en egendefinert skygge.
Hvis du har valgt Egendefinert-alternativet, kan du besøke dette Box Shadow Generator for å lage en egendefinert skygge. Til slutt kopierer og limer du inn boksskygge CSS. - I tilfelle du har valgt forhåndsinnstillinger, så Velg Shadow Styles fra rullegardinmenyen.

Knapper og lenker
- Se hvordan å administrere stylingen av Knapper og lenker.
