Mulige innstillinger på bokser i forsidemalen

Størrelse og plassering

Her kan du velge å etter bokser som kommer etter hverandre sammen horisontalt. Tabellen under illustrerer de ulike mulighetene du kan sette sammen bokser på.

Full bredde
Halv bredde (1 av 2)			Halv bredde (2 av 2)
Tredjedel bredde (1 av 3)		Tredjedel bredde (2 av 3)		Tredjedel bredde (3 av 3)

For å få til en plassering av bokser som tabellen over så må rekkefølgen på boksene i dokumentet være:

• Full bredde
• Halv bredde (1 av 2)
• Halv bredde (2 av 2)
• Tredjedel bredde (1 av 3)
• Tredjedel bredde (2 av 3)
• Tredjedel bredde (3 av 3)

Disse kan kombineres med alle valg for bakgrunnsfarge.

Farge

Setter en bakgrunnsfarge på boksen, padding og ramme, men også andre stilsettinger som er spesifisert nærmere for hver klasse under.

Blank / Ingen klasse

Boksen vises uten bakgrunnsfarge og uten ramme.

Hvit boks

Gir boksen en hvit bakgrunnsfarge og grå ramme.

Grå boks

Gir boksen en grå bakgrunn og grå ramme.

Spesielle innstillinger

Setter spesielle innstillinger på boksen med klassenavn.

Boks med fremhevede saker

Disse klassene må brukes på bokser som inkluderer et "Fremhevet sak"-dokument med $_{include:file}-komponenten.

featured-one-big-two-column

Viser den første fremhevede saken som en stor sak,
og etter det mindre saker i to kolonner under hverandre. (eks "Forskning"-boks)

Merk at uio.no / fakultet / institutt forsider bare viser tre saker hvis ikke hide-featured-after-fifth settes i spesielle innstillinger.

Klassen kan kombineres med alle .

white-box-black-header

Gir boksen en hvit bakgrunnsfarge, grå ramme, hvit tittel og med svart bakgrunn  (eks "Forskning"-boks)

Klassen bør kombineres med featured-one-big-two-column

featured-big-box-content-below

Viser tekstinnhold for den første fremhevede saken under bildet.  (eks "Forskning"-boks)

Klassen kan bare kombineres med featured-one-big-two-column, fordi den overstyrer hvordan denne viser første sak.

featured-big-box-content-left

Plasserer den store hvite boksen i første sak til venstre (i stedet for høyre).

hide-featured-after-first

Skjuler fremhevede saker etter første sak.

hide-featured-after-third

Skjuler fremhevede saker etter tredje sak.

hide-featured-after-fifth

Skjuler fremhevede saker etter femte sak.

Boks med RSS-strøm

Stilarkklasser for RSS-strømmer plasseres på bokser som inkluderer en RSS-komponent med $_{include:feed} eller $_{include:feeds}.

two-column-feed

Deler sakene fra RSS-strømmen opp i to kolonner.

Klassen kan kombineres med alle valg for bakgrunnsfarger.

three-column-feed

Deler sakene fra RSS-strømmen opp i tre kolonner. (eks "Aktuelt"-boks)

Klassen kan kombineres med alle .

hide-img-after-item-four

Skjuler bilde og beskrivelse fra RSS-strømmen etter fjerde sak. (eks "Studentorganisasjoner"-boks)

Klassen kan bare kombineres med klassen two-column-feed, fordi den overstyrer hvordan denne viser feed-resultatene.

Diverse

white-box-grey-header-line

Gir boksen en grå strek under boksoverskrift.

white-box-grey-header-dotted-line

Gir boksen en grå prikkete strek under boksoverskrift.

big-links-with-arrow

Øker fontstørrelsen på lenker i lister, og legger på en grå pil til venstre for hvert listepunkt.

uio-units

Brukes på bokser som skal liste enheter på UiO, og lager større tekst i paragrafer m.m.

content-over-image-right

Lager en stor sak ut av en boks med innholdet som en hvit boks til høyre over bildet (ser ut som den store fremhevede saken alene).

content-over-image-left

Lager en stor sak ut av en boks med innholdet som en hvit boks til venstre over bildet (ser ut som den store fremhevede saken alene med "featured-big-box-content-left").

Sveise sammen halv- og full bredde bokser

combine-right

Kombinerer Halv bredde (1 av 2) med Halv bredde (2 av 2).

combine-left

Kombinerer Halv bredde (2 av 2) med Halv bredde (1 av 2).

combine-bottom

Kombinerer både halv- og full bredde boks(er) med boks(er) under.

combine-top-bottom

Kombinerer både halv- og full bredde boks(er) med bokser over og under.

combine-top

Kombinerer både halv- og full bredde boks(er) med boks(er) over.

Tabellen under illustrerer ulike måter du kan sveise sammen bokser på.

combine-bottom
combine-top-bottom
combine-right combine-top-bottom			combine-left combine-top-bottom
combine-right combine-top			combine-left combine-top

I høyrekolonne

Disse klassene virker bare i høyrekolonne.

vrtx-additional-content-blank-box

Brukes på bokser som ikke skal ha ramme eller bakgrunn.

vrtx-published-date-left-side

Brukes på bokser som skal vise dato til venstre for tittel fra RSS-strømmen.

vrtx-distach-bottom

Brukes på bokser som skal kobles fra og gi mellomrom til boks under.

grey-clip-box

Bør kun brukes på øverste boks i høyrekolonne. Gir boksen grå bakgrunn, og plasserer en binders i toppen til høyre hvis den inneholder:

<span class="icon">&nbsp;</span>

feed-image-over

Denne klassen legger bilde i RSS-strøm over tittel og ingress, og bruker thumbnail-størrelsen istedenfor å nedskalere til enten 90px (uten venstremeny) eller 65px (med venstremeny).

Dele opp innholdet inne i en boks

Deler opp én boks vertikalt.

Dette er HTML-kode som må legges inn i en boks ved å trykke "Kilde" i FCK-editoren i "Innhold"-feltet,
og deretter skrive inn <div>-ene med klassenavnene.

Todeling

<div class="left">
   [innhold til venstre]
</div>
<div class="right">
   [innhold til høyre]
</div>

left

Plasseres på den første <div>-en i kildekoden, og innhold i denne kommer da til venstre og tar halve plassen. (eks "Bachelor og 5-årig master og profesjon"-boks)

right

Plasseres på den påfølgende <div>-en i kildekoden, og innhold i denne kommer da til høyre og tar også halve plassen. (eks "Master"-boks)

Tredeling

<div class="thirds-left">
   [innhold til venstre]
</div>
<div class="thirds-middle">
   [innhold i midten]
</div>
<div class="thirds-right">
   [innhold helt til høyre]
</div>

thirds-left

Plasseres på den første <div>-en i kildekoden, og innhold i denne kommer da til venstre og tar en tredjedel av plassen.

thirds-middle

Plasseres på den påfølgende <div>-en i kildekoden, og innhold i denne kommer da i midten og tar en tredjedel av plassen.

thirds-right

Plasseres på den siste påfølgende <div>-en i kildekoden, og innhold i denne kommer da helt til høyre og tar også en tredjedel av plassen.