Kære Redaktør!

På denne rodebutik af en side er der lidt redskaber til redigering på www.dp.dk.

Først kan du se, hvilke overskriftstyper, vi bruger.

Herefter er der en kort gennemgang af de forskellige bokstyper, vi kan sætte ind på siderne.

I hver boks er der et link til en word-fil med kode, som du kan indsætte på din egen side. På denne måde får du nemt en boks at redigere videre i.

Aller nederst på siden er der kode at hente til Ankre og Accordions (“rullegardiner”), som du også kan kopiere ind på din egen side og arbejde videre med.

 

Kode gør det ikke altid alene – derfor er du naturligvis altid velkommen til at booke tid til support i Dorthes kalender.

Dette er en Fancy titel i overskrift 2

Nedenfor kan du se, hvilke overskriftstørrelser, vi har at gøre godt med, og hvordan de er formateret.

H2: 32 px, #393836, normal

H3: 20 px, #393836, bold

H4: 16 px, #393836, bold

H5: 14 px, #666666, bold

Oplysningerne ovenfor skal du bruge, når du laver en Fancy title.

Hvis du blot skriver brødtekst, som jeg gør nu, er den letteste måde at lave overskrifter på at vælge fanebladet “Tekst”.

Her ser du din tekst med alle formateringer angivet med html-kode.

Når du fx vil lave en overskrift 3, sætter du koden for overskrift 3 på: <h3>Dette er min overskrift</h3>

Når du skifter til fanebladet “Visual”, ser det sådan ud:

Dette er min overskrift

HOVEDOVERSKRIFT I BOKSE

skriver vi med store bogstaver.

Dette er en Custom Box.

Boksen kan du give en baggrundsfarve og en ramme.

Denne boks har baggrundsfarven #f4f4f4.
Rammen har farven #e0e0e0 (0 = nul)

I Custom Boxen kan du indsætte en Text block – det er i Text blocken, at denne tekst er skrevet.

Hent koden til denne boks (indsættes i Classic editor)

Til venstre er der indsat en Divider.

Den er Thin solid og Full Width.

DETTE ER OGSÅ EN CUSTOM BOX

 

Her må vi gøre teksten hvid, så den kan ses på den blå baggrund.

Blå baggrund: #b9c2cf

Ikonet er også blåt.

Baggrunden i cirklen er hvid: #ffffff

Hent koden til denne boks (indsættes i Classic editor)

Overskriften er h4.

I boksen til venstre er den h3.

Her baggrunden lysegrå: #f4f4f4

Ikonet er også #f4f4f4, mens baggrunden i cirklen er #393836.

Hent koden til denne boks (indsættes i Classic editor)

Dette er en Fancy titel i overskrift 3

Dette er også en Fancy titel i overskrift 3

I få tilfælde indsætter vi en Fancy Titel Pattern som ovenfor.

Oftest bruger vi en Divider som nedenfor.

Til højre er der indsat to Content Boxe.

Overskriften i boksene skriver vi med store bogstaver.

I boksene er der indsat Custom Lister. Det giver mulighed for at punktopstille indhold – og at bruge forskellige ikoner som punkttegn.

I Custom lister, som vi placerer i højre spalte, bruger vi oftest ikonet mk-moon-arroe-right-3.

I Custom lister, som placeres i brødtekst på siden, bruger vi oftest mk-moon-checkmark-3 eller mk-moon-checkbox:

  • mk-moon-checkmark-3
  • mk-moon-checkbox
RESSOURCER
  • Link til relaterede dokumenter
  • Link til relaterede eksterne sider

Hent koden til denne boks (indsættes i Classic editor)

RELATEREDE SIDER
  • Link til relaterede interne sider
  • I mange tilfælde oversigt over alle undersider
  • Som fx her

Hent koden til denne boks (indsættes i Classic editor)

Dette er en Page section.

Det er sjældent, vi bruger den. Men vi kan gøre det, hvis vi gerne vil have brugeren til at bruge/gøre noget.

BOXED

Dette er en boxed Icon box.

Icon Location: Top

Hent koden til denne boks (indsættes i Classic editor)

Læs mere på Facebook

BOXED

Dette er en boxed Icon box  –  Icon Location: Left  –  Icon Color: #ffffff

Icon Circle Background Color: #949eaf  –  Title Color: #949eaf

Hent koden til denne boks (indsættes i Classic editor)

Læs mere på Facebook

SIMPEL MINIMAL

Dette er en simpel minimal Icon box. Dansk Psykolog Forening organiserer alle psykologer: offentlig ansatte, privat ansatte, privatpraktiserende (kliniske psykologer og organisationspsykologer) og ledende psykologer. Det står der på vores firmaprofil på Linkedin.

Hent koden til denne boks (indsættes i Classic editor)

Læs mere på Linkedin

Ankre

Hvis jeg gerne vil lave et link til tekst længere nede på en side, kan jeg lave et “anker”. Det skal gøres i html-koden – altså på det faneblad, der hedder “Tekst”.

<a href=”#mit anker”>Denne tekst skal linke til ankeret</a>

Med koden ovenfor linker jeg til ankeret.

<a name=”mit anker”>Her er mit anker </a>

Med koden ovenfor har jeg navngivet ankeret “mit anker”.

Det kommer til at se sådan ud:

Denne tekst skal linke til ankeret Klik!

Accordions – “rullegardiner”

Hent koden til “rullegardinerne” nedenfor (indsættes i Classic editor)

Indhold 1

Text block med indhold

Indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold.

Indhold 2

Text block med indhold

Indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold.

Indhold 3

Text block med indhold

Indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold.

Indhold 4

Text block med indhold

Indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold indhold.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Her er mit anker. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per seacula quarta decima et quinta decima. Eodem modo typi, qui nunc nobis videntur parum clari, fiant sollemnes in futurum.

Start med at skrive, og tryk Enter for at søge