help.sitevision.no henviser alltid til den nyeste versjonen av Sitevision

Panelets Utseende

Når du høyreklikker på en modul, kan du nederst velge å gå til modulens egenskaper. Du kan velge mellom en rekke innstillingsmuligheter.

Egenskapsdialog på modul

I dialogboksen som vises, kan du få tilgang til ulike deler av egenskapsdialogen. Som standard vises panelet Utseende. Dette dekker innstillingene for utseendeegenskaper. Her får du tilgang til modulens dekorasjoner, avstand (CSS padding), marginer (CSS margin), størrelse, responsiv web, bakgrunn, rammer og stil (CSS).

For å se avstand (CSS padding), marger (CSS margin), størrelse, bakgrunn, kantlinjer og stil (CSS) kreves fullmakten "Håndtere sidelayout".

For å vise responsiv web kreves fullmakten "Bruk responsive web".

Klikk på menyalternativet øverst til venstre for å få tilgang til oversikten over alle panelene i en modul.

Egenskaper på modul - menyval

Hvis det vises en blå stjerne til høyre for overskriften, betyr det at noe er angitt på denne modulen under denne overskriften. I dette eksemplet er det gjort innstillinger for Avstand og Bakgrunn.

Dekorasjon

Under dekorasjon kan du velge hvilken dekorasjon du vil bruke fra rullegardinmenyen. Her kan du også erstatte eller fjerne den valgte dekorasjonen. Klikk på krysset i dekorasjonsmenyen for å fjerne dekorasjonen fra modulen.

Dekorationsdialog i egenskaper på modul

Avstand (CSS-padding)

Under avstand (CSS padding) får du tilgang til innstillinger for avstand. Avstand påvirker avstandene innenfor modulen eller oppsettet. Her kan du stille inn avstanden øverst, nederst, til venstre eller høyre.

Marger (CSS-marg)

Under marger (CSS-margin) gjør du innstillinger for marger. Innstillingen påvirker margene rundt modulen eller oppsettet. Her stiller du inn margen øverst, nederst, til venstre eller høyre.

Størrelse

Størrelsen på en modul eller layout - bredde og høyde - angis under størrelse. Standardbredden på modulen vil være hele bredden på innholdsområdet. Her kan du redusere eller øke bredden og angi høyden.

Her kan du også angi bredden på modulen eller oppsettet i kolonner basert på de kolonnene som er satt opp på nettstedet ditt. Modulens posisjon kan også justeres sideveis her. Plasseringen er i forhold til kolonnene som er satt opp på nettstedet.

Størrelse

Hvorfor justere kolonnene sidelengs?

Normalt vises innholdet i den rekkefølgen det vises i innholdsboksen, fra topp til bunn. Du kan bruke juster sidelengs for å endre rekkefølgen innholdet stables i. Grunnen til at du vil justere rekkefølgen, kan være at du vil at nettstedet ditt skal se annerledes ut for en besøkende som kommer fra en datamaskin, enn for en som kommer fra en mobiltelefon eller et nettbrett.

Hvordan justerer du innholdet på siden din?

Forutsatt at den midterste kolonnen er på 8 kolonner og den høyre kolonnen er på 4 kolonner.

1. Flytt høyrespalten slik at den ligger over den midtre spalten i innholdsboksen.

2. Gå til egenskapene for høyrespalten og Juster sidelengs: 8 kolonner høyre.

3. Gå til egenskapene for midtspalten og Juster sidelengs: 4 kolonner venstre.

4. Ferdig!

I redigeringsmodus ser alt likt ut, men i innholdsruten ser du at rekkefølgen på innholdsområdene er annerledes.

Responsivt nett

Vis kun i brytningspunkter og skjul i brytningspunkter betyr at du her kan gjøre innstillinger for å skjule eller vise en modul i brytningspunktene som er satt opp for nettstedet.

Dialogruta för egenskaper för responsiv webb och grid på modulnivå

Bakgrunn

Bakgrunnsegenskapene lar deg angi en bakgrunnsfarge for den aktuelle modulen eller layouten. Her velger du også om du vil peke ut et bakgrunnsbilde. Hvilke farger du kan velge mellom, avhenger av hvilke farger som er satt opp på nettstedet, hvilke farger du har fullmakt til og hvilke farger som er tilordnet modulen.

Dialogruta för bakgrundsegenskaper på modul

Hvis du velger å angi et bakgrunnsbilde for modulen din, kan du angi størrelsen direkte under egenskapene til den aktuelle modulen. Det vises en ny visning der du kan velge bilde.

Størrelse

Her angis størrelsen på bakgrunnsbildet med CSS. Du kan velge mellom følgende alternativer:

  • Auto - Normal bredde og høyde på bakgrunnsbildet
  • Contain - Skalerer bildet til sin største størrelse slik at både bredden og høyden passer inn i innholdsområdet.
  • Cover -Skalerer bakgrunnsbildet så stort som mulig, slik at bakgrunnsområdet dekkes helt av bakgrunnsbildet. Det kan hende at enkelte deler av bakgrunnsbildet ikke passer.

Plassering

Her angir du hvordan du vil plassere bildet, der standardinnstillingen er Opp - venstre. Du kan velge mellom følgende alternativer:

  • Opp – Venstre
  • Opp – Midten
  • Opp – Høyre
  • Midten – Venstre
  • Midten – Midten
  • Midten – Høyre
  • Ned – Venstre
  • Ned – Midten
  • Ned – Høyre

Gjentagelse

Her justerer du om og hvordan bildet skal gjentas. Følgende alternativer er tilgjengelige:

  • Horisontalt og vertikalt
  • Horisontalt
  • Vertikalt
  • Ingen gjentagelse

Kantlinjer

Her kan du velge om modulen eller layouten skal ha en ramme, og om den skal gå hele veien rundt (dvs. topp, bunn, høyre og venstre) eller bare enkelte kantlinjer. Deretter kan du velge type, farge og tykkelse.

Kantlinjer runt om

Exempel när kantlinjer runt om är valt

  • Type - Velg type fra listen. Du kan velge mellom følgende alternativer:
    • Heltrukket
    • Punkter
    • Bindestrek
    • Dobbelt
    • "groove"
    • "ridge"
    • "inset"
    • "outset"
  • Farge - Velg farge i listen. Fargene som er angitt som nettsidefarger, er tilgjengelige i listen.
  • Tykkelse - Angi tykkelsen på kantlinjen. Klikk på plussknappen for å øke tykkelsen og på minusknappen for å redusere tykkelsen. Du kan velge mellom enhetene px eller em. Klikk på pilen for å bytte enhet.

Hvis du velger Enkelte kantlinjer, kan du velge hvilken kantlinje du vil legge til ved å krysse av i en eller flere avmerkingsbokser. Deretter kan du stille inn type, farge og tykkelse.

Hvis du vil angi en ytterligere kantlinje, for eksempel Kantlinje topp, merker du av i den boksen.

Hvis du vil fjerne kantlinjene, velger du alternativet"Ingen kantlinjer".

Stil (CSS)

Hvis innstillingene i grensesnittet ikke er nok, kan du sette opp dine egne CSS-klasser på nettstedet ditt. Du kan deretter rette CSS-klassenavnene mot modulen eller layouten for å påvirke modulens utseende eller funksjon. Du kan også legge inn dine egne stilark i feltet Egendefinert stil.

Dialogruta för CSS-egenskaper på modul

De tilknyttede klassenavnene må være definert på nettstedet, og alternativet vises bare hvis disse er konfigurerte og tilgjengelige. Klikk på Velg for å merke en modul med et CSS-klassenavn. En dialogboks åpnes med CSS-klassenavnene som er lagret på nettstedet.

Hvis du vil deaktivere den egendefinerte stilen i modulen, klikker du på krysset ved siden av CSS-klassenavnet for å slette den.

Panelet Utseende finner du på objektene:

  • Egenskaper for modul
  • Egenskaper for layout
  • Egenskaper for rutenett/rutenettrad/spalte
  • Egenskaper for layout med visning
  • Egenskaper for visning

Denne siden ble publisert:

 Skriv ut siden
Hjalp informasjonen deg?