Mål på sidelayouts

Gå til:

Forsiderne (B) + (C)

Forsidernes layout er et 4-spaltet system.

  • En spalte er 208 px.

  • Indre margener er 14 px.

  • Der er ingen ydre margener.

På de forskellige typer forsider har billederne forskellige højder. Der er lavet skabeloner til billederne på forsiderne, inkl tekten på dem. Skabelonerne ligger i dropboxen, som driftsansvarlig kan give adgang til. Nogle skabeloner er lagt ind i ODEUM via dummysider.

Alle runde hjørner skal laves manuelt. I skabelonerne er der lavet nogle masker, som laver rundingerne. Husk at gemme filer som png - formatet understøtter transparens.

  • 2-spalters fritliggende billeder måler 430x315 px.

  • 2-spaltersbilleder over tekstbokse og overskrifter måler 430x166 px.

  • 1-spaltes fritliggende billeder måler 208x315 px.

  • 1-spaltesbilleder over tekstbokse og overskrifter måler 208x150 px.

  • Det øverste stykke med rundingerne af den hvide boks er med i billederne.

  • Rundingerne på hjørner har radius 10 px.z

  • Kortet på lokalplaner og planer.holbaek.dk måler 256x256 px.

Kommuneplanforside

Temaplanforside

Til toppen

Navigationssider under forsider (C)

Navigationssiderne laves manuelt i en tabel i en artikel med fuld bredde - 844 px.

Kopier eventuelt skabelonen på Udviklingsstrategien:

http://planer.holbaek.dk/dk/udviklingsstrategi/8_pejlemaerker/oversigt_8_pejlemaerker_for_en_bedre_fremtid.htm

  • Thumbnails skal laves manuelt og måler 120x120 px.

  • Overskrifter og links skal laves manuelt i samme felt som teksten. Brug overskrifttype 1 eller 2.

  • Indre margener er 14 px.

  • Tekstspalter er 281 px.

 

Navigationsside´

Til toppen

Indholdssiderne (D) og herunder

Indholdssidernes layout er i princippet et 4-spaltet system.

  • Hver spalte er 180 px.

  • De indre margener er 20 px.

  • De ydre margener er 15 px.

Layoutet opererer med en let asymmetri - halve spalter om man vil.

Det betyder at:

  • 1½ spalte er 314 px.

  • 2½ spalte er 510 px.

ODEUM tilpasser automatisk uploadede billeder til spaltebredderne.

  • thumbs1 svarer til 1 spalte / 180 px.

  • thumbs2 svarer til 1½ spalte / 314 px.

  • thumbs2 svarer til 2½ spalte / 510 px.

Man kan stille på thumbstørrelsen under Administration > Kontrolpanel > Systemindstillinger.

 

Dobbeltspaltet indholdsside

Indholdsside, smal venstrespalte

Indholdsside, smal højrespalte

Til toppen

Manuel tilpasning

Man kan lave alle mulige varianter - snyde systemet om man vil - ved at bruge tabeller i artikler i de eksisterende skabeloner. Det er nyttigt i særlige tilfælde, men også tidskrævende. Udviklingsstrategien er et godt eksempel på et sådant speciallavet layout. Se fx

http://planer.holbaek.dk/dk/temaplaner/udviklingsstrategi/

http://planer.holbaek.dk/dk/temaplaner/udviklingsstrategi/fra_vision_til_stategi_til_forandring/oversigt_fra_vision_til_strategi_til_forandring.htm

http://planer.holbaek.dk/dk/udviklingsstrategi/8_pejlemaerker/sundhed/

Igen - husk det er tidskrævende, og det kan snyde ændringer, som bliver lavet fra centralt hold.

Til toppen