Testpage med alla komponenter
Det här är en sida som visar vilka block du kan jobba med som redaktör i Drupal.
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:
- Den första posten i listan
- Den andra
- 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.
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.
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.
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.
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
| 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 KI RIMS:
Bodil Rudberg
KommunikatörWebbfö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.
En länk i en faktaruta blir plommonfärgad.
Agenda
Mötet startar med introduktion av mötesledaren.
Vi tar en kopp kaffe och pratar med varandra.
Vi startar konferensens första spår.
Citat
Den som inget frågar får inget veta.
Bildspel
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.
Chart
Här visar vi samma data i två olika interaktiva diagram.
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
Promos
En till tre i rad i tre olika promo-block. Mitten-blocket har plommonfärgad bakgrund.
Foto: Sunny_mjxTestpromo 3 Om Karolinska Institutet
Karolinska Institutet är ett av världens ledande medicinska universitet.
Foto: Sweetpanda/flickrTestpromo 4 Samverkan
Karolinska Institutet är inte bara ett internationellt ledande medicinskt universitet utan i hög grad en integrerad del i det omgivande samhället. Genom nära samverkan med hälso- och sjukvården, innovation och samverkan med näringslivet nyttiggörs forskningsresultat.
Foto: Pedro SzekelyTestpromo 5 Forskarutbildning
Välkommen till ett universitet som satsar på utbildning på forskarnivå! Karolinska Institutet (KI) kan erbjuda forskning i världsklass och specialiserade forskningsmiljöer.
Foto: Amina ManzoorTestpromo 1 Om medarbetarportalen
Medarbetarportalen vänder sig till dig som är anställd eller anknuten till Karolinska Institutet. Här ska du kunna hitta det du behöver för att på ett smidigt lösa arbetsuppgifter och få information om vad som händer på universitet.
Foto: Amina ManzoorTestpromo 2 Utbildning
Drömmer du om ett yrke inom vård, medicin och hälsa? Eller vill du vidareutbilda dig? Bli doktorand och forska? KI har Sveriges bredaste utbud av medicinska utbildningar på grund- och avancerad nivå.
Foto: Sunny_mjxTestpromo 3 Om Karolinska Institutet
Karolinska Institutet är ett av världens ledande medicinska universitet.
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