För att skriva CSS-kod använder man sig av olika kommandon. Ett exempel på hur man kan skriva kod för att ändra textfärg kan vara:

Save this PDF as:
 WORD  PNG  TXT  JPG

Storlek: px
Starta visningen från sidan:

Download "För att skriva CSS-kod använder man sig av olika kommandon. Ett exempel på hur man kan skriva kod för att ändra textfärg kan vara:"

Transkript

1 Hemsida CSS Introduktion till Cascading Style Sheets (CSS) Detta är en mycket kort genomgång av CSS med exempel på hur sådan kod ska läsas och hur den kan användas på IdrottOnline-sidor. Är man ute efter en grundligare genomgång finns det kurser man kan gå och andra guider som går att hitta gratis på internet. Hur CSS kan nyttjas på er hemsida På er hemsida har ni säkerligen olika boxar med olika innehåll, allt från nyheter till viktig information och inlägg om olika evenemang. Likaså har ni en menyrad där ni kan navigera er runt. Genom att använda sig av de inbyggda redigeringsverktygen kan ni välja om alla rubriker ska vara röda, alla länkar blå eller bakgrundsfärgen vit. Verktygen vi har slår då igenom på alla rubriker. Det kan underlätta en del och ge en enhetlig design. Men ibland kanske man önskar att man kunde ändra om designen på sidan lite mer i detalj. Då är det bra att känna till hur man kodar i CSS. Exempel på vad man kan ändra för utseende med CSS: Textfärg Textstorlek Textstil Typsnitt Bakgrundsfärg Hur skriver man en CSS-kod, och var? För att skriva CSS-kod använder man sig av olika kommandon. Ett exempel på hur man kan skriva kod för att ändra textfärg kan vara: body { color: #FF0000; Vad betyder då den koden? Vi går igenom det steg för steg: body Detta specificerar vilket element vi vill ändra på. I detta fall allt inom <body></body>-taggarna. Detta kallas väljaren (selector). { Här öppnar man blocket där alla inställningar för body-elementet ska ligga. color: Här specificerar vi vilken egenskap vi vill ändra på. 1

2 #FF0000 Det här är hexkoden för röd färg. De två första tecknen är för rött, de nästa två för grönt och de två sista för blått. RGB. Hexkod innebär hexadecimal kod, alltså istället för att gå från 0-9 så finns siffrorna (och bokstäverna) 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Det decimala värdet (i bas 10) för bokstäverna är 10, 11, 12, 13, 14 och 15. Alltså ställer vi in det maximala (FF) för rött och ingenting (00) för grönt och blått. Det finns också fördefinierade färger som man kan använda då skriver man bara t.ex. color: blue; istället för hexkoden. ; Raden avslutas. Man måste ha med ett semikolon i slutet av varje rad för att skriva korrekt kod. Man behöver inte bara göra en inställning per block som i det här exemplet. Blocket med inställningar för body-elementet avslutas. Härefter kan man påbörja ett nytt block för ett annat element. För att skriva din kod kan du använda dig av olika editorer, t.ex. Notepad++. Ett program som finns för installerat på de flesta datorer är Anteckningar. När du har skrivit din kod sparar du den med.css på slutet. Exempelvis: idrottonline.css eller designhemsida.css. Dessa filer läggs sedan in under huvudssidans designflik i redigeraläget i IdrottOnline. Selectors I det tidigare exemplet valde vi ett element, body-element, vilket är ett ganska speciellt element eftersom det bara kan finnas ett per sida och nästan alla synliga HTML-element ligger inom body-elementet. Om vi skulle använda oss av koden från det tidigare visade exemplet, skulle det slå igenom för all text på hemsidan och den skulle bli röd det vill säga, om vi inte gör ett annat kommando som är mer specifikt. En mer specifik selector. För element som återkommer flera gånger likt ett div-element med olika egenskaper, kan det vara viktigt att skilja dem åt. Vi kanske har skrivit i bodyn att texten ska vara röd. Om vi då använder oss av en selector som väljer ut endast alla nyhetsboxar och säger att texten i vår nyhetsbox ska vara grön, kommer texten i vår nyhetsbox ändras till grön. Resten av texten förblir röd. För att skilja element åt kan man göra på två sätt: Man ger sina element antingen en klass eller ett id. Skillnaden på dessa är att det är tänkt att ett id ska vara unikt det ska alltså bara finnas ett element med varje id medan det får finnas många av samma klass. Att ge element en klass/och eller ett id gör man när man skriver html-kod, alltså inte i CSSkod. <div class= LitenBox>innehåll</div> Koden ovan ger div-elementet klass LitenBox. Det innebär att man tilldelar div-elementet alla egenskaper som finns i de block som har en selector som väljer ut klassen LitenBox. 2

3 .LitenBox { width: 260px; height: 100px; color: #00FF00; Vi specificerar att det är en klass vi väljer ut genom punkten innan klassnamnet. ID specificeras genom en # istället för punkt..rubrik { text-decoration: underline; Ett element kan ha flera klasser, man tilldelar elementet flera klasser genom att skriva ett mellanrum mellan namnen för klasserna. Så om vi skriver ett div-element såhär: <div class= LitenBox Rubrik >Innehåll</div> kommer egenskaperna från båda klasserna att gälla. Konflikter mellan inställningar Vad händer då om det blir konflikter mellan egenskaperna? En klass som säger att texten ska vara röd medan en annan säger att texten ska vara blå. Detta är något man ofta stöter på när man försöker ändra på redan existerande element på IdrottOnline-sidor, eftersom det redan finns CSSmallar som är inbyggda i systemet. Om flera egenskaper krockar genereras inget felmeddelande, istället finns det vissa regler som bestämmer vilken egenskap som väljs. Högst prioritet får den egenskap som har!important efter sig. Näst högst prioritet har inställningarna som ligget direkt i html-koden med hjälp av style -attributet. Efter det blir det krångligare. Ju specifikare selectorn är desto högre prioritet, och id väger tyngre än klass som väger tyngre än element. Om två selectorer är exakt lika specifika gäller den som läses in sist av webbläsaren..litenbox.rubrik { text-decoration: line-through; 3

4 Egenskaperna ovan gäller för element med både klassen LitenBox och Rubrik. De elementen med båda klasser kommer alltså få texten genomstruken. Hade den däremot haft endast klassen Rubrik, hade texten varit understruken. I exemplet var selectorn skriven utan mellanslag mellan klasserna, men vad hade blivit annorlunda om den istället sett ut såhär?.litenbox.rubrik { text-decoration: underline; Svaret är att den, istället för att specificera ett element som har båda klasserna, hade pekat ut element av klassen Rubrik som ligger i element av klassen LitenBox. I html-koden skulle det se ut såhär: <div class= LitenBox ><div class= Rubrik ></div></div> Prioriteringsnivån på innehåll i Rubrik ser då ut som:.litenbox.rubrik har högst prioritering.rubrik har näst högst prioritering.litenbox har lägst prioritering Hur hittar jag vad de befintliga elementen heter/har för klass? Om man vill ändra på ett befintligt element på hemsidan så behöver man ta reda på vad och hur elementet är definierat. Detta kan göras på olika sätt med olika webbläsare, men i Google Chrome så kan man göra på det här sättet: Högerklicka på sidan där elementet du vill ändra på ligger. Välj Granska komponent (om du är inloggad på IdrottOnline så är högerklicksmenyn ersatt av en blå meny, du kan avaktivera denna genom menyalternativet och sedan högerklicka igen). 4

5 När du gjort det så kommer du direkt till källkoden för det området du klickade på i en flik till höger av webbläsaren. När du håller musen över en bit av koden så markeras det motsvarande elementet på hemsidan med blått. Klickar du på ett element i koden så får du också se vilka stil-inställningar som gäller för elementet (rutan med grön ram i bilden). I det här exemplet kan du också se att de konflikterande inställningarna som inte gäller är genomstrukna. 5

6 I exemplet på bilden granskar vi elementet NewsListBoxIntroDiv, och vi ser att det inte finns någon mer specifik selector än en som väljer just den klassen. Om vi vill att boxar av den klassen ska ha grön text och vara av bredden 100 pixlar kan vi alltså göra en CSS-mall som ser ut så här:.newslistboxintrodiv { color: #00FF00; width: 100px; Eftersom vi specificerar width här och vi kan se att det redan finns specificerat så kommer det bli en konflikt. Men eftersom vår läses in sist och är lika specifik som den existerande selectorn så kommer våra inställningar att gälla. I denna bild kan ni se resultatet: 6

Övning 1 Vi börjar med en vanlig html-fil där html används för både innehåll och utseende:

Övning 1 Vi börjar med en vanlig html-fil där html används för både innehåll och utseende: Uppsala universitet Institutionen för utbildning, kultur och medier IKT A HT 2009 Monica Langerth Zetterman 2009-09-23 Testa stilmallar Övning 1 Vi börjar med en vanlig html-fil där html används för både

Läs mer

Att styla webbsidor. Nivå. Uppgiften

Att styla webbsidor. Nivå. Uppgiften Nivå 2 Att styla webbsidor All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register your club.

Läs mer

Instruktion för att slutföra registreringen

Instruktion för att slutföra registreringen Instruktion för att slutföra registreringen Introduktion Vi antar i den här instruktionen att du redan har registrerat sig. Du kan också ha klickat på aktiveringslänken i mailet. Vi använder ett fiktivt

Läs mer

Övning (X)HTML 2. Sidan 1 av 7 2010-11-11

Övning (X)HTML 2. Sidan 1 av 7 2010-11-11 Sidan 1 av 7 2010-11-11 Övning (X)HTML 2 Innan du börjar med laborationen ska du se till så att du har öppnat din editor (till exempel Notepad++). I denna editor ska du skriva (X)HTML-kod som du sedan

Läs mer

Komma igång med Eventor

Komma igång med Eventor Guide Eventor Komma igång med Eventor Version 2.0, 2013-10-07 Starta med startsidan På Eventors startsida finns en kortare guide över hur du skaffar användarkonto och hur du loggar in. Börja med den för

Läs mer

Routerinställning. Denna guide tar dig genom de enkla steg som behövs för att ställa in routern så den fungerar trådlöst.

Routerinställning. Denna guide tar dig genom de enkla steg som behövs för att ställa in routern så den fungerar trådlöst. Routerinställning Denna guide tar dig genom de enkla steg som behövs för att ställa in routern så den fungerar trådlöst. Om frågor uppstår efter att du använt denna guide så går det bra att maila fibergruppen.

Läs mer

Innehållsförteckning. Manual WebCT

Innehållsförteckning. Manual WebCT Innehållsförteckning Introduktion. 3 Inloggning 4 Översiktssida...5 Lösenordsbyte..6 Kursens startsida..8 Kalender...9 Webblektion 10 Diskussionsforum...11 Privat post.. 14 Chatt...16 Meny 2007 2 Introduktion

Läs mer

Uppdaterad: 2014-03-18. Lathund. Nyheter och nyhetslista

Uppdaterad: 2014-03-18. Lathund. Nyheter och nyhetslista Uppdaterad: 2014-03-18 Lathund Nyheter och nyhetslista 1 1 Innehållsförteckning Inledning 3 Nyheter 4 Nyhetslista 4 Dela nyhetslistor med andra organisationer eller arbetsrum 6 Skapa en nyhetslista till

Läs mer

E-post för nybörjare

E-post för nybörjare E-post för nybörjare Innehåll: Inledning 1 E-post 2 Att skapa ett e-postkonto 3 Skicka och ta emot e-post 5 Övningar 7 Söderköpings stadsbibliotek sep. 2012 2 Inledning Välkommen till Nyfiken på nätet

Läs mer

Lathund. Skolverkets behörighetssystem för e-tjänster. Rollen huvudman

Lathund. Skolverkets behörighetssystem för e-tjänster. Rollen huvudman Lathund Skolverkets behörighetssystem för e-tjänster Rollen huvudman Postadress: 106 20 Stockholm Besöksadress: Fleminggatan 14 Telefon: 08-527 332 00 vx Fax: 08-24 44 20 skolverket@skolverket.se www.skolverket.se

Läs mer

Föreningarnas nya sidmall. Version 4, 12.4.2016

Föreningarnas nya sidmall. Version 4, 12.4.2016 Föreningarnas nya sidmall Version 4, 12.4.2016 Innehållsförteckning Föreningarnas nya sidmall... 1 Introduktion... 3 Sammanfattning... 3 Sidmallar och sidornas uppbyggnad... 4 Gamla sidmallen... 4 Nya

Läs mer

CSS-övningar. 1. Grunder

CSS-övningar. 1. Grunder CSS-övningar 1. Grunder CSS Testa stilmallar Klasser Elementen div och span Ärvda egenskaper Mer om typsnitt, marginaler och mått Textdekor Fristående CSS -fil Attributet style Prioritetsordning hos stilelement

Läs mer

WEBBUTVECKLING CSS. Formatmallar - CSS

WEBBUTVECKLING CSS. Formatmallar - CSS betyder Cascading Style Sheets, vilket i svensk översättning blir ungefär formatmallar (inte riktigt, men nästan...). Anledningen till att man använder är att det är ett lätt sätt att skilja utseende och

Läs mer

Låt eleverna öva på att dra slutsatser om textens handling genom att leta ledtrådar i texten.

Låt eleverna öva på att dra slutsatser om textens handling genom att leta ledtrådar i texten. Till läraren om kopieringsunderlag: Ledtrådar och bevis Låt eleverna öva på att dra slutsatser om textens handling genom att leta ledtrådar i texten. 1. De börjar med att titta på rubriker och bilder.

Läs mer

Labbrapport: HTML och CSS

Labbrapport: HTML och CSS Labbrapport: HTML och CSS Utförd av: Natalie Olmosse Mailadress: natalie.olmosse@gmail.com Datum: 2015 12 18 Kursansvarig: Karin Fahlquist Övriga lärare: Ulrik Söderström Första inlämningen Resultat (Godkänd/Retur):

Läs mer

Stilbyggar-manual. Logga in. Vad betyder knapparna? Välj stil & Duplicera

Stilbyggar-manual. Logga in. Vad betyder knapparna? Välj stil & Duplicera Stilbyggar-manual Logga in Börja med att logga in på Digistoff. Skriv in adressen för föreningens hemsida, och lägg till /loggain på slutet av adressen. Exempel: trevapplingen.nsu.webbhuset.fi/loggain

Läs mer

Introduktion. Markera den gröna bocken. Skriv in URL:en http://www.ipoint.se. Klicka på knappen Platser.

Introduktion. Markera den gröna bocken. Skriv in URL:en http://www.ipoint.se. Klicka på knappen Platser. LATHUND Introduktion Välkommen till vår interaktiva kursportal. Detta är en lathund för dig som ska utbilda dig med hjälp av ipoint-kurser. Instruktionerna gäller när du använder Internet Explorer 8.0

Läs mer

Switch Driver 5. Programvara för Radio Switch, JoyBox och JoyCable. Sensory Software

Switch Driver 5. Programvara för Radio Switch, JoyBox och JoyCable. Sensory Software Switch Driver 5 Programvara för Radio Switch, JoyBox och JoyCable. Sensory Software Innehållsförteckning Att använda programvaran Switch Driver... 3 Installera programvaran Switch Driver... 4 Kontaktanslutning...

Läs mer

Handledning för redigering av lagsidor.

Handledning för redigering av lagsidor. Handledning för redigering av lagsidor. Hela sidan redigeras online vilket innebär att man sitter uppkopplad mot en server och utför sina kommandon. Kör igång webbläsaren och skriv in adressen: http://www.ronn.se/itw/

Läs mer

Lathund för webbredaktörer. Så skriver du på webben

Lathund för webbredaktörer. Så skriver du på webben Lathund för webbredaktörer Så skriver du på webben 1 Disposition En bra struktur kännetecknas av att det är enkelt för besökaren att förstå var den hittar det den letar efter. Oavsett om det handlar om

Läs mer

Fortnox. För att aktivera bokföring genom Fortnox för er förening finns dessa krav:

Fortnox. För att aktivera bokföring genom Fortnox för er förening finns dessa krav: Krav Fortnox För att aktivera bokföring genom Fortnox för er förening finns dessa krav: Föreningen ska ha en ordförande och en kassör registrerad i IdrottOnline, båda två personerna måste ha en e-postadress

Läs mer

Användarmanual flexconnect.se Administratör

Användarmanual flexconnect.se Administratör Användarmanual flexconnect.se Administratör Innehållsförteckning 1 HJÄLP TILL TDC MOBILFLEX CONNECT (ADMINISTRATÖR)... 3 2 TELEFONBOK... 3 3 FÖRETAGSINFORMATION... 4 4 LÄGGA TILL EXTRA FÄLT TILL PROFILER...

Läs mer

Användarmanual för Hemsida

Användarmanual för Hemsida Användarmanual för Hemsida Sida 1 av 44 Inledning Detta dokument är en användarmanual för redigerbara hemsidor utvecklade av. Du kan själv, i ett wordliknande gränssnitt, enkelt uppdatera din egen hemsida

Läs mer

SmiNet 2 Manual Webanmälan

SmiNet 2 Manual Webanmälan SmiNet 2 Manual Webanmälan SmiNet2 Manual 2005-06-14 Introduktion - Sidan 2 av 15 INTRODUKTION TILL WEB-GRÄNSSNITTET... 3 ANVÄNDARE/MÅLGRUPPER... 3 TILLGÅNG TILL SIDAN... 4 INLOGGNING TILL WEB-SIDAN...

Läs mer

Guide till Lidingö stads app (Netpublicator) för digitala nämndhandlingar

Guide till Lidingö stads app (Netpublicator) för digitala nämndhandlingar 1 (7) 2014-04-01 Guide till Lidingö stads app (Netpublicator) för digitala nämndhandlingar Det här är en guide till de olika funktionerna i Netpublicator. I appen Netpublicator finns en mer ingående lathund

Läs mer

Manual Behörighetsadministratör

Manual Behörighetsadministratör Manual Behörighetsadministratör Stöd och behandling version 1.4 Stockholm, 2015-11-23 Innehåll 1. Inledning... 3 1.1. Stöd och behandling... 3 1.2. Roller och Behörigheter... 3 1.3. Förutsättningar för

Läs mer

Lathund för överföring av rapporter och ljudfiler

Lathund för överföring av rapporter och ljudfiler Lathund för överföring av rapporter och ljudfiler I den här lathunden finns detaljerade instruktioner om hur du gör för att skicka rapporter och ljudfiler till din handledare. Först kommer en beskrivning

Läs mer

Delmoment 2: Skapa nyhetsmallen (om det inte redan finns en nyhetsmall)

Delmoment 2: Skapa nyhetsmallen (om det inte redan finns en nyhetsmall) Lathund Nyheter SiteVision har en inbyggd nyhetsfunktion. Den kan bland annat sättas upp för att visa en artikel på flera olika ställen på webbplatsen, tex som en notis på startsidan eller som ett arkiv

Läs mer

PÄRMEN.SE LATHUND ARKIV. Telefonsupport: 019-205460 E-Post: support@parmen.se. Utgåva 1.0

PÄRMEN.SE LATHUND ARKIV. Telefonsupport: 019-205460 E-Post: support@parmen.se. Utgåva 1.0 PÄRMEN.SE LATHUND ARKIV Telefonsupport: 019-205460 E-Post: support@parmen.se Utgåva 1.0 Hur kommer jag igång?... 3 Välkommen till Pärmen.se... 3 Internet Explorer... 3 IKEA Arkiv... 3 Hur kommer jag in

Läs mer

LATHUND PA-WEBBEN KOMPETENSSÖKNING. Version 1. 2010-08-12. Sida 1 av 7

LATHUND PA-WEBBEN KOMPETENSSÖKNING. Version 1. 2010-08-12. Sida 1 av 7 LATHUND PA-WEBBEN KOMPETENSSÖKNING Version. 200-08-2 Sida av 7 INTRODUKTION... 3 KOMPETENSSÖKNING... 3 SÖKNING - SÖKNING PÅ ORGANISATIONSNIVÅ... 3 SÖKNING 2- SÖKNING MED HJÄLP AV KOMPETENSNIVÅER... 5 KOMPETENSKNAPPEN...

Läs mer

Användarmanual HOIF.org

Användarmanual HOIF.org Användarmanual HOIF.org HOIF.org 2013-05-21 37 sidor Användarmanual för HOIF.org Introduktion Det här är en manual till alla användare på hemsidan HOIF.org Hur får jag ett användarkonto? För att kunna

Läs mer

Manual för att registrera i Kvalitetsregister PsykosR 2014-05-21

Manual för att registrera i Kvalitetsregister PsykosR 2014-05-21 Manual för att registrera i Kvalitetsregister PsykosR 2014-05-21 1 Förutsättningar För att logga in behöver du: 1. Ett giltigt SITHS-kort (Tjänste-ID) 2. En dator med kortläsare 3. Vara upplagd som användare

Läs mer

Guide för pdf-formulär

Guide för pdf-formulär Guide för pdf-formulär Innehållsförteckning Rätt programvara... 3 Instruktion för automatiskt formulär... 3 Steg 1 Mall till pdf-format via Word... 3 Alternativt steg 1 Mall till pdf-format via Acrobat...

Läs mer

Elisabeth Bejefalk IT-Assistent Avesta kommun

Elisabeth Bejefalk IT-Assistent Avesta kommun Elisabeth Bejefalk IT-Assistent Avesta kommun Du ska nu få lära dig hur du enkelt kan göra ett bildspel i PowerPoint. Utifrån det du snart har lärt dig kan du sen göra mer avancerade bildspel genom att

Läs mer

Referens till. WeavePoint 6 Mini

Referens till. WeavePoint 6 Mini Referens till WeavePoint 6 Mini Arkiv Öppna Välj Arkiv Öppna eller klicka på snabbknappen Öppna för att komma till dialogrutan Öppna. Du kan öppna ett av de senaste mönstren du arbetat med genom att klicka

Läs mer

En handledning för studerande på Högskolan Kristianstad

En handledning för studerande på Högskolan Kristianstad Använda kurskonferenser i FirstClass En handledning för studerande på Åsa Kronkvist, augusti 2005 Innehåll Introduktion...3 Webbklient eller FirstClassklient?...3 Allt ligger online...3 Hitta rätt...4

Läs mer

Tänk på att logga in! Använd ditt citrixinlogg.

Tänk på att logga in! Använd ditt citrixinlogg. Tänk på att logga in! Använd ditt citrixinlogg. Då ser du nyheter som är riktade till Vård- och omsorgsförvaltningen. Dessutom ser du nyheter som gäller ditt område eller din enhet. Så här! I mittenspalten

Läs mer

19. Skriva ut statistik

19. Skriva ut statistik 19. Skiva ut statistik version 2006-05-10 19.1 19. Skriva ut statistik Den här dokumentationen beskriver hur man skriver ut statistik från SPFs medlemsregister via Internet. Observera att bilderna är exempel

Läs mer

Blogga med wordpress. Lina Tannerfalk Wiberg

Blogga med wordpress. Lina Tannerfalk Wiberg Blogga med wordpress Lina Tannerfalk Wiberg Blogga med Wordpress Varför blogga i skolan? - öka antalet mottagare för elevernas arbete. - förmågan att kommunicera tränas och utvecklas. - otaliga användningsområden,

Läs mer

07/12/2015. Stilmallar. - styra utseendet av webbplatsen DEL 1. Karin Fahlquist. index.html. iecept.html frukt.html grönsaker.html

07/12/2015. Stilmallar. - styra utseendet av webbplatsen DEL 1. Karin Fahlquist. index.html. iecept.html frukt.html grönsaker.html Stilmallar - styra utseendet av webbplatsen DEL 1 Karin Fahlquist index.html iecept.html frukt.html grönsaker.html 1 Samma kod olika utseende Olika exempel om layout: http://www.csszengarden.com/ Utseende

Läs mer

Handledning Miljömanualen på webben

Handledning Miljömanualen på webben Handledning Miljömanualen på webben Välkommen till Miljömanualen på webben. Det här dokumentet beskriver hur man använder Miljömanualen. Inloggning Börja med att logga in i avsedda fält uppe till höger

Läs mer

Sellport.se. Sellport.se PORTALEN FÖR SÄLJVERKTYG OCH SÄLJUTBILDNING. Sellport.se

Sellport.se. Sellport.se PORTALEN FÖR SÄLJVERKTYG OCH SÄLJUTBILDNING. Sellport.se Sellport.se Sellport.se PORTALEN FÖR SÄLJVERKTYG OCH SÄLJUTBILDNING. Sellport.se skapar en samlingsplats på nätet som underlättar för försäljningschefer och säljare att hitta bland de bästa säljverktygen

Läs mer

Att använda laget.se

Att använda laget.se 2012 Att använda laget.se för ungdomsledare i MSSK Dokumentet är framtaget för att hjälpa till att förenkla användningen av lagens webbsidor. Har du förslag på ändringar eller ser felaktigheter kan du

Läs mer

Import av utlandsresultat

Import av utlandsresultat Import av utlandsresultat Att importera utlandsresultat till Eventor kräver en del arbete av löparen men kan automatiseras till stor del. Här beskrivs dels hur utlandsresultat hanteras och hur man kan

Läs mer

Skapa en webbplats med WordPress

Skapa en webbplats med WordPress Skapa en webbplats med WordPress Daniel Karlsson 2016-01- 26 Licens Creative Commons Attribution- NonCommercial 2.0 Du får fritt sprida, redigera och kopiera guiden, men ej för ekonomisk vinning och endast

Läs mer

Lathund Web Help Desk

Lathund Web Help Desk Lathund Web Help Desk Placering och Avdelning är information som automatiskt hämtas från vår katalogtjänst LDAP, rör ej! F: Hur blir jag tekniker på ett ärende? S: Klicka på Välj-knappen (gubben) längst

Läs mer

Redovisa i e-möten via Adobe Connect

Redovisa i e-möten via Adobe Connect Guide för studenter Eva Pärt-Enander, Uppsala Learning Lab, 2011-09-01 Redovisa i e-möten via Adobe Connect Detta dokument är till dig som är student i en kurs där man behöver redovisa uppgifter i e- möten

Läs mer

Administration - Skapa och administrera användare. Din roll som administratör 1. Meny och huvudfunktioner 2-4. Skapa en användare...

Administration - Skapa och administrera användare. Din roll som administratör 1. Meny och huvudfunktioner 2-4. Skapa en användare... myschenker.se Administration - Skapa och administrera användare Din roll som administratör 1 Meny och huvudfunktioner 2-4 Skapa en användare.... 5-8 Lägga till/ta bort kundnummer och e-tjänster för användare..

Läs mer

Inledning. Att bli medlem

Inledning. Att bli medlem - Inledning Nedan följer en instruktion om hur man blir medlem på Vreta-Ytternäs hemsida och sedan en instruktion om hur man loggar in. Innan man kan logga in måste man registrera sig som medlem. Anledningen

Läs mer

ADAD-net. Användarmanual INDIVIDEN. Råbe och Kobberstad Februari 2010

ADAD-net. Användarmanual INDIVIDEN. Råbe och Kobberstad Februari 2010 ADAD-net Användarmanual INDIVIDEN Råbe och Kobberstad Februari 2010 1 INNEHÅLLSFÖRTECKNING INNEHÅLLSFÖRTECKNING... 1 INLOGGNING OCH BEHÖRIGHETER... 2 STARTA PROGRAMMET OCH LOGGA IN... 2 BEHÖRIGHETSSYSTEM...

Läs mer

Migrera till Word 2010

Migrera till Word 2010 I den här guiden Microsoft Microsoft Word 2010 skiljer sig rent utseendemässigt mycket, så vi har skapat den här guiden för att hjälpa dig att snabbare lära dig programmet. Här kan du läsa om de viktigaste

Läs mer

Logga in. Elevöversikt. Kolumner. Godkänna. Urval. Hantera inflytt och byte. Sök. Familjebild. Utskriftsrutin Om pengen

Logga in. Elevöversikt. Kolumner. Godkänna. Urval. Hantera inflytt och byte. Sök. Familjebild. Utskriftsrutin Om pengen 2014-03-04 Logga in Glömt lösenord Uppdatera lösenordet Kolumner Lägga till, ta bort och ändra ordning Spara egna kolumnval Urval Excelformat Välja antal barn som visas Sök Söka med filter Familjebild

Läs mer

SNABBGUIDE TILL NEWSDESK

SNABBGUIDE TILL NEWSDESK SNABBGUIDE TILL NEWSDESK Kom igång snabbt och enkelt 1 Om Newsdesk... 1.1 Så här går det till... 1.2 Informationen kan du få på olika sätt... 2 Vad kostar det?... 2.1 Registrera dig... 3 Inloggning...

Läs mer

Guide för Google Cloud Print

Guide för Google Cloud Print Guide för Google Cloud Print Version 0 SWE Definitioner av symboler Följande symboler används i hela bruksanvisningen: Det här indikerar att det finns en förklaring till hur du hanterar en viss situation

Läs mer

Clicker 5. Lathund kring de vanligaste och mest grundläggande funktionerna för att komma igång med Clicker. Habilitering & Hjälpmedel

Clicker 5. Lathund kring de vanligaste och mest grundläggande funktionerna för att komma igång med Clicker. Habilitering & Hjälpmedel Clicker 5 Lathund kring de vanligaste och mest grundläggande funktionerna för att komma igång med Clicker. Habilitering & Hjälpmedel Vad är Clicker 5? Clicker 5 är ett stöd till personer i behov av extra

Läs mer

Manual Nedladdningsbara klienten NLK

Manual Nedladdningsbara klienten NLK Manual Nedladdningsbara klienten NLK www.bildtelefoni.net Direktlänk: www.tolk.sip.nu Copyright 2015 bildtelefoni.net Fokus på tillgänglighet Med Nedladdningsbara klienten, NLK, kan alla som har behov

Läs mer

ViTex snabbguide. 1. Inläsning till ViTex från scanner eller PDF Läs in text via scanner Läs in text från en JPEG-bild eller ett PDF-dokument

ViTex snabbguide. 1. Inläsning till ViTex från scanner eller PDF Läs in text via scanner Läs in text från en JPEG-bild eller ett PDF-dokument ViTex snabbguide 1. Inläsning till ViTex från scanner eller PDF Läs in text via scanner Läs in text från en JPEG-bild eller ett PDF-dokument 2. Uppläsning i ViTex Ikoner för uppläsning Läs upp enstaka

Läs mer

Användarmanual för nya funktioner

Användarmanual för nya funktioner Användarmanual för nya funktioner 070201 Innehåll 1 Introduktion 2 2 Uppdateringar per 2006-06-15 3-5 3 Uppdateringar per 2007-02-01 6 1 Introduktion Detta är en användarmanual för nya funktioner i din

Läs mer

Uppdaterad 2015-02-05. Ansök om LOK-stöd med närvaroregistrering

Uppdaterad 2015-02-05. Ansök om LOK-stöd med närvaroregistrering Uppdaterad 2015-02-05 Ansök om LOK-stöd med närvaroregistrering Inledning... 4 Utbildning... 4 Specialidrottsförbundens och distriktens hemsidor... 4 Information... 4 Manualer... 4 Operativsystem och webbläsare...

Läs mer

Läs detta innan du fortsätter, eller skriv ut det, klicka runt lite och läs samtidigt.

Läs detta innan du fortsätter, eller skriv ut det, klicka runt lite och läs samtidigt. Bruksanvisning Installera CubeBiz... 2 Välj språk... 2 När du vill köra testversionen i 15 dagar... 3 När du köper en CubeBiz-licens... 3 Registrera en giltig licensnyckel... 3 Starta ett nytt projekt...

Läs mer

Valet 2010 på facebook!

Valet 2010 på facebook! Valet 2010 på facebook! Är det inte en valseger jag ser där borta? Tips från SAP:s IT grupp i Helsingborg Bakgrund Hösten 2009 bildade vi en arbetsgrupp där vi diskuterade hur IT kan gagna oss i valet

Läs mer

Dela, samarbeta, byt. Bruksanvisning för administratörer

Dela, samarbeta, byt. Bruksanvisning för administratörer Dela, samarbeta, byt Bruksanvisning för administratörer När du har skapat en användare och valt lösenord, samt bekräftat e-post meddelandet blir du inloggad på en sida med bland annat detta gulmarkerade

Läs mer

Manual för administration av Stängda Länkar i BoxOffice

Manual för administration av Stängda Länkar i BoxOffice Manual för administration av Stängda Länkar i BoxOffice VP Direct Stängda länkar Användningsområde En försäljningslänk som kan användas för områden nedan: Pre- sale Special pris Riktad försäljning Unika

Läs mer

Några övningar att göra

Några övningar att göra Några övningar att göra Dagens kort Du ber om ett kort som kan vägleda och hjälpa dig genom dagen. Kortet beskriver hur du kan förhålla dig till dagen eller om du ska tänka på något speciellt idag. Drar

Läs mer

Användarinstruktioner för FLC Fresenius Learning Center

Användarinstruktioner för FLC Fresenius Learning Center Användarinstruktioner för FLC Fresenius Learning Center Var finns Fresenius Learning Center på webben? Skriv in adressen: https://learning.fresenius.com/fmc/ext_se i din webbläsare. Har du gjort rätt får

Läs mer

Instruktion för L-100 IF:s kartpärm

Instruktion för L-100 IF:s kartpärm Instruktion för L-100 IF:s kartpärm Rev PA2b 2014-05-27 I L-100 IF:s kartpärm på http://www.andli.com/doma kan du lägga upp dina kartor och hur du sprang så att alla kan se dem. Här beskrivs hur du publicerar

Läs mer

Användarhandledning Rapportgenerator Version: 1.1

Användarhandledning Rapportgenerator Version: 1.1 Användarhandledning Rapportgenerator Version: 1.1 Umefast AB 2008 www.umefast.se Innehåll 1. Rapportgenerator... 2 1.1. Syfte och avgränsningar... 2 1.2. Wizards... 2 1.3. Förutsättningar för arbete med

Läs mer

Dok. nr: SLLIT-ANS-200201-005. Beskrivning för registrering inom ATj

Dok. nr: SLLIT-ANS-200201-005. Beskrivning för registrering inom ATj Dok. nr: SLLIT-ANS-200201-005 Beskrivning för registrering inom ATj Innehållsförteckning 1 Revision... 3 2 Allmänt Bakgrund... 3 3 Syfte... 3 4 Omfattning... 3 5 Steg för steg guide... 4 5.1 Administrationsgränssnittet

Läs mer

Lektion 2 - CSS. CSS - Fortsätt så här

Lektion 2 - CSS. CSS - Fortsätt så här Lektion 2 - CSS I den här lektionen behandlas HTML och CSS. Det förutsätts att lektion 1 är gjord, eller att du har tillräckliga kunskaper i grundläggande HTML för att klara den här lektionen. CSS - Fortsätt

Läs mer

IdrottOnline-appen Du kan installera appen från Google Play store för Android och Appstore för iphone. Sök på IdrottOnline så bör den komma fram.

IdrottOnline-appen Du kan installera appen från Google Play store för Android och Appstore för iphone. Sök på IdrottOnline så bör den komma fram. IdrottOnline-appen Du kan installera appen från Google Play store för Android och Appstore för iphone. Sök på IdrottOnline så bör den komma fram. Logga in och välj organisation När du sedan startar upp

Läs mer

Catharina Wramfors BFC Tekniksektionen Lund. Vid problem med KundRad kontakta RSIT tel: 077-67 30 000

Catharina Wramfors BFC Tekniksektionen Lund. Vid problem med KundRad kontakta RSIT tel: 077-67 30 000 Manual KundRad Webb Datum: 2009-04-14 Skapad av: Catharina Wramfors BFC Tekniksektionen Lund Vid problem med KundRad kontakta RSIT tel: 077-67 30 000 Innehåll: Inloggning och Ansökan om access. (användarkonto)

Läs mer

En grundkurs i hemsidor och hur de är uppbyggda

En grundkurs i hemsidor och hur de är uppbyggda En grundkurs i hemsidor och hur de är uppbyggda Den här artikeln tänkte väldigt grundligt gå igenom koncepten kring en hemsida och hur den är uppbyggt, för att ge dig grundkunskap att bygga vidare på och

Läs mer

ANVÄNDARMANUAL HUR INSTALLERA JAG MOBILEPASS PÅ MIN TELEFON ELLER WINDOWS DATOR

ANVÄNDARMANUAL HUR INSTALLERA JAG MOBILEPASS PÅ MIN TELEFON ELLER WINDOWS DATOR ANVÄNDARMANUAL HUR INSTALLERA JAG MOBILEPASS PÅ MIN TELEFON ELLER WINDOWS DATOR Dokumentet beskriver hur anställda på Region Halland, samt externa samarbetspartners, installera sin MobilePASS app. Utfärdat

Läs mer

Valet 2010 på facebook!

Valet 2010 på facebook! Ursäkta mig, hur kommer jag till Sosserian? Informationssidor från SAP it Helsingborg - 2010 Valet 2010 på facebook! Är det inte en valseger jag ser där borta? Informationssidor från SAP it Helsingborg

Läs mer

Kommentarer utbildning föreningar. Närvarokort. Grundföreskrifter. För sent inkommen ansökan

Kommentarer utbildning föreningar. Närvarokort. Grundföreskrifter. För sent inkommen ansökan Kommentarer utbildning föreningar Bild 5 Närvarokort - Närvarokorten (manuella eller digitala i IdrottOnline) är föreningens värdehandling och grunden för LOK-stödsansökan. - Föreningen måste vara noga

Läs mer

Vad tycker du om sfi?

Vad tycker du om sfi? Oktober 2012 Vad tycker du om sfi? Skolverket gör under hösten en stor undersökning om vad elever tycker om sin utbildning. Det är första gången undersökningen görs och resultatet kommer att användas till

Läs mer

IPS Handledning 2016-06-02

IPS Handledning 2016-06-02 Hur man får tillgång till IPS webb-utbildning Introduktion till processäkerhet! Åtgärd nr 1 Registrera företaget (samma för högskolor) 1.1 Registrera ditt företag för utbildningen på SSG:s hemsida www.ssg.se.

Läs mer

Section Divider. Skapa nytt utskick

Section Divider. Skapa nytt utskick Section Divider Skapa nytt utskick Skapa nytt utskick Gå till Connect och välj Skapa utskick. Välj typ av information Först väljer vilket språk ditt utskick är skrivet på. Den bransch som är inställd för

Läs mer

Välkommen till kommunens Lärportal. - Användarhanledning till dig som vårdnadshavare

Välkommen till kommunens Lärportal. - Användarhanledning till dig som vårdnadshavare Välkommen till kommunens Lärportal - Användarhanledning till dig som vårdnadshavare Ansökan om konto för vårdnadshavare 1. Skriv in www.edwise.se i webbläsarens adressfönster 2. Välj länken för att ansöka

Läs mer

Webbdesign Process till produkt

Webbdesign Process till produkt Webbdesign Process till produkt Umeå Universitet Mediaproduktion för www II 7,5hp Isak Madoun Introduktion; VÅR-KOKBOK Är en kokbok som i sin första upplgaga kom ut på 50-talet. Boken innehåller mer av

Läs mer

Extra inställningar i Mozilla Thunderbird

Extra inställningar i Mozilla Thunderbird Extra inställningar i Mozilla Thunderbird Mozilla Thunderbird kan användas för att läsa E-post i den universtitetsgemensamma e- postlösningen via protokollet IMAP. Det ger endast till gång till E-post

Läs mer

Guide till hur jag ansöker i Idrottslyftet 2014 till projekt: Damhockeysymposium

Guide till hur jag ansöker i Idrottslyftet 2014 till projekt: Damhockeysymposium Guide till hur jag ansöker i Idrottslyftet 2014 till projekt: Damhockeysymposium 1. Logga in på föreningens sida i IdrottOnline genom att klicka på hänglåset i högra hörnet (se bild), så måste du skriva

Läs mer

Laborationer i kursmomentet Datoranvändning E1. Laboration nr 5: Mer om FrameMaker

Laborationer i kursmomentet Datoranvändning E1. Laboration nr 5: Mer om FrameMaker Sid 1 Laborationer i kursmomentet Datoranvändning E1 http://www.etek.chalmers.se/~hallgren/eda/ : Mer om FrameMaker 1996, 1997 Magnus Bondesson 1998 och 99-09-22 Thomas Hallgren 1 Introduktion I Laboration

Läs mer

Arbeta med bilder på bloggen Sida 1 av 7

Arbeta med bilder på bloggen Sida 1 av 7 Arbeta med bilder på bloggen Sida 1 av 7 Infoga, redigera och ta bort bilder på bloggen En webbsida bäddar inte in en bild i sidan som många andra program, till exempel Word. Alla bilder och bildobjekt

Läs mer

Diagram. I detta kapitel lär du dig: m Diagrammets beståndsdelar. m Att skapa både inbäddat diagram och diagramblad. m Att ändra diagramform.

Diagram. I detta kapitel lär du dig: m Diagrammets beståndsdelar. m Att skapa både inbäddat diagram och diagramblad. m Att ändra diagramform. 1 Diagram Med diagram kan du presentera information på ett effektivt sätt. Eftersom datan visas grafiskt så kan betraktaren ta till sig mycket information på en gång. Microsoft Excel har ett kraftfullt

Läs mer

ProReNata Journal. Snabbstart

ProReNata Journal. Snabbstart ProReNata Journal Snabbstart 1 av 8 Välkommen till ProReNata Journal! Vi har lagt ner stor möda på att det här systemet ska bli ett tillförlitligt och enkelt verktyg som hjälper dig i din vardag. Den här

Läs mer

Så här fungerar registreringen i Malmö stads Odlingsslottskö

Så här fungerar registreringen i Malmö stads Odlingsslottskö 1 Så här fungerar registreringen i Malmö stads Odlingsslottskö Det är givetvis kostnadsfritt att stå i Malmö stads odlingslottskö. Steg 1: Registrera dig som ny kund och skapa en sökprofil För att kunna

Läs mer

ORDLISTA WEBBDESIGN 100P

ORDLISTA WEBBDESIGN 100P ORDLISTA WEBBDESIGN 100P HTML- TAGGAR M.M. (DE BLÅFÄRGADE ORDEN ÄR OLIKA ATTRIBUT SOM HÖR TILL DE OLIKA TAGGARNA.) HTML Står för Hyper Text Markup Language och är en uppsättning markeringskoder.

Läs mer

WINDOWS 8.1. Grunder

WINDOWS 8.1. Grunder WINDOWS 8.1 Grunder EXCEL 2013 Grunder INLEDNING Mål och förkunskaper...5 Pedagogiken...5 Hämta övningsfiler...6 1 INTRODUKTION TILL WINDOWS Grundläggande om operativsystem...7 Starta och avsluta Windows

Läs mer

Adobe. Dreamweaver CS3. Grundkurs. www.databok.se

Adobe. Dreamweaver CS3. Grundkurs. www.databok.se Adobe Dreamweaver CS3 Grundkurs www.databok.se Innehållsförteckning 1 Arbetsmiljön... 1 Användningsområde... 1 Starta Dreamweaver... 2 Arbeta i Dreamweaver... 2 Fönster... 3 Statusfältet... 4 Menyer...

Läs mer

Uppdaterad: 2014-05-07. Lathund. Varukorgen avgifter

Uppdaterad: 2014-05-07. Lathund. Varukorgen avgifter Uppdaterad: 2014-05-07 Lathund Varukorgen avgifter 1 1 Skriv ej ut manualen! För att alltid ha aktuell information och slippa dyra utskriftskostnader ber vi dig att ladda hem manualen som en PDF från vår

Läs mer

Uppdaterad: 2013-11-04. Lathund. Varukorgen avgifter

Uppdaterad: 2013-11-04. Lathund. Varukorgen avgifter Uppdaterad: 2013-11-04 Lathund Varukorgen avgifter 1 1 Skriv ej ut manualen! För att alltid ha aktuell information och slippa dyra utskriftskostnader ber vi dig att ladda hem manualen som en PDF från vår

Läs mer

Uppdaterad 2011-05-31. Enkel manual tävlingsanmälan i friidrottens nya IT- system.

Uppdaterad 2011-05-31. Enkel manual tävlingsanmälan i friidrottens nya IT- system. Enkel manual tävlingsanmälan i friidrottens nya IT- system. Anmälan i FRIDA Innan du börjar. För att kunna anmälas till en tävling i FRIDA måste man finnas med i medlemsregistret i IdrottOnline. Om du

Läs mer

Innehåll. 1 Dokumentbeskrivning 3. 2 Användarinformation 3. 3 Installations anvisning 5. 3.1 Starta upp enheten 5

Innehåll. 1 Dokumentbeskrivning 3. 2 Användarinformation 3. 3 Installations anvisning 5. 3.1 Starta upp enheten 5 Version: 1.1 1 Innehåll 1 Dokumentbeskrivning 3 2 Användarinformation 3 3 Installations anvisning 5 3.1 Starta upp enheten 5 3.2 Sätta skärmlåskod 8 3.3 Skapa Google konto 10 3.4 Installera Mobileiron

Läs mer

Föreläsning 4. CSS Stilmallar för webben

Föreläsning 4. CSS Stilmallar för webben Föreläsning 4 CSS Stilmallar för webben Innehåll 1. CSS, vad är det? 2. Repetition av HTML-element 3. CSS, hur, var, när? 4. CSS & arv? CSS Cascading Style Sheet Same, same, but different Samma innehåll

Läs mer

Handledning Historiska Kartor

Handledning Historiska Kartor 1 av 16 Innehållsförteckning Innehållsförteckning... 1 Historiska Kartor... 2 1 Allmänt... 2 2 Sökning i Historiska Kartor... 3 2.1 Sökning via karta... 3 2.2 Avancerad sökning... 5 2.3 Söktips... 9 3

Läs mer

www.idrottonline.se IdrottOnline Klubb - en del av svenskidrott IdrottOnline Klubb tilläggsmanual

www.idrottonline.se IdrottOnline Klubb - en del av svenskidrott IdrottOnline Klubb tilläggsmanual IdrottOnline Klubb tilläggsmanual version 1.2 Bild & dokumenthantering Svenskidrott har sedan 1994 långsiktigt satsat på IT för att utveckla information och kommunikationsvägarna mellan förening och förbund.

Läs mer

Manual Introduktionskurs SiteVision

Manual Introduktionskurs SiteVision Manual Introduktionskurs SiteVision sidan 1 Manual Introduktionskurs SiteVision 20141125 Version 3 Innehållsförteckning Logga in 2 Redigera text 3 Om bilder på ale.se 6 Lägga till en bild 7 Lägga till

Läs mer

Lumbago - Förord. Välkommen till Journalprogrammet Lumbago.

Lumbago - Förord. Välkommen till Journalprogrammet Lumbago. Lumbago - Förord Välkommen till Journalprogrammet Lumbago. Vår förhoppning är att du ska få mer tid över för dina patienter och att du ska ha nytta av alla de effektiva funktioner som Lumbago erbjuder.

Läs mer

Mer om Outlook. Extratexter till kapitel 4 Mejla. I avsnittet lär du dig: vad Outlook idag är och kan användas till

Mer om Outlook. Extratexter till kapitel 4 Mejla. I avsnittet lär du dig: vad Outlook idag är och kan användas till B Mer om Outlook Extratexter till kapitel Mejla B 8 I avsnittet lär du dig: vad Outlook idag är och kan användas till hur Kalendern är uppbyggd och fungerar att använda funktionen Uppgifter hur du kan

Läs mer