Indholdsfortegnelse. Designmanual Borsen.dk 1. Farver 01. Fonte 02. Ikoner og knapper 03. Menuen 04. Bannere 05. Generelle mål 06. Grafikelementer 07
|
|
- Bertram Nygaard
- 8 år siden
- Visninger:
Transkript
1 Indholdsfortegnelse Designmanual Borsen.dk 1 Introduktion Farver 01 Fonte 02 Ikoner og knapper 03 Menuen 04 Bannere 05 Generelle mål 06 Grafikelementer 07 Billedstørrelser 08 Tabeller og Input-felter 09 Skabelonoversigt 10 Moduler 11 Subsites 12 Koder Eksempler Oversigt over fontbrug i overskrifter Oversigt over fontbrug i brødtekt Links Eksempler Knapfarver og mål Ikoner Knapper Ikoner til Artikelarkiv Oversigt over funktion af menuen Foldet ud Mål for grafik Mål for placering af tekst Overstates Mål Størrelser Toppen / Global menu Bunden Forsiden Skabelon A Skabelon C Skabelon D Popup NyhedsTicker Content stibler Boks Tabelmål Input-felter Lister (A3 A4) Lister (A5) Lister (A6) Lister (A7) Lister (A8) Lister (L1 L2) Top (A1) Overskrifts baggrund (H) Infoboks (J) Tekst og billeder (A2 A9 A10 A11 A14 D1 E1 E2 E3 E4 E5 E6 F1 F2) Custom (K K2 C3 C6 C8 C11 C15 C16 C17 C18 C21 C23) Generelle mål Firmabilen undersider Farveeksempler Eksempel på andet subsite
2 Introduktion Designmanual Borsen.dk 2 Formålet med denne designmanual er at sikre, at alle siderne på får et ensartet og professionelt udseende. Med designmanualen i hånden kan Børsens medarbejdere og samarbejdspartnere altid slå op og få svar på spørgsmål om hjemmesidens layout. Her er svar på alt lige fra farven på et link til pixelmålene for en bannerreklame. Hver side på består af en skabelon. Alle skabeloner indeholder en top, en bund og en menu. Forskellen mellem de forskellige skabeloner består typisk i, hvor mange spalter siden har, og hvor store de er. Hver skabelon indeholder et antal moduler. Modulerne viser sidens indhold, f.eks. tekster, billeder eller nyhedslister. Designmanualen beskriver også, hvordan de enkelte moduler skal se ud. Denne designmanual er designet og produceret af Dwarf Ved spørgsmål kan der rettes hendvendelse til: Dwarf A/S. Bernhard Bangs Allé 25, DK-2000 Frederiksberg T: (+45) E: info@dwarf.dk.
3 Farver 01 Farver
4 Farver Her ses en oversigt over de farver, som bliver brugt på borsen.dk. Farverne er de generelle farver, d.v.s at der kan forekomme andre farver i grafikker og billeder Designmanual Borsen.dk 3 Grundfarver RGB: HEX: #243B77 RGB: HEX: #F7E7DA RGB: HEX: #B5B9C0 RGB: HEX: #F1F2F4 Grafikelementer RGB: HEX: #243B77 RGB: HEX: #8A8D95 RGB: HEX: #969AA1 RGB: HEX: #ECE4DC RGB: HEX: #F1F2F4 RGB: HEX: #FFFFFF RGB: HEX: #5FD948 RGB: HEX: # Fonte RGB: HEX: # RGB: HEX: #292B2C RGB: HEX: #1C367A RGB: HEX: # RGB: HEX: #283D73 RGB: HEX: #F2F1F1
5 Farver: Eksempler Designmanual Borsen.dk 4 Eksempel på farvebrug RGB: HEX: #F7E7DA RGB: HEX: # RGB: HEX: #292B2C RGB: HEX: #243B77 RGB: HEX: #969AA1 RGB: HEX: #F1F2F4 RGB: HEX: #8A8D95 RGB: HEX: #1C367A RGB: HEX: ##F2F1F1 RGB: HEX: #B5B9C0
6 Fonte 02 Farver
7 Fonte: Oversigt over fontbrug i overskrifter Designmanual Borsen.dk 5 Verdana Bold 10 px. #F2F1F1 - i overskriftbokse og på mørk/blå baggrund Verdana 10 px. #F2F1F1 - i overskriftbokse og på mørk/blå baggrund Helvetica Bold 24 px. ## nyheds- og artikeloverskrifter Helvetica Bold 20px. # nyheds- og artikeloverskrifter Helvetica Bold 16 px. # nyheds- og artikeloverskrifter
8 Fonte: Oversigt over fontbrug i brødtekst Designmanual Borsen.dk 6 Verdana Bold 9 px. #292B2C - bruges til datoer, klokkeslet og til billedtekst i overskrifter Verdana 9 px. #292B2C - bruges til datoer, klokkeslet og til billedtekst i brødtekst Verdana Bold 11 px. #292B2C - bruges til overskrifter og fremhævelser i brødtekst Verdana 11 px. #292B2C - brødtekst Verdana 10 px. #1C367A - bruges til læs mere... og enkeltstående links Verdana Italic 10 px. #292B2C - bruges til ekstra infomationer i f.eks. artikler
9 Fonte: Links 01 Farver, størrelser og brug Designmanual Borsen.dk 7 Overskrifter Overskrift Link: Helvetica 24 & 16 px. # Hover: Helvetica 24 & 16 px. #1C367A Overskrifter og brødtekster Overskrift Link: Helvetica 24 & 16 px. # Link: Verdana 10 px. #1C367A Hover: Helvetica 24 & 16 px. #1C367A Hover: Verdana 10 px. #990000
10 Fonte: Links 02 Designmanual Borsen.dk 8 Lister Link: Verdana 11 px. #1C367A Hover: Verdana 11 px. # Link: Verdana 10 px. #1C367A Lister Link: Verdana 10 px. #FEFEFC Hover: Verdana 10 px. #FEFEFC Overskrifter Link: Verdana Bold 11 px. #1C367A Hover: Verdana Bold 11 px. #990000
11 Fonte: Eksempel 01 Designmanual Borsen.dk 9 Helvetica Bold. 24 px. # Verdana Bold. 11 px. #292B2C Verdana Bold. 10 px. #F2F1F1 Helvetica Bold. 16 px. # Verdana. 11 px. #292B2C Verdana. 11 px. #292B2C Verdana. 10 px. #292B2C Verdana. 11 px. #1C367A Verdana. 9 px. #292B2C Verdana Bold. 9 px. #292B2C Verdana. 10 px. #F1F2F4 Verdana. 10 px. #1C367A Verdana. 10 px. #1C367A Verdana Bold. 9 px. #292B2C Verdana. 9 px. #292B2C
12 Fonte: Eksempel 02 Designmanual Borsen.dk 10 Verdana Bold. 11 px. #292B2C Helvetica Bold. 16 px. # Verdana Bold. 10 px. #F2F1F1 Verdana. 10 px. #F2F1F1 Verdana. 10 px. #1C367A Verdana. 11 px. #1C367A Verdana Bold 11 px. #292B2C Verdana 11 px.#1c367a Verdana. 10 px. #1C367A Verdana. 11 px. #292B2C Verdana. 10 px. #292B2C Verdana. 11 px. #1C367A Verdana Bold & Normal. 11 px. #292B2C
13 Ikoner og knapper 03 Farver
14 Ikoner og knapper: Knapfarver og mål Designmanual Borsen.dk 11 Grafikfarver til knapper RGB: HEX: #7C8BB2 RGB: HEX: #1C367A RGB: HEX: # RGB: HEX: #AEB6C2 RGB: HEX: # RGB: HEX: #21A121 RGB: HEX: #525E6E RGB: HEX: #525E6E Mål og farver på knapper Gradient: # D6DBE6 - # F2F6FB # 9EA2AB min. 4 px 16 px # BDC3D0 7 px 9 px Verdana Regular 10 px. # 4E5053
15 Ikoner og knapper: Ikoner Der skal som grundregl være 6 px luft mellem ikonet og den efterfølgende tekst el. grafik Designmanual Borsen.dk 12 Link til andet område(hvis der vurderes at brugeren skal gøres opmærksom på at han/hun forlader aktuelle område) Booking Foran et link, der står alene. F.eks et Søg tidligere artikler link i bunden af en liste Foran link til et Børsen værktøj Foran et link der linker til en Artikel Gem RSS feid Slet Foran et frem link Bagved et tilbage link Foran et link for at vise, at det linker til noget længere nede el. bunden af siden (anker) Indikerer, at linket åbner en PDF-fil Log ind icon Bruges i grå infobox Vigtig infomation Bruges i grå infobox Indhold fra dagbladet Børsen (avisen) Indhold fra Børsen Nyhedstjeneste Print ikon (bruges kun i globalmenuen) Videoikon Lydikon Pinch, et pinched artikel forbliver åbent, når man ekspanderer en anden Pil ned (illustrerer nedadgående tal) Pil op (illustrerer opadgående tal) Tilvalg Zoom ind
16 Ikoner og knapper: Knapper Designmanual Borsen.dk 13 Rediger Slet
17 Ikoner og knapper: Ikoner til Artikelarkiv Designmanual Borsen.dk 14 Listeknap efterfulgt af forklarende link Søgeknap efterfulgt af forklarende link Søgeknap Startsiden Aktuel liste / Inaktiv Forrige liste / Inaktiv Næste liste / Inaktiv Bunden af siden / Inaktiv Toppen af siden / Inaktiv Sidste dokument / Inaktiv Første dokument / Inaktiv Forrige dokument / Inaktiv Næste dokument / Inaktiv Udgangsdokument for søgelink / Inaktiv Forrige søgelink / Inaktiv Næste søgelink / Inaktiv Søgelink / Inaktiv Hjælp Ord, der indgår i en ordstreng Ord / ordstrenge, der slutter med Ord / ordstrenge, der begynder med
18 Menuen 04 Farver
19 Menu: Oversigt over funktion af menuen Designmanual Borsen.dk 15 Menu default Menu ikke logget ind Min Børsen fungerer som knap
20 Menu: Foldet ud Menuen er opbygget i niveauer. Klikker man på nyheder, folder menuen sig ud til andet niveau. Klikker man på ugens overblik, vises tredie niveau osv. Nivauerne har forskellige farver, som gør det nemt at se, hvor langt nede i menuen man er Designmanual Borsen.dk 16 Menu foldet ud i 2. niveau Menu foldet ud i 3. niveau Menu foldet ud i 4. niveau
21 Menu: Mål for grafik Designmanual Borsen.dk 17 Ramme: 1 px. #9EA2AB 27 px 4 px 13 px 14 px Gradient: 5 px. #AFB3BD - #F1F2F4 Afstand: 2 px Afstand: 2 px 13 px 25 px i tilfælde af to linier Afstand: 1 px 13 px Afstand: 1 px Afstand: 1 px Afstand: 1 px 25 px i tilfælde af to linier Afstand: 1 px Afstand: 1 px 13 px 25 px i tilfælde af to linier min. 52 px 5 px Afstand: 4 px Afstand: 2 px 13 px Afstand: 8 px Afstand: 10 px Gradient: 5 px. #AFB3BD - #F1F2F4 14 px 10 px 10 px Stiblet linie: 1 px. #969AA1 10 px 10 px Stiblet linie: 1 px. #969AA1 15 px min. 52 px 5px
22 Menu: Mål for placering af tekst Designmanual Borsen.dk 18 Verdana Bold. 10 px. #F2F1F1 4 px 5 px 3 px 5 px Verdana Bold. 10 px. #F2F1F1 10 px Verdana Bold. 10 px. # px 14 px i tilfælde af to linier 18 px Verdana. 10 px. # px Verdana. 10 px. #FFFFFF 19 px Verdana. 10 px. #3C4D7A 11 px 3 px 5 px 4 px Verdana Bold. 10 px. #3C4D7A 15 px 5 px 3 px 4 px Verdana 10 px. #F2F1F1 Verdana 11 px. #3C4D7A 5 px 4 px Verdana 11 px. #3C4D7A
23 Menu: Overstates Designmanual Borsen.dk 19 Verdana Bold. 10 px. # Verdana 11 px. # Verdana 11 px. # Verdana 10 px. #990000
24 Bannere 05 Farver
25 Banner: Mål 01 Designmanual Borsen.dk 20 B0 Topbanner: 728 x 90 px Ramme 1 px. # 8A8D95 B4 Verdana 9 px. #292B2C Banner 300 x 250 px 3 px
26 Banner: Mål 02 Designmanual Borsen.dk 21 B1 Banner (højre spalte): 240 x 400 px 3 px Verdana 9 px. #292B2C B2 Banner (højre spalte): 140 x 350 px 3 px Verdana 9 px. #292B2C 5 px
27 Banner: Mål 03 Designmanual Borsen.dk 22 B3 Verdana 9 px. #292B2C 11 px min. 11 px 14 px 14 px 12 px 13 px Verdana 10 px. #1C367A
28 Banner: Størrelser 01 Venstre spalte er den spalte tættest på menuen. Alle mål angiver bredder på spalterne Designmanual Borsen.dk 23 Skabelon A A W: 240 pix. Venstre spalte : Højre spalte : 454 px 240 px Logo Menu Stor overskrift Banner Global menu / login område Banner/ Fokusområde Højre Menu Afmelding Skabelon B B W: 140 pix. Venstre spalte : Midterste spalte : Højre spalte : 300 px 229 px 140 px Logo Menu Banner Global menu / login område Fokusområde Banner Afmelding Skabelon B2 B2 W: 140 pix. Venstre spalte : Højre spalte : 554 px 140 px Logo Menu Banner Global menu / login område Fokusområde Liste Banner Afmelding Skabelon B3 B3 W: 140 pix. Venstre spalte : Højre spalte : 554 px 140 px Logo Menu Banner Global menu / login område Fokusområde Banner Afmelding
29 Banner: Størrelser 02 Designmanual Borsen.dk 24 Skabelon C C W: 140 pix. Venstre spalte : Højre spalte : 554 px 140 px Logo Menu Billedområde Banner Global menu / login område Højre menu Banner/ Fokusområde Afmelding Skabelon C2 C2 W: 140 pix. Venstre spalte : Midterste spalte: Højre spalte : 300 px 229 px 140 px Logo Menu Banner Global menu / login område Fokusområde Banner Afmelding Skabelon D D W: 252 pix. Venstre spalte : Højre spalte : 442 px 252 px Logo Menu Banner Global menu / login område Afmelding Skabelon E E W: 240 pix. Venstre spalte : Højre spalte : 454 px 240 px Logo Menu Stor overskrift Banner Global menu / login område Billed + billed tekst Afmelding
30 Banner: Størrelser 03 Designmanual Borsen.dk 25 Skabelon F1 F1 W: 140 pix. Venstre spalte : Højre spalte : 554 px 140 px Logo Menu Formside Banner Global menu / login område Fokusområde Banner Afmelding Skabelon F2 F2 W: 140 pix. Venstre spalte : 554 px Når opdelt i to Spalte 1 : 265 px Spalte 2 : 265 px Højre spalte : 140 px Logo Menu Formside Banner Global menu / login område Fokusområde Banner Afmelding Skabelon F3 F3 W: 140 pix. Venstre spalte : 554 px Når opdelt i tre Spalte 1 : 168 px Spalte 2 : 168 px Spalte 2 : 168 px Højre spalte : 140 px Logo Menu Formside Banner Global menu / login område Fokusområde Banner Afmelding
31 Generelle mål 06 Farver
32 Generelle mål: Toppen / Global menu Designmanual Borsen.dk 26 Generelle mål Ramme 1 px. #8A8D95 Banner 728 x 90 px. 1 px 166 px 19 px 20 px 11 px 16 px 916 px Specifikke mål Verdana Bold 10 px. #F2F1F1 Verdana 10 px. #F2F1F1 Verdana Bold 10 px. #F2F1F1(højrestillet) Verdana 10 px. #F2F1F1 4 px 10 px 12 px 6 px 6 px 6 px 6 px 4 px 4 px Verdana 10 px. #F2F1F1 60 x 12 px. 2 px 3 px 8 px 3 px 12 px 6 px 6 px 6 px 6 px Gradient #7B #F3E3D6. H; 6 px. 4 px 4 px
33 Generelle mål: Bunden Designmanual Borsen.dk 27 Gradient #F4E5D8 - #D7CCC4. H; 4 px. 2 px. # Gradient: #213F7A - #1C336B Verdana. 10 px. #FFFFFF Verdana. 10 px. #1C367A 36 px 14 px 19 px 5 px 4 px 20 px 20 px 331 px centreret 916 px
34 Generelle mål: Forside Afstanden mellem de forskellige moduler og elementer Designmanual Borsen.dk px 12 px 12 px 12 px 12 px 12 px 12 px 20 px 23 px 13 px 27 px 15 px 10 px 15 px 14 px 15 px 24 px 10 px 10 px 36 px 956 px
35 Generelle mål: Skabelon A Designmanual Borsen.dk 29 Afstande mellem de forskellige elementer og de generelle afstande i tekstafsnit 12 px 12 px 15 px 12 px 12 px 45 px 28 px 17 px min. 21 px 15 px 10 px 26 px 39 px 15 px 24 px 21 px 18 px 34 px
36 Generelle mål: Skabelon C Designmanual Borsen.dk px 12 px 12 px 12 px 12 px 12 px 12 px 12 px 21 px 12 px
37 Generelle mål: Skabelon D Designmanual Borsen.dk px 12 px 12 px 12 px 21 px 15 px 10 px min. 10 px 27 px 21 px 10 px 10 px 21 px 10 px
38 Generelle mål: Popup 01 Her er taget udgangspunkt i en brugervejledning for Artikelarkiv Designmanual Borsen.dk px Verdana 11 px. #292B2C Helvetica Bold 24 px. # px 12 px 12 px 20 px 18 px 46 px Verdana Bold 11 px. #292B2C 22 px 24 px 26 px 15 px 21 px Verdana Bold 10 px. #292B2C 16 px Verdana 10 px. #1C367A Verdana 11 px. #243B77 Verdana 11 px. #292B2C Verdana 11 px. #292B2C 20 px 16 px 21 px 40 px 40 px 40 px Helvetica Bold 24 px. # fortsættes...
39 Generelle mål: Popup 02 Popup fortsat Designmanual Borsen.dk 33 Helvetica Bold 24 px. # px 20 px 21 px Verdana Bold 11 px. #292B2C 8 px Verdana 11 px. #292B2C Verdana 11 px. #243B77 39 px 10 px 10 px Verdana Bold 10 px. #F2F1F1 min. 6 px 13 px 36 px 14 px 22 px 40 px 40 px Visuelt centreret
40 Generelle mål: NyhedsTicker Designmanual Borsen.dk px 7 px 11 px 16 px 7 px 10 px 14 px 10 px 5 px 7 px 21 px #243B px Verdana 11 px. #292B2C #F7E7DA min. 18 px 6 px Verdana Bold 10 px. #F2F1F1 11 px 34 x 13 px 16 px 13 px Verdana 10 px. #292B2C Verdana 9 px. #1C367A 26 px Verdana 11 px. #292B2C Verdana 10 px. #1C367A 18 px Verdana 9 px. #F2F1F1 Verdana 11 px. #1C367A
41 Grafik elementer 07 Farver
42 Grafikelementer: Content stibler Designmanual Borsen.dk 35 Den vandrette stiblede streg bruges mellem modulerne, og aldrig efter det sidste modul på en side. Bemærk at luften fra grafikelement eller tekst, kan variere i de grå bokse. (se undermoduler) 12 px 12 px 1 px. #969AA1 Mellemrum -> 1 x 2 px. 1 px. #969AA1 Mellemrum -> 2 x 1 px. 15 px 10 px
43 Grafikelementer: Boks Designmanual Borsen.dk 36 Den grå boks: Bruges til f.eks. link-samlinger såsom mest læste nyheder og billedtekstboks 2 px 2 px H: 16 px. Gradient: #DCE0E4 - # F1F2F4 Bg. & Skalerende farve # F1F2F4 Ramme 1 px. #9EA2AB Den grå/hvide boks: Bruges til f.eks grafer m. overskrifter el. kurstal 1 px. #F1F2F4 50 px 1 px. #9EA2AB Mellemrum -> 1 x 2 px. 1 px. #9EA2AB 12 px. Gradient: #FFFFFF - #F2F3F5 3 px. #FFFFFF 3 px. #FFFFFF 3 px. #FFFFFF
44 Billedstørrelser 08 Farver
45 Billedstørrelser: 01 Designmanual Borsen.dk 37 Forsiden 227 x 179 px Ramme 1 px # 8A8D95 99 x 75 px Ramme 1 px # 8A8D95 99 x 75 px Ramme 1 px # 8A8D95 99 x 75 px Ramme 1 px # 8A8D95 A 227 px. x variabel Ramme 1 px # 8A8D95
46 Billedstørrelser: 02 Designmanual Borsen.dk 38 B 99 px Ramme 1 px # 8A8D px Ramme 1 px # 8A8D x 227 px Ramme 1 px # 8A8D95 64 x 87 px Ramme 1 px # 8A8D95 99 x 132 px Ramme 1 px # 8A8D95 99 px 99 x 63 px Ramme 1 px # 8A8D95 Ramme 1 px # 8A8D px Ramme 1 px # 8A8D95 B1 227 px Ramme 1 px # 8A8D px Ramme 1 px # 8A8D x 195 px Ramme 1 px # 8A8D95
47 Billedstørrelser: 03 Designmanual Borsen.dk 39 F3 140 x 195 px Ramme 1 px # 8A8D95 E Rammer 1 px # 8A8D x 168 px
48 Billedstørrelser: 04 Designmanual Borsen.dk 40 F1 99 px Ramme 1 px # 8A8D95 D 250 x 75 px Ramme 1 px # 8A8D95 99 px Ramme 1 px # 8A8D95 99 px Ramme 1 px # 8A8D95
49 Tabeller og Input-felter 09 Farver
50 Tabeller og input-felter: Tabelmål Designmanual Borsen.dk 41 1 px 121 px min. 4 px 4 px 21 px 21 px 14 px 28 px Verdana. 11 px. #292B2C : 14 px Verdana Bold. 11 px. #292B2C Verdana Bold. 11 px. #1C367A H: 11 px. #FFFFFF H: 17 px Verdana. 11 px. #292B2C : 13 px : 14 px 14 px H: 24 px #FFFFFF H: 30px
51 Tabeller og input-felter: Input-felter 01 Designmanual Borsen.dk 42 Imput-felter bliver defineret specielt til hver enkelt brug. Disse mål er derfor vigtige, når der bliver lavet et el. flere nye felter m.m. Verdana. 11 px. #292B2C 10 px 10 px 26 px 4 px 18 px 15 px 10 px 10 px 5 px 4 px 10 px 10 px 18 px Verdana. 10 px. #292B2C 6 px 10 px 12 px 12 px 10 px 10 px 9 x 9 px 26 px 17 px 4 px 17 px
52 Tabeller og input-felter: Input-felter 02 Designmanual Borsen.dk 43 Inputfelter: Verdana Bold. 10 px. #292B2C Verdana. 11 px. #292B2C : 13 px 6 px 10 px 10 px 26 px 25 px 26 px 4 px 18 px 17 px 21 px Verdana. 10 px. #292B2C Verdana. 11 px. #292B2C : 13 px 25 px 10 px 10 px 4 px 18 px 15 px 15 px 15 px
53 Skabelonoversigt 10 Farver
54 Skabelonoversigt: 01 Designmanual Borsen.dk 44 A 454 px 240 px B 554 px 140 px Logo Banner Logo Banner Global menu / login område Global menu / login område Menu Stor overskrift Banner Menu Fokusområde Højre Menu Banner Afmelding Afmelding 300 px 229 px B1 554 px 140 px B1 554 px 140 px Logo Banner Logo Banner Global menu / login område Global menu / login område Menu Fondsbørsen Fokusområde Menu Stor overskrift Info box Fokusområde Samme skabelon Overskrift Banner Banner Overskrift Afmelding Afmelding 300 px 229 px 300 px 229 px B2 554 px 140 px B3 554 px 140 px Logo Banner Logo Banner Global menu / login område Global menu / login område Menu Fokusområde Menu Fokusområde Liste Banner Banner Afmelding Afmelding
55 Skabelonoversigt: 02 Designmanual Borsen.dk 45 C2 554 px 140 px C 554 px 140 px Logo Banner Global menu / login område Logo Banner Global menu / login område Menu Fokusområde Menu Billedområde Højre menu Banner Afmelding Afmelding 300 px 229 px D 719 px D 442 px 252 px Logo Banner Logo Banner Global menu / login område Global menu / login område Menu Menu Samme skabelon Afmelding Afmelding 442 px 252 px E 454 px 240 px E1 719 px Logo Banner Global menu / login område Logo Banner Global menu / login område Menu Stor overskrift Billed + Menu billed tekst Afmelding Afmelding
56 Skabelonoversigt 03 Designmanual Borsen.dk 46 F1 554 px 140 px Logo Menu Formside Banner Global menu / login område Fokusområde Banner Afmelding
57 Moduler 11 Farver
58 Moduler: Lister 01 Designmanual Borsen.dk 47 A3 A4
59 Moduler: Lister 02 Designmanual Borsen.dk 48 A5
60 Moduler: Lister 03 Designmanual Borsen.dk 49 A6
61 Moduler: Lister 04 Designmanual Borsen.dk 50 A7
62 Moduler: Lister 05 Designmanual Borsen.dk 51 A8
63 Moduler: Lister 06 Designmanual Borsen.dk 52 L1 L2
64 Moduler: Top 01 Bruges i toppen af nyhedsartikler, som en værktøjslinie der knytter sig til artiklen Designmanual Borsen.dk 53 A1
65 Moduler: Overskrifts baggrund Vær opmærksom på, at mange moduler allerede indeholder en blå topboks, og modul H er derfor til særlige tilfælde Designmanual Borsen.dk 54 H 6 px # 243B77 Efterfulgt af tekst 3 px 21 px 14 px Gradient fra # BDADA0 til # F7E7DA Efterfulgt af tekstboks 4 px Overskrift ombrudt i to linier 12 px 26 px 5 px Overskrift efter ikoner 7 px
66 Moduler: Infoboks Infoboksen bliver brugt til at sætte fokus på generelle informationer. F.eks hvis man som bruger ikke er logget på borsen.dk, kan boksen bruges til at gøre opmærksom på dette og linke til relevant abonnement tilbuds side Designmanual Borsen.dk 55 J
67 Moduler: Tekst og billeder 01 A2-modulet behøver nødvendigvis ikke at indeholde både billede og graf. De kan frit klikkes fra og til. Teksten kan derfor også stå alene Designmanual Borsen.dk 56 A2
68 Moduler: Tekst og billeder 02 Designmanual Borsen.dk 57 A9 A10 A11
69 Moduler: Tekst og billeder 03 Designmanual Borsen.dk 58 A14 D1
70 Moduler: Tekst og billeder 04 Designmanual Borsen.dk 59 E1
71 Moduler: Tekst og billeder 05 Designmanual Borsen.dk 60 E2 E3
72 Moduler: Tekst og billeder 06 Designmanual Borsen.dk 61 E4 E4 Special
73 Moduler: Tekst og billeder 07 Designmanual Borsen.dk 62 E5
74 Moduler: Tekst og billeder 08 Designmanual Borsen.dk 63 E6
75 Moduler: Tekst og billeder 09 Designmanual Borsen.dk 64 F1 F2
76 Moduler: Custom 01 Custon-modulerne er specialdesignet til det specifikke indhold Designmanual Borsen.dk 65 K K2
77 Moduler: Custom 02 Designmanual Borsen.dk 66 C3 C6
78 Moduler: Custom 03 Designmanual Borsen.dk 67 C8
79 Moduler: Custom 04 Designmanual Borsen.dk 68 C11
80 Moduler: Custom 05 Designmanual Borsen.dk 69 C15
81 Moduler: Custom 06 Designmanual Borsen.dk 70 C16 C17 C17 02
82 Moduler: Custom 07 Designmanual Borsen.dk 71 C18 C21
83 Moduler: Custom 08 Designmanual Borsen.dk 72 C23
84 Subsites 12 Farver
85 Subsites: Generelle mål I dette afsnit ses overordnede retningslinier for subsites plus eksempler på mulige farver. Designmanual Borsen.dk 73 Et subsite er opbygget på samme måde som borsen.dk og skal derfor følge de samme mål for tekstafstande og placering af grafikelementer. Adskillelsen ligger i farven af grafikker, ikoner og menu-links. Der foreslås at valg af farver til subsites understreger indholdet og målgruppen 20 px 172 px 12 px 12 px 254 px 12 px 12 px 255 px 12 px 12 px 20 px 78 px Verdana Bold 10 px. #849EB1 Verdana Bold 10 px. #004B81 37 px 27 px 21 px 32 px 15 px 10 px 21 px 36 px 11 px #23689F
86 Subsites: Firmabilen undersider 01 Designmanual Borsen.dk 74
87 Subsites: Firmabilen undersider 02 Designmanual Borsen.dk 75
88 Subsites: Firmabilen undersider 03 Designmanual Borsen.dk 76
89 Subsites: Firmabilen undersider 04 Designmanual Borsen.dk 77
90 Subsites: Firmabilen undersider 05 Designmanual Borsen.dk 78
91 Subsites: Farveksempler 01 Designmanual Borsen.dk 79 Tile med gradient RGB: HEX: # Tile med gradient RGB: HEX: #B10000 Tile med gradient RGB: HEX: #892E5B
92 Subsites: Farveksempler 02 Designmanual Borsen.dk 80 Tile med gradient RGB: HEX: #7DB3DC Tile med gradient RGB: HEX: #1E8080 Tile med gradient RGB: HEX: #949494
93 Subsites: Farveksempler 03 Designmanual Borsen.dk 81 Tile med gradient RGB: HEX: # Tile med gradient RGB: HEX: #4B3F28 Tile med gradient RGB: HEX: #B6A179
94 Subsites: Farveksempler 04 Designmanual Borsen.dk 82 Tile med gradient RGB: HEX: #24395F Tile med gradient RGB: HEX: #E58EDE Tile med gradient RGB: HEX: #FFAD00
95 Subsites: Farveksempler 05 Designmanual Borsen.dk 83 Tile med gradient RGB: HEX: #23689F Tile med gradient RGB: HEX: #578E48
96 Subsites: Eksempel Eksempel på et andet subsite. Opbygningen er den samme som på Firmabilen, men adskiller sig tydeligt ved brug af andre farver i top, overskrifts baggrunde og grafik. Designmanual Borsen.dk 84
Herning Centerby Guide til Umbraco
Herning Centerby Guide til Umbraco marts 2016 I GANG MED UMBRACO 4 LOGIN 4 LÆR UMBRACO AT KENDE 5 SÅDAN REDIGERER DU SIDER 6 VÆRKTØJSLINJEN 6 RET I TEKSTEN 7 RET ELLER INDSÆT LINK I TEKSTEN 8 RET ELLER
Læs mereDesignmanual for. Carsten Jensen Biler A/S INDHOLDSFORTEGNELSE:
Designmanual for Carsten Jensen Biler A/S INDHOLDSFORTEGNELSE: Skrifttyper side 2 Farveprofil side 2 Logoets varianter side 3 Logoets anvendelse Annoncer side 4 Plakater side 4 Roll-up side 5 Brevpapir
Læs mereDesign manual for. Lavet af Gruppe 3: Daniel Gade. Maj-britt Gierahn. Pia Skriver. Vejleder i projektet Space Networking anno 2013 er:
Design manual for Lavet af Gruppe 3: Daniel Gade. Maj-britt Gierahn. Pia Skriver. Vejleder i projektet Space Networking anno 2013 er: Erhverv: Kirsten Kasch Kommunikation: Karen Malene Andreasen og Jens
Læs mereDESIGNGUIDE WEBSITE DESKTOP OG MOBIL 2016
DESIGNGUIDE WEBSITE DESKTOP OG MOBIL 06 FARVER HOVEDFARVER SEKUNDÆRE FARVER Primary blue Secondary blue Primary teal Primary orange 80% 60% 40% 0% 80% 60% 40% 0% 80% 60% 40% 0% 80% 60% 40% 0% Hex: ##033f65
Læs mereGrafisk Design. rafisk Design
rafisk Design Svendeprøve 2016 Opgaven I forbindelse med at ReklameTryk ville lancere en webshop skulle vores hjemmeside opdateres. Den skulle fremstå enkelt, lys og nem at navigere rundt på og samtidig
Læs mereFODMAPforum. Designmanual
Designmanual Velkommen På de følgende sider finder du s designprogram. Med det ved hånden er du i stand til at designe løsninger til s grafiske flader. Her kan du slå op og finde ingredienserne til at
Læs mereManual til Dynamicweb Februar 2010
Manual til Dynamicweb Februar 2010 Login... 2 Skabeloner og formater... 3 Filarkivet... 4 Lav en PDF... 5 Opret en ny side... 7 Navngiv siden... 9 Aktiver siden... 9 Sorter sider... 9 Flyt siden... 11
Læs mereGå ind på forsiden til hjemmesiden. Skriv typo3 i adresselinjen og tryk på retur.
Adgang til Back-end Gå ind på forsiden til hjemmesiden. Skriv typo3 i adresselinjen og tryk på retur. typo3 Skriv herefter brugernavn og adgangskode i de respektive felter og klik på Login Den følgende
Læs mereUdbud.dk Brugervejledning til leverandører
Udbud.dk Brugervejledning til leverandører Vejledning til at anvende Udbud.dk Januar 2014 Indholdsfortegnelse 1. INDLEDNING... 3 2. OVERORDNET OPBYGNING AF UDBUD.DK... 4 2.1 FORSIDE OG NAVIGATION... 4
Læs mereUMS Velkomst Byder nye brugere velkommen til skolen
Forord UMS Velkomst modulet giver mulighed for at give de kommende studerende et godt førstehåndsindtryk ved skolestart - den indledende kontakt til de studerende er umådelig vigtig. Velkomst modulet består
Læs mereBrugermanual til Wordpress 3.2.x Content Management System
Indhold Brugermanual til Wordpress 3.2.x Content Management System Kontrolpanelet 2 Brugerniveauer 2 Log ud 3 Profil 4 Generel Info (vigtigt) 5 Tilføj nyt indlæg(1) 6 Tilføj nyt indlæg(2) 7 Tilføj nyt
Læs mere[jobsøgende] sådan gør du... [opret dit CV & jobønsker]
[jobsøgende] sådan gør du... [opret dit CV & jobønsker] Opret CV og Jobønsker på jobnet På Jobnets forside Jobnet.dk kan du oprette et CV. Det kan du gøre ved at oprette dig som bruger via linket Mit CV
Læs mereIndledning... 2 Forsiden... 2 Dine genveje... 3 Skoleoplysninger... 3 Service Log... 3 Nyheder... 4 AD overblik... 4 Administration...
Indholdsfortegnelse Indhold Indledning... 2 Forsiden... 2 Dine genveje... 3 Skoleoplysninger... 3 Service Log... 3 Nyheder... 4 AD overblik... 4 Administration... 4 Nyheder... 4 Vedligeholdelse... 6 Ret
Læs mereMoltrup-sogn.dk - Vejledning i redigering af undersider, og oprettelse af nye sider.
Indholdsfortegnelse Moltrup-sogn.dk - Vejledning i redigering af undersider, og oprettelse af nye sider.... 2 Brugernavn og kodeord.... 2 Selve tekstbehandleren... 3 Indsættelse af billeder... 4 Metadata...
Læs mereDesignmanual Det Nationale Institut for Kommuners og Regioners Analyse og Forskning
Opdateret 20. 09. 2012 Designmanual Det Nationale Institut for Kommuners og Regioners Analyse og Forskning Velkommen På de følgende sider finder du KORAs designprogram. Med det ved hånden er du i stand
Læs mereBrugervejledning til InfoLand.dk skabelonen
Indhold Indledning... 4 Første gang... 4 Log ind som Administrator og ændre kodeord... 4 Opret Redaktør (dig selv)... 4 Log ind... 4 Log ind med dit eget brugernavn ( Redaktør )... 4 Log ind som Administrator...
Læs mereQUICKGUIDE TIL XMEDIA
QUICKGUIDE TIL XMEDIA 1 UPLOAD DINE EGNE BILLEDER TIL "MINE MAPPER" 2 ARBEJD MED EN SKABELON 3 OPRETTELSE AF PDF 4 ÅBN OG ARBEJD VIDERE MED EN SKABELON 1 OPLOAD DINE EGNE BILLEDER TIL MINE MAPPER Opret
Læs mereVejledning til opdatering på hjemmesiden www.ifskjoldsaeby.dk
Vejledning til opdatering på hjemmesiden www.ifskjoldsaeby.dk Du logger på fra forsiden. Når du har indtastet brugernavn og password, vil der i højre side fremkomme en menu med punkterne: Redigér denne
Læs mereVigtige funktioner i Word 2003
Vigtige funktioner i Word 2003 Indhold Husk... 2 Skrifttype... 2 Skriftstørrelse... 3 Overskrifter... 4 Andre vigtige funktioner... 5 Margen... 6 Linjeafstand... 7 Ordoptælling... 8 Sidetal... 10 Sidehoved
Læs mereBRUGER KURSUS RAMBØLL HJEMMESIDE
Til Forsyningsvirksomheder i Danmark Dokumenttype Brugervejledning Rambøll Hjemmeside Full Responsive Dato Oktober 2017 BRUGER KURSUS RAMBØLL HJEMMESIDE BRUGER KURSUS RAMBØLL HJEMMESIDE Revision 01 Dato
Læs mereVejledning til brug af pileforeningen.dk for redaktører.
Vejledning til brug af pileforeningen.dk for redaktører. Log in: Gå ind på: http://pileforeningen.dk Tryk på Login for medlemmer Brugernavn: contentmanager. Password: 1234 Når du er logget ind kan du se
Læs mereGuide. Administration af FDF.dk/Nyborg. 1. Udgave 2008. Ide og layout Christoffer S. Rasmussen
Guide Administration af FDF.dk/Nyborg 1. Udgave 2008 Ide og layout Christoffer S. Rasmussen FDF.Dk/NyboRG Den nye hjemmeside for FDF Nyborg er baseret på et bloksystem. Det vil sige at det er super nemt
Læs mereVejledning i redigering af apotekets hjemmeside
i redigering af apotekets hjemmeside It-afdelingen Januar 2007 INDHOLDSFORTEGNELSE FEJL! BOGMÆRKE ER IKKE DEFINERET. 1 INTRODUKTION 3 2 ADMINISTRATION 4 3 OPBYGNING 4 SIDER 5 FIL ARKIV 6 ARTIKLER 7 ØVRIGE
Læs mereSolrød Kommune Guide til Umbraco
Solrød Kommune Guide til Umbraco februar 2015 I GANG MED UMBRACO 4 LOGIN 4 LÆR UMBRACO AT KENDE 5 SÅDAN REDIGERER DU SIDER 6 VÆRKTØJSLINJEN 6 RET I TEKSTEN 7 RET ELLER INDSÆT LINK I TEKSTEN 8 RET ELLER
Læs mereWeblayout til Pisiffik 2011
Nerrivik sisamanik issiavittalik Nerrivik igalaamineq sisamanik amiusamik qalilinnik issiavittalik kromstel aamma issiavittaa iigarfialu kiffiarsimasoq Juventus spisebord med 4 stole Juventus spisebord
Læs mereActive Builder - Brugermanual
Active Builder - Brugermanual Version: Release 2.0 Sprog: Dansk Copyright 2014 - Talk Active ApS INDHOLDSFORTEGNELSE INDHOLDSFORTEGNELSE... 2 1. HURTIGT OVERBLIK... 4 1.1 Vælg URL:... 4 1.2 Vælg en skabelon:...
Læs mereAfsnitstyper Susanne V. Andersen
Webbyggeren som videndelingsværktøj Afsnitstyper Susanne V. Andersen Webbyggeren som videndelingsværktøj 2005 Programdatateket 1. oplag, november 2005 ISBN 87-984429-5-3 Forfatter: Susanne V. Andersen
Læs mereMediegrafiker Dan Klessen 2011. Grafik og billedbehandling
Grafik og billedbehandling Grafik og billedbehandling I denne opgave inden for billedredigering, viser jeg før og efter billede, hvilke værktøjer jeg har brugt og hvad billedet skal bruges til. Billedet
Læs mereAxiell Danmark. facebib. en vejledning
Axiell Danmark facebib en vejledning 20. marts 2013 Indhold 1 Introduktion... 4 1.1 Forudsætninger... 4 2 Hvad kan man på facebib?... 5 2.1 Link til forsiden... 6 2.2 Linksamling (Leksikon)... 6 2.3 Link
Læs mereHvad er en henvisningsboks. Vejledning til henvisningsbokse
Indholdsfortegnelse Hvad er en henvisningsboks...1 Indsæt en henvisningsboks...2 Tvinge en henvisningsboks på en bestemt side...2 Indsætte metadata...3 Hvordan opretter jeg så metaord?...4 Oprettes en
Læs mereVejledning i opbygning af Tillidszonen
Vejledning i opbygning af Tillidszonen Vejledning til FOAs lokale afdelinger i opbygningen af deres del af Tillidszonen FOA Fag og Arbejde Januar 2006 1 Indholdsfortegnelse Forbunds- og afdelingsdel...3
Læs mereVejledning Aarhus Universitets wordskabeloner
Vejledning Aarhus Universitets wordskabeloner Opdateret den 13. maj 2014 Indhold Introduktion... 3 Sådan opretter du et nyt dokument via menuen 'AU'... 4 Dialogboksen Dokumentoplysninger... 6 Side1: Dokumentoplysninger...
Læs merePublikationer. Decentralt niveau (B)
Publikationer Decentralt niveau (B) grafisk designprogram juni 2006 2 indhold 3 Typografi 4 Farver Odense palette Retningslinier for publikationsforsider til decentralt niveau A4 Forside med rubrik nede
Læs mereAAK LIS Tværgående ledelsesinformation til Byrådet
AAK LIS Tværgående ledelsesinformation til Byrådet Sådan installerer du App en Undervisningsmateriale: Sådan installerer du App en Sådan navigerer du rundt i App en Sådan er en rapport opbygget i App en
Læs mereINDHOLDSFORTEGNELSE INTRODUKTION SØGERESULTAT
INDHOLDSFORTEGNELSE Introduktion Søgeresultat Ikoner i søgeresultatet Sådan arbejder du med dit søgeresultat Sammenlign valgte Føj alle til overvågning Eksporter data Gem som eksportkriterium Hent eksportkriterium
Læs mereMANUAL AF FILIP WALLBERG & RUNE MICHELSEN
MANUAL AF FILIP WALLBERG & RUNE MICHELSEN NB! Denne manual er også fuldt ud anvendelig til arbejdet på radionyheder.dk og tvnyheder.dk, da disse sites er bygget op i nøjagtig samme system! Indhold Om
Læs mereHer ser du dit arbejde i preview undervejs og udgiver dit arbejde når du er færdig. (se side 4)
Sitecore vejledning Hvad er det? Sitecore er det program, den officielle del af Spejdernet laves i. Sitecore er et Content Management System, dvs. indholds-håndteringssystem til hjemmesider. Hvordan starter
Læs mereJobcenter Vinduet. Version 01.00 Light 2014
Jobcenter Vinduet Version 01.00 Light 2014 Styrelsen for Arbejdsmarked og Rekruttering 2014 Jobcenter vinduet Jobcenter vinduet giver mulighed for, at det enkelte jobcenter kan kommunikere direkte til
Læs mereBrugervejledning. Miljøministeriet A4. Opdateret den 25. oktober 2011
Brugervejledning Miljøministeriet A4 Opdateret den 25. oktober 2011 Indholdsfortegnelse Introduktion... 3 Opret et nyt dokument... 3 Før du starter... 4 Om at arbejde med typografier:... 5 Menu: A4 - Publikation...
Læs mereDESIGNMANUAL DIGITAL
DESIGNMANUAL DIGITAL Januar 2016 INDHOLD INDLEDNING 5 1. ELEMENTER 6 1.1 LOGOER 7 1.1.1 Primære logoer 7 1.1.2 Sekundære logoer 8 1.2 FARVER 9 Farver, Global 9 Farver, Kanal 4 9 Farver, 6 eren 9 Farver,
Læs mereSitecore - basisvejledning Version 2. September 2010
Sitecore - basisvejledning Version. September 00 Sådan opretter du en ny artikelside... Sådan omdøber du et artikelnavn så du får vist æ,ø og å... Sådan udgiver (publiserer) du nyt eller redigeret indhold...4
Læs mereIntroduktion. Formål Manualen giver omfattende retningslinjer og trin for trin instruktioner til at arbejde med appen
Introduktion Formål Manualen giver omfattende retningslinjer og trin for trin instruktioner til at arbejde med appen Hvem er manualen til? Manualen er skrevet til slutbrugere som bruger appen. For opsætning
Læs mereGruppe 9 Visuel Interface Design, 27/09/2011
Gruppe 9 Visuel Interface Design, 27/09/2011 Først øvelse. Lav en designanalyse i tekst og billeder af det udleverede website www.kariyer.net. Vi startede med en hjemmeside, der så ud som følgende: Gennemgående
Læs mereGRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen
GRAFISK DESIGN SVENDEPRØVE Dorte Damsgaard Larsen OPGAVE Designforslag til hjemmeside til motorcykelklubben Mc Chaufførerne GRAFISK DESIGN / Dorte Damsgaard Larsen 1/15 DESIGNPROCES Indledende møde med
Læs merePANSER & BRANDBILSMUSEET DESIGNMANUAL
PANSER & BRANDBILSMUSEET DESIGNMANUAL INDHOLDSFORTEGNELSE INTRODUKTION 4 TONE OF VOICE 5 LOGO 6 RESPEKTAFSTAND I LOGO 7 PLACERING AF LOGO 8 FARVER 9 FARVE PÅ LOGO 10 PRIMÆR FONT OVERSKRIFT 11 PRIMÆR FONT
Læs mereEn blog med dansk brugerflade. Opret en Smartlog konto Gå til http://www.smartlog.dk/ Opret en konto ved at skrive din e-mailadresse
Blogs Om blogs http://www.it-borger.dk/den-nye-it-verden/internet/blogs Om at oprette blogs http://www.it-borger.dk/laer-om-it/internet/nar-du-vil-pa-nettet/blogs/sadan-laver-du-en-blog Råd når du laver
Læs mereLinket viser jer frem til billedet nedenfor, her skal du blot skrive jeres brugernavn og adgangskode. Indtast din adgangskode her:
Brugervejledning til håndtering af respondenter til MUS i SurveyXact Indledning Denne manual beskriver, hvordan SurveyXact kan anvendes til forberedelse af MUS. Der tages udgangspunkt i handlinger, den
Læs mereGrafisk workflow. Se siden her: www.cormas.dk
Grafisk workflow Se siden her: www.cormas.dk Dokumentation 4 Procesbeskrivelse 5 Inspirationssøgning 6 Skitser 8 Layout i Photoshop 9 Farver 10 Font 11 Flowchart 12 Wireframe 13 Storyboard 14 kontakt.html
Læs mereBrugervejledning til. BBB s hjemmeside. BEMÆRK: Denne vejledning fungerer bedst til Windows. Senest opdateret: 17-09-2010 14:45
Brugervejledning til BBB s hjemmeside BEMÆRK: Denne vejledning fungerer bedst til Windows. Senest opdateret: 17-09-2010 14:45 Indholdsfortegnelse Indledning... 3 Generelt om KlubCMS... 3 Sideopbygning...
Læs mereDen Sociale Retshjælp
Den Sociale Retshjælp Design Manual 1 Indhold På de følgende sider finder du det designprogram, som Den Sociale Retshjælp arbejder ud fra. Med det ved hånden er du i stand til at designe løsninger til
Læs mereSådan opretter du en side og tilknytter den til dit biblioteks menu. Opret en side:
Sådan opretter du en side og tilknytter den til dit biblioteks menu Opret en side: Log dig ind på hjemmesiden og klik på Tilføj indhold og dernæst på Side. Flere ting skal være udfyldt, før du kan få lov
Læs mereVejledning. Tabulex Hjemmeside. Styling af sidemenuer. Side 1 af 8
Tabulex Hjemmeside Styling af sidemenuer Side 1 af 8 Styling af sidemenuer Sidemenuerne kan styles efter alle ønsker. Du skal vælge modulet: "Styling" på det niveau, hvor det skal have virkning. F.eks.
Læs mereBrugervejledning @venbuild Light
HÅNDBOG FOR SYSTEMADMINISTRATOR/REDAKTØR Side 1 INDHOLDSFORTEGNELSE OM @VENBUILD LIGHT... 3 ADGANG... 3 OVERSIGT OVER LÆRINGSOBJEKTER... 4 NAVIGATION... 5 OVERSIGT OVER VARIANTER... 5 OVERSIGT OVER EGNE
Læs mereOPGAVEN PROGRAMVALG. Jeg har brugt Illustrator til at lave logo og ikoner.
GRAFISK DESIGN OPGAVEN Min kæreste er medstifter af en vinloge. Medlemmerne af logen kunne godt tænke sig et sted, hvor de bl.a. kunne få et overblik over, hvilke vine de har bedømt og hvornår næste loge
Læs mereWebGT 3.0 - Graveansøgning. Brugervejledning. 25. september 2012. Udgave 1.0
WebGT 3.0 - Graveansøgning Brugervejledning 25. september 2012 Udgave 1.0 Indholdsfortegnelse 1 INDLEDNING... 3 1.1 OPRETTELSE SOM BRUGER... 3 1.2 NOTIFICERINGSMAILS... 4 2 OPBYGNING OG SAGSGANG... 5 2.1
Læs mereAdministration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN
Administration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN Indholdsfortegnelse Introduktion... 2 Definitioner... 2 Generelt... 3 Oprettelse af en skabelon... 4 Sidetypeskabeloner... 5 Globale displaymoduler...
Læs mereGenerel information. Brugere. Hjemmesidens lay-out. HIF Hjemmeside How to do
Generel information Dette dokument er en brugsanvisning for hjemmesidens back-end brugere, med information om hvordan man logger ind og hvordan man arbejder med hjemmesiden/hjemmesidens funktioner samt
Læs mereSådan arbejder du med din forside
Sådan arbejder du med din forside Din forside på hjemmeside består af forskellige slags indhold og med det formål at fremhæve indhold som du har på dine undersider. Hvor er min forside? Øverst i dit sidetræ
Læs mereHMN Naturgas - WebGIS
HMN Naturgas - WebGIS November 5, 2012 WebGIS er en webside, der viser HMN Naturgas gasledninger. Private kan se hvor gas stikledningen ligger på deres egen grund. Visse samarbejdspartnere har fået lidt
Læs mereDesignmanual BUTLER FM
Designmanual BUTLER FM 2015 Grontmij A/S, Facilities Management Forfatter: Rikke Carlsen, RIC Indhold Grid... 3 Afstande... 5 Fonte og typografier... 6 Farver... 7 Tabeller... 8 Andre elementer... 10 Ikoner...
Læs merePinnacle Studio Titler
Pinnacle Studio Titler En enkel titel Du kan starte med at oprette en titel, så skal du blot klikke på "T"-ikonet i venstre side af medie vinduet og dine indsatte medieklip vil blive erstattet af et udvalg
Læs merePortfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning.
Portfolie Redesign dette er en gennemgang af opbyggelse af mit portfolie, med samtilige begrunderlser af design valg. Forord Min portfolie hjemmeside er fra start af ment som et startplatform og ikke et
Læs mereAnklagemyndighedens Vidensbase
Anklagemyndighedens Vidensbase Indhold 1 OM DENNE VEJLEDNING... 2 2 LOGIN... 3 3 SØGNINGER... 4 3.1 SØG EFTER DOKUMENTER... 4 3.2 NAVIGÉR DIG FREM... 5 3.3 KOMBINÉR SØGNING OG NAVIGATION... 6 3.4 VISNING
Læs mereDesignmanual for websider
Designmanual for websider 31. marts 2009 Version 1.1. Denne manual beskriver de gældende retningslinjer for Aalborg Universitets websider. Det vil sige websider der benytter aau.dk i domænenavnet er omfattet
Læs mereIndlæs Beretning på www.deberejstesklub.dk
Indlæs Beretning på www.deberejstesklub.dk www.deberejstesklub.dk Log ind som medlem. Opret indhold Beretning Nedenstående giver en beskrivelse til oprettelse af en rejseberetning. Visse af felterne er
Læs mereMiniguide for redaktører. Miniguide for redaktører. Leveret af DFF-EDB.dk
Miniguide for redaktører Miniguide for redaktører Leveret af DFF-EDB.dk 1 INDHOLD Hjemmesider i Umbraco... 2 1. Kom i gang med Umbraco... 2 1.1 Login... 2 1.2. Når du arbejder på siden, inden den er udgivet...
Læs mereManual for redaktører
Manual for redaktører Leveret af DFF-EDB.dk 2 INDHOLDSFORTEGNELSE: 1. Hjemmesider i Umbraco... 5 2. Kom i gang med Umbraco... 5 2.1 Login... 5 2.1.1. Ændring af login... 5 2.2. Når du arbejder på siden,
Læs mereM.OE. Designmanual December 2014 1. udgave
M.OE Designmanual December 2014 1. udgave INDHOLDFORTEGNELSE ANVENDELSE 3 Rammer for anvendelse 4 GRUNDELEMENTER 5 Logo 6 Varianter 7 Skalering 8 Respektafstand 9 Farver 10 Typografi 11 Ikoner 12 BREVLINJE
Læs mereNovotek Planning Systems A/S 2013 Version 1.0 Jan 2013 ROB-EX 4.2
Version 1.0 Jan 2013 ROB-EX 4.2 Indhold Hovedskærmens opbygning... 2 Tastaturgenveje... 3 Hovedskærmbilleder... 4 Stamdata generelt... 5 Kalender... 6 Opret/rediger kalender... 7 Specifik kalender pr.
Læs mereBrugerguide til FlexCMS
Brugerguide til FlexCMS Kom i gang med at bruge din hjemmeside 1 VELKOMMEN TIL FLEXCMS... 3 1. LOGIN... 5 2. HJEMMESIDENS TERMINOLOGI... 6 3. LAYOUT... 7 4. OPRET OG TILPAS FORSIDEN... 8 4.1 OPRETTE SIDEEGENSKABER...
Læs mereKatalog 2013. - sådan opdaterer du dine oplysninger til Danhostel-kataloget. Version 1.0 INDHOLDSFORTEGNELSE
Katalog 2013 - sådan opdaterer du dine oplysninger til Danhostel-kataloget Version 1.0 INDHOLDSFORTEGNELSE 1. ADGANG OG LOGIN... 2 2. STAMDATA... 2 3. TEKSTER... 4 (OBS: DER ER IKKE TEKSTER I 2013 KATALOGET)...
Læs mereIndholdsfortegnelse. EasyIQ IDM 5.4 Brugermanual
Indholdsfortegnelse Indledning... 2 Forsiden... 2 Dine genveje... 3 Nyheder... 3 EasyIQ og EasyIQ Quick Funktioner... 3 Administration... 8 Licens... 8 Nyheder... 9 Eksterne links... 11 Log... 12 Password...
Læs mereMini-guide for opdatering af hjemmesiden for. SOIF www.soif.dk
Mini-guide for opdatering af hjemmesiden for SOIF www.soif.dk Senest opdateret: 03-07-2009 Indholdsfortegnelse 2 Indholdsfortegnelse 2 Lidt generelt om KlubCMS 3 Brugere/Brugergrupper 3 Sideopbygning:
Læs mereTYPO3 TRIN FOR TRIN 1
TYPO3 TRIN FOR TRIN 1 LOGIN Åbn din browser (Internet Explorer, Mozilla Firefox eller en helt tredie) og skriv: ale.dk/typo3 i ADRESSELINIEN og tast ENTER så får du dette skærmbillede: Skriv Brugernavn
Læs mereManual til Wordpress. 1. Log ind på din Wordpress-side. Indhold:
Manual til Wordpress Sådan opdaterer du din hjemmeside i Wordpress: Dette er en manual til de mest grundlæggende ting, så du selv kan redigere indholdet eller tilføje nyt på din hjemmeside. Guiden er skrevet
Læs mereIndholdsfortegnelse. Side 1 af 9
Indholdsfortegnelse Koster det noget at oprette sig som bruger på schaeferhvalpe?... 2 Hvordan opretter jeg mig som bruger på schaeferhvalpe?... 2 Hvordan ændre jeg mit kodeord.... 3 Hvad hvis jeg har
Læs mereTRIN FOR TRIN GUIDE VELUX Tilbudsberegner
TRIN FOR TRIN GUIDE VELUX Tilbudsberegner Hvad er VELUX Tilbudsberegner Anmod om adgang Opret password Opret din brugerprofil 2 veje til et kundetilbud Dine tilbud 1 VELUX TILBUDSBEREGNER HVAD ER VELUX
Læs mereNetprøver.dk. Brugervejledning til Brugeradministratorer
Netprøver.dk Brugervejledning til Brugeradministratorer 8. marts 2016 Indhold 1 Introduktion... 3 2 Login... 4 3 Brugeradministration... 5 3.1 Tilføj bruger... 7 3.2 Tilføj mange brugere... 8 4 På prøvedagen:
Læs mereBRUGERMANUAL FLEXSCREEN
BRUGERMANUAL FLEXSCREEN INDHOLDSFORTEGNELSE Indledning...3 Login...3 Ændre password for en infoskærm...4 Ret tekst på siden...5 Indsæt et billede på siden...6 Opdel skærmen i kasser/bokse...8 Tilføj slide...10
Læs mere4 ARBEJDE MED SEKTIONER
4 ARBEJDE MED SEKTIONER Sektioner er en ny måde at vise indhold på. I bund og grund handler det om, at vi opdeler en side i en eller flere sektioner, som kan vise indhold på en række forskellige måder.
Læs mereIndhold. Indholdsfortegnelse
Indholdsfortegnelse Indhold Indledning... 2 Forsiden... 2 Dine genveje... 3 Nyheder... 3 EasyIQ og EasyIQ Quick Funktioner... 3 Administration... 6 Licens... 7 Nyheder... 8 Log... 9 Password... 9 System...
Læs mereLav din egen forside i webtrees
Lav din egen forside i webtrees Du behøver ikke at kunne kode eller gøre noget advanceret for at designe din helt egen forside i webtrees. Alt du skal gøre er bare at gøre brug af den indbygget editor.
Læs mereManual til Vandværksløsninger
Intro Hjemmesidens opbygning 1 Manual til Vandværksløsninger 1. Intro Hjemmesidens opbygning Intro Hjemmesidens opbygning 2 Hjemmesidens opbygning, som brugeren ser den Intro Hjemmesidens opbygning 3 Siden
Læs mereManualen beskriver brugen af SecureAware version 4.8.0 og senere versioner Dokument opdateret: June 2015
SecureAware Quiz Manualen beskriver brugen af SecureAware version 4.8.0 og senere versioner Dokument opdateret: June 2015 Om dette dokument Dette dokument beskriver brugen af quizmodulet i SecureAware.
Læs mereTema MitHelbred på din ipad
Tema MitHelbred på din ipad Sofus 18. oktober 2015 Side 1 Vejledning til Besøglægen.dk e-portal Første besøg Første gang du besøger e-portalen, skal du oprettes som bruger. Brugeroprettelsen sker ved at
Læs mereReleasenote til Jobnet pr. 12. juli 2010
Releasenote til Jobnet pr. 12. juli 2010 Vejledning til Superbrugere i HP Helpdesk Version: 1.0 Oprettet af Pia Poulsen Oprettet den 25. juni 2010 Godkendt af Kirsten Vestergaard Godkendt den 8.juli 2010
Læs mereRedaktørmanual TYPO3 Version 6.2
Redaktørmanual TYPO3 Version 6.2 www.t3cms.dk TYPO3 Manual Version 6.2 Side 1 af 20 T3CMS Tlf: 70 25 00 22 Indholdsfortegnelse Generel info om TYPO3 3 Rediger din side 4-6 Indsættelse af links 7 Indsæt
Læs mereModul 1 Skolens netværk, skema og kommunikation i Lectio Efter gennemgangen af dette modul skal du:
Modul 1 Skolens netværk, skema og kommunikation i Lectio Efter gennemgangen af dette modul skal du: 1. Kende til skolens netværk og drev. Specielt dit personlige H-drev 2. Kunne se dit skema og dine lektier
Læs mereRedaktørvejledning for www.bredstrup-pjedsted.dk Skriv en artikel
Arbejdsgang - Skriv artiklens tekst - Gør billeder klar - Log-in på hjemmesiden - Opret ny artikel - Vælg kategori - Skriv overskrift - Indsæt tekst - Tilføj billeder - Gennemgå artiklens indstillinger
Læs mereBilledgalleri. Sitecore Foundry 3.0. 9. maj 2011 - Version 1.2
Sitecore Foundry 3.0 Billedgalleri 9. maj 2011 - Version 1.2 Pentia A/S Store Kongensgade 66, Baghuset 1264 København K Telefon: 7023 3330 E-mail: info@foreningssite.dk Indholdsfortegnelse Indledning...
Læs mereKvikmanual til FacilityNet
Kvikmanual til FacilityNet Om FacilityNet?... 2 Trin 1 - Aktiver din brugerprofil... 3 Trin 2: Opret ny bestilling... 4 Trin 3: Vælg varer... 5 Trin 4: Indtast ordreinformationer... 6 Trin 5: Indtast mødedeltagere...
Læs mereVejledning til redigering via iserasuaat.gl/typo3 - både frontend og backend
Iserasuaat.gl Vejledning til redigering via iserasuaat.gl/typo3 - både frontend og backend Indhold Om kategorier en central del af Iserasuaat... 2 Frontend redigering... 3 Fanen Generelt... 4 Linke til
Læs mereFoto: Getty Images. Designmanual.
Foto: Getty Images Designmanual. Kære Partimedlem Velkommen til den nyeste justering af Socialdemokraternes design. Vores design har klaret sig flot gennem valgkampen, men vi har alligevel oplevet, at
Læs mereBrugervejledning til udfyldelse og udstedelse af Europass Mobilitetsbevis i Europass Mobilitetsdatabasen
Brugervejledning til udfyldelse og udstedelse af Europass Mobilitetsbevis i Europass Mobilitetsdatabasen Europass Mobilitetsbevis skal udfyldes og udstedes i mobilitetsdatabasen: http://mobilitet.europass.dk/.
Læs mereSitecore manual Institutionshjemmesider 2013. Kom godt i gang med at bygge din nye hjemmeside
Sitecore manual Institutionshjemmesider 2013 Kom godt i gang med at bygge din nye hjemmeside 1 Log- ind så kommer du ind i Sitecore Gå til: institutionsnavn.gentoftesites.dk/sitecore ( f.eks.jaegersborgfc.gentoftesites.dk/sitecore)
Læs mereGuide til digital børnetilmelding
Guide til digital børnetilmelding Denne guide er til dig, der ønsker at indstille børn til Ungdommens Røde Kors ferielejre. Indstillingen sker via vores digitale tilmeldingssystem, som guiden vil hjælpe
Læs mereAlle tekstbokser er generelle informationer og ikke en del af selve step by step guiden.
Step by step guide til InfoScreens Indhold Log ind... 1 Oprette slide... 1 Offentliggøre slide...5 Se infoskærm... 6 Rediger et slide... 7 Fjerne slide fra skærm... 7 Ændre rækkefølge på slide på skærm...
Læs mereBrugervejledning. Miljøministeriet M65. Opdateret den 27. oktober 2011
Brugervejledning Miljøministeriet M65 Opdateret den 27. oktober 2011 Indholdsfortegnelse Introduktion... 3 Opret et nyt dokument... 3 Før du starter... 4 Om at arbejde med typografier:... 5 Menu: M65 -
Læs mereInstagrammanual til frivillige i Mødrehjælpen
15. marts 2016 Instagrammanual til frivillige i Mødrehjælpen Indhold 1. Hvad kan man anvende Instagram til?... 2 2. Sådan oprettes en profil på Instagram... 2 3. Valg af brugernavn... 2 4. Valg af profilnavn...
Læs mere