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 webbsnack, 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 till 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åndag8:00-16:00
Tisdag8:00-16:30
Onsdag14:00-15:30
Torsdag10:00-19:00
Fredag8: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 KI RIMS:

Webbförvaltningen

Länk till webbpublicering

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

Aerial view of Stockholm. Photo: Henrik Trygg / mediabank.visitstockholm.com
Bildgalleri

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

Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Proin eget tortor risus. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Proin eget tortor risus. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;

Mellanrubrik

Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Donec rutrum congue leo eget malesuada. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Nulla porttitor accumsan tincidunt. Curabitur aliquet quam id dui posuere blandit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Donec rutrum congue leo eget malesuada. Sed porttitor lectus nibh. Donec rutrum congue leo eget malesuada. Pellentesque in ipsum id orci porta dapibus.

Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Proin eget tortor risus. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus.

Proin eget tortor risus. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Donec rutrum congue leo eget malesuada. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Nulla porttitor accumsan tincidunt. Curabitur aliquet quam id dui posuere blandit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Donec rutrum congue leo eget malesuada. Sed porttitor lectus nibh. Donec rutrum congue leo eget malesuada. Pellentesque in ipsum id orci porta dapibus.

Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula.

Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Proin eget tortor risus. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Proin eget tortor risus. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Donec rutrum congue leo eget malesuada. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Nulla porttitor accumsan tincidunt. Curabitur aliquet quam id dui posuere blandit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Donec rutrum congue leo eget malesuada. Sed porttitor lectus nibh. Donec rutrum congue leo eget malesuada. Pellentesque in ipsum id orci porta dapibus.

Promos

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

Promos med film (oembed)

Hubble’s 29th Year in Orbit (NASA)

Så här kan det se ut när man har en film i en promo.

Informationsfilm om öppen tillgång

En forskare berättar om Open Access - öppen tillgång till forskningsdata. 

När du klickar på filmen öppnas ett visningsfönster. 

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