Testpage med alla komponenter

Det här är en sida som visar vilka block du kan jobba med som redaktör i Drupal.

View of Stockholm Old town
Kornhamnstorg i Gamla stan, Stockholm, sett från Slussen. Fotograf: Pedro Szekely, cc-by-sa. Bildtexten hamnar under bilden, oavsett hur den är placerad.

Rubriknivåer

Text och bildstycke, rubriknivå 2

Karolinska Institutet har ett brett utbildningsutbud inom medicin och hälso- och sjukvård. Det breda utbudet är unikt i Sverige.

Karolinska Institutet bedriver forskning och utbildning på två campusområden (Solna och Flemingsberg) och vid flera av länets sjukhus.

Rubriknivå 3

Utbildning på grundnivå och avancerad nivå

2018 fanns 5 962 helårsstudenter på nybörjar- och påbyggnadsprogram. 

Rubriknivå 4

Många av magister- och masterprogrammen ges på engelska.

Merparten av utbildningarna leder till en yrkesexamen. Flera av utbildningarna leder även till en generell examen.

Under 2018 utfärdades 2 698 examina till 2 171 individer.

2014 fanns 5978 helårsstudenter på nybörjar- och påbyggnadsprogram.

Punkt- och nummerlistor

Punktlista:

  • 13 nybörjarprogram
  • 27 påbyggnadsprogram
  • Ca 80 fristående kurser

Nummerlista:

  1. Den första posten i listan
  2. Den andra
  3. Och här kommer den tredje

Bildplaceringar

Förutom en hel bild över sidan kan du också ha vänster- eller högerställda bilder över halva eller en tredjedel av sidan. Anledningen till att du själv inte kan välja storlek på bilderna beror på att det ska fungera bra i alla upplösningar av sidan och i alla varianter av mobila plattformar.

Illustration visar två personer som har ett digitalt möte (<a href="https://storyset.com/people">People illustrations by Storyset</a>)
Kom tll Drupalverkstad med dina frågor om teknik och/eller webbkommunikation Foto: People illustrations by Storyset

Text med halv bild till vänster

Du som är redaktör eller innehållsägare på ki.se är välkommen till digital drupalverkstad.

  • Logga in med oss och arbeta med ki.se.
  • Ta med dig frågor kring drupal och kring webbkommunikation.
  • Vi på enheten för digitala kommunikationskanaler finns på plats för att ge råd och stöd i enkla och krångliga webbfrågor.

Stanna en stund eller hela passet, du bestämmer själv.

Illustration som visar en person som håller ett digitalt möte  (<a href="https://storyset.com/people">People illustrations by Storyset</a>)
Webbsnack är en kort digital föreläsning om ett aktuellt ämne inom webbpublicering. Foto: People illustrations by Storyset (storyset.com)

Text med halv bild till höger

Du som är redaktör på ki.se är hjärtligt välkommen till webbnack, en kort föreläsning om ett aktuellt ämne inom webbpublicering.

Fakta om webbsnack

  • Vem får gå? Du som är redaktör i Drupal, och skapar och redigerar sidor på ki.se
  • Var? Online
  • Hur lång tid tar det? Cirka 30 minuter föreläsning och 15 minuter frågestund
  • Måste man anmäla sig? Nej. Men spara gärna detta event i din kalender, så att du inte glömmer bort att titta in.
Illustration visar två personer som har ett digitalt möte (<a href="https://storyset.com/people">People illustrations by Storyset</a>)
Kom tll Drupalverkstad med dina frågor om teknik och/eller webbkommunikation Foto: People illustrations by Storyset

Text med tredjedels bild högerställd

Du som är redaktör eller innehållsägare på ki.se är välkommen till digital drupalverkstad.

  • Logga in med oss och arbeta med ki.se.
  • Ta med dig frågor kring drupal och kring webbkommunikation.
  • Vi på enheten för digitala kommunikationskanaler finns på plats för att ge råd och stöd i enkla och krångliga webbfrågor.

Stanna en stund eller hela passet, du bestämmer själv.

Illustration som visar en person som håller ett digitalt möte  (<a href="https://storyset.com/people">People illustrations by Storyset</a>)
Webbsnack är en kort digital föreläsning om ett aktuellt ämne inom webbpublicering. Foto: People illustrations by Storyset (storyset.com)

Text med tredjedels bild till vänster

Du som är redaktör eller innehållsägare på ki.se är välkommen till digital drupalverkstad.

  • Logga in med oss och arbeta med ki.se.
  • Ta med dig frågor kring drupal och kring webbkommunikation.
  • Vi på enheten för digitala kommunikationskanaler finns på plats för att ge råd och stöd i enkla och krångliga webbfrågor.

Stanna en stund eller hela passet, du bestämmer själv.

Call to action

En Call-to-action har ett knappliknande utseende. Funktionen skall användas när du vill uppmana något att göra något, till exempel anmäla sig till något. Den ska inte användas för att skapa menyer. 

Tabell

Ett exempel på vad en tabell kan innehålla
Dag Öppettider
Måndag 8:00-16:00
Tisdag 8:00-16:30
Onsdag 14:00-15:30
Torsdag 10:00-19:00
Fredag 8:30-17:00

Dokument

Dokumentblocket kan placeras varsomhelst på sidan. Du kan välja att lägga det utan rubrik, som nedan:

Kontaktkort

Kontaktkort genererat med persondata från IDAC:

Jenny Hermansson

Kommunikatör
Digitala kommunikationskanaler
UF Universitetsförvaltningen

Kontaktkort genererat med persondata från IDAC som visar upp sammanfattning från profilsidan (om personen skrivit in något där):

Jenny Hermansson

Kommunikatör

Faktaruta

Faktaruta får ett eget typsnitt, och går att ha flera olika färger. Färgen är en tunn linje runt faktarutan. Om du valt plommon eller orange som färg så får även rubriken den färgen.  

Karolinska Institutet har fem primärfärger förutom svart och vit; Mörk plommon, orange, ljusorange, ljusblå och plommon. 

Plommon och mörk plommon är tillsammans med logotypen KI:s främsta identitetsbärare. Mörk plommon används i text, som bakgrundsfärg och i infografik. Plommon används främst i logotypen och infografik/illustrationer, dock aldrig som bakgrundsfärg (i nyproduktioner). Ljusorange och ljusblå används primärt, tillsammans med vit, som bakgrundsfärger. Orange används som accentfärg till exempel för att lyfta fram specifikt innehåll. Svart används i huvudsak som textfärg. 

Enlänk i en faktaruta blir plommonfärgad.

Agenda

Citat

Den som inget frågar får inget veta.

Kristina Sommar

Bildspel

View of Stockholm Old town
Bubblor

Organisationslistor

Detaljerad organisationslista

Enkel organisationslista

Inbäddat innehåll

Inbäddade filmer

Inbäddade filmer från YouTube och KI Play bäddas in på olika sätt, men båda fungerar.

Inbäddad film från YouTube

Inbäddad film från KI Play

Inbäddad nyhetslista - även kalenderlista går bra här

Inbäddad karta

Dragspel/Accordion

Promos

En till tre i rad i tre olika promo-block. Mitten-blocket har plommonfärgad bakgrund. 

Mer information för inloggade medarbetare

Det finns mer information för dig som arbetar i följande grupper

  • All KI staff
  • UF.Kommunikationsavdelningen
Logga in med KI-ID
JH
Innehållsgranskare:
2023-03-09