help.sitevision.no henviser alltid til den nyeste versjonen av Sitevision
Panelet Utseende på en layout
Når du høyreklikker på en layout, kan du nederst velge å gå til layoutens egenskaper. Du kan velge mellom en rekke innstillinger.
I dialogboksen som vises, kan du få tilgang til ulike deler av egenskapsdialogen. Som standard vises panelet Utseende.
Her får du tilgang til Tema (hvis du har et tema aktivert på nettstedet/intranettet), dekorasjoner for modulen/layouten, avstand (CSS-padding), marger (CSS-marg), mellomrom, størrelse, responsivt nett og rutenett, bakgrunn, kantlinjer og stil (CSS).
For å få tilgang til alle egenskapene til layouten, klikker du på ikonet for Oversiktspaneler i øvre venstre hjørne.
Hvis det vises en blå stjerne til høyre for overskriften, betyr det at på denne layouten er noe angitt under denne overskriften. I dette eksemplet er det gjort innstillinger for Mellomrom.
Tema
Hvis du har aktivert Envision-temaet, får du valget om å bruke et tema for layouten. Hvis du legger til et tema i layouten, styrer temaet utseendet på det du legger inn i layouten.
Dekorasjon
Under valget dekorasjon kan du i rullegardinmenyen peke ut den dekorasjonen du ønsker å bruke. Du kan også herfra bytte ut eller fjerne den dekorasjonen som er valgt. Klikk på krysset i dekorasjonsmenyen for å fjerne dekorasjonen fra modulen.
Når en dekorasjon brukes, er det bare mulig å gjøre begrensede innstillinger.
Avstand (CSS-padding)
Under avstand (CSS padding) får du tilgang til avstandsinnstillinger. Avstand påvirker avstandene innenfor modulen eller layouten. Her stiller du inn avstand på øverst, nederst, venstre eller høyre.
.png)
Marger (CSS-marg)
Under marger (CSS margin) gjør du innstillinger for marger. Innstillingen påvirker margene rundt modulen eller layouten. Her stiller du inn marger øverst, nederst, venstre eller høyre.
.png)
Mellomrom
Her kan du angi mellomrom mellom innholdet i layouten. Dette er for å sikre en viss avstand mellom hvert objekt du legger til. Dette er en innstilling som administratoren normalt angir i sidemalene for et innholdsområde. Hvis du for eksempel har et oppsett med tre moduler, stables modulene normalt oppå hverandre uten mellomrom. Hvis du angir et mellomrom på 10 piksler i layouten, vises de tre modulene med et mellomrom på 10 px. De som legger til nye moduler, trenger ikke å gjøre en innstilling hver gang.
Teknisk sett er mellomrom marger.
Du kan velge mellom enhetene px, em eller prosent når du konfigurerer avstanden.
Størrelse
En moduls eller layouts størrelse - bredde og høyde - stiller du inn under størrelse. Standardbredden på modulen blir hele innholdsflatenes bredde. Her kan du redusere eller øke denne bredden samt stille inn høyden.
Responsivt nett
Vis bare i brytpunkter og skjul i brytningspunkter betyr at du her kan gjøre innstillingene for å skjule eller vise en layout i de brytpunkter som er oppsatt for nettstedet.
Bakgrunn
Bakgrunnsegenskapene lar deg sette en bakgrunnsfarge på den aktuelle layouten. Her velger du også om du ønsker å bruk en bakgrunnsbilde. Hvilke farger du har å velge mellom avhenger av fargene som er oppsatt på nettstedet og hvilke farger dine fullmakter tillater.
Bilde
Velger du å angi et bakgrunnsbilde til din layout, må du gjøre størrelsesinnstillinger direkte under egenskapene for den aktuelle layouten. Et nytt vindu vises der du får velge bilde.
Størrelse
Her settes størrelsen på bakgrunnsbildet med CSS. Det er følgende alternativer:
- Auto – Bakgrunnsbildets normale bredde og høyde
- Contain – Skalerer bildet til den største størrelsen slik at både bredden og høyden passer innenfor innholdsområdet
- Cover – Skalerer bakgrunnsbildet så stort som mulig, slik at bakgrunnsområdet er helt dekket av bakgrunnsbildet. Noen deler av bakgrunnsbildet kanskje ikke får plass.
Här ställs storleken på bakgrundsbilden in med CSS. Det finns följande alternativ:
- Auto - Bakgrundsbildens normala bredd och höjd
- Contain -Skalar om bilden till den största storleken så att både dess bredd och dess höjd får plats inuti innehållsområdet
- Cover -Skalar bakgrundsbilden så att den är så stor som möjligt, så att bakgrundsområdet är helt täckt av bakgrundsbilden . Vissa delar av bakgrundsbilden kanske inte får plats.
Plassering
Her stiller du inn hvordan du ønsker å plassere bildet, der standard er Opp – Venstre. Det er 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 bildet skal gjentas og på hvilken måte. Følgende alternativer finnes:
- Horisontalt og vertikalt
- Horisontalt
- Vertikalt
- Ingen gjentagelse
Kantlinjer
Her kan du velge om layouten skal ha kantlinje og om den i så fall skal være rundt om (det vil si øverst, nederst, høyre og venstre) eller bare enkelte kantlinjer. Deretter kan du velge type, farge og tykkelse.
Eksempel når kantlinjer rundt om er valgt
- Type – Velg type i listen. Det finnes følgende alternativer:
- Heltrukket
- Punkter
- Bindestrek
- Dobbelt
- "groove"
- "ridge"
- "inset"
- "outset"
- Farge – Velg farge i listen. De fargene som er innstilt som nettstedfarger er tilgjengelige i listen.
Grå farge valgt på kantlinjen. Klikk på korset til høyre for å fjerne fargen.
- Tykkelse – Still inn tykkelsen på kantlinjen. Klikk på plussknappen for å øke tykkelsen og minusknappen for å redusere tykkelsen. Det er mulig å velge mellom enhetene px eller em. Klikk på pilen for å bytte enhet.
Velg mellom px eller em som enhet for tykkelse på kantlinje.
Hvis du velger Enkelte kantlinjer, kan du velge hvilken kantlinje du ønsker å legge til ved å krysse av en eller flere avkrysningsbokser. Deretter kan du stille inn type, farge og tykkelse.
Eksempel når Enkelte kantlinjer er valgt.
For å stille inn en ytterligere kantlinje, for eksempel Kantlinje øverst, kryss av i den boksen.
For å fjerne kantlinjer, velg alternativet "Ingen kantlinjer".
Stil (CSS)
Hvis innstillingene i grensesnittet ikke er tilstrekkelige, kan du opprette egne CSS-klasser på nettstedet. CSS-klassenavnene kan du deretter peke ut mot layouten for å påvirke utseende eller funksjon. Du kan også skrive inn egne stilark i feltet Egen stil.
.png)
De innkoblede klassenavnene må være definert på nettstedet, og alternativet vises bare hvis disse er oppsatt og tilgjengelige. For å merke en modul med et CSS-klassenavn, klikker du på velg. En dialog åpnes med de CSS-klassenavnene som er lagret på nettstedet.
For å deaktivere den egne stilen på modulen, klikker du på korset ved siden av CSS-klassenavnet, så fjernes den.
Denne siden ble publisert:
Skriv ut siden