Uppdaterad Lathund hemsida

Transkript

1 Uppdaterad Lathund hemsida

2 Innehållsförteckning Inledning 4 Hemsida 5 Rätt behörighet och roll 5-6 Sidtypsbeskrivning 6 Redigerarläge 7 Vanliga fel 7 Strukturträdet 8 Redigera innehåll på en sida 8 Lägg till undersidor 9 Navigera mellan flikarna 9 Återgå till hemsidan utan att se strukturen 10 Beskrivning av kortkommandon 10 ImageVault 11 Ladda upp fil 12 Snabbuppladda bildalbum 16 Beskrivning kortkommandon via högerklick 18 Skapa en ny mapp 22 Rekommendera bildstorlekar 24 Layout 25 Egen logga 26 Roterande bilder 26 Meny layout 27 Design 28 Responsive Version Annonser 31 Dölj vänstermenyn 31 Lägg in roterande album på toppen av sidan 32 Boxinställningar 34 Boxinställningar med krisbox 36 Ytan ovanför boxarna 37 Anslagstavlan 39 Youtube film 42 Facebook gilla knapp 44 Twitterflöde kommer snart

3 Egen Fav-ikon 48 Avpublicering av sidan 49 Beslutsstöd 50 Medlemsansökan 52 Skapa medlemsansökan 52 Formulär 55 Skapa formulär 55 Bildhantering 62 Infoga bild 62 Infoga dokument 63 Redigera bilder 65 Imagemap 68 Snabbuppladda bild 70 Roterande bilder i box på startsidan 71 Bild i nyhet på startsidan 72 Bild i nyhetslista 72 Film eller bildspel 73 Fotografens namn under toppbild 74 Skapa en gästbok 76 Ta bort/ändra inlägg 77 Se IP-nummer 77 FAQ - Frågor och svarsida 78 Skapa egen text till er 404-sida 80 Resultat och tabeller över föreningens matcher 81 Skapa en resultatsida bred 81 Sortera matcher

4 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 hemsida när du behöver den. Då har du alltid den senaste versionen till hands. Inledning IdrottOnline är idrottens verktyg för kommunikation och administration. IdrottOnline ägs och utvecklas av Riksidrottsförbundet, RF. Webbplatsen baseras på webbpubliceringsverktyget EPiServer, ett enkelt och flexibelt verktyg som är marknadsledande i Norden. Den grundversion föreningarna erbjuds innehåller standardfunktioner i EPiServer och är helt kostnadsfri. Två versioner av IdrottOnline förbund Förbunden har möjlighet att välja mellan två versioner av lösning för hemsida och administration, IdrottOnline förbund standard och IdrottOnline förbund anpassad. Båda varianterna har samma bas. Skillnaden är att förbundet med en anpassad version får en egen driftmiljö med möjlighet att vidareutveckla och anpassa systemet efter sitt eget behov. Med en anpassad version kommer inte uppdateringar av IdrottOnline ske automatiskt utan detta måste hanteras av det aktuella förbundet. Kostnad IdrottOnline är alltid helt kostnadsfritt för alla föreningar och förbund. Utbildning SISU Idrottsutbildarna erbjuder introduktionsutbildningar för IdrottOnline i varje distrikt. I tillägg till det utarbetas en lärgruppsplan som kan laddas hem, antingen från SISU Idrottsutbildarnas hemsida, eller under fliken Utbildning på Manualer Denna manual innehåller funktioner som finns inom IdrottOnline. Använd innehållsförteckningen för att länkas till rätt område och läs mer. För lathundar ber vi dig besöka vårt manualbibliotek på Operativsystem och webbläsare Administration av IdrottOnline sker bäst i PC-miljö och med webbläsare Internet Explorer 10, Firefox och Google Chrome. Hjälp och support På finns Support. Där har vi samlat all information och hjälp du som användare av IdrottOnline kan behöva. Där hittar du frågor och svar samt alla manualer för respektive avdelning. Supporten hjälper dagligen till att besvara dina frågor via mail helpdesk@rf.se. Beskriv noggrant ditt ärende och ange alltid vilken organisation du tillhör. Telefontid Torsdagar Telefonnummer:

5 HEMSIDA Rätt behörighet och roll De roller och behörigheter som ger tillgång till redigerarläge är HUVUDADMINISTRATÖR, ADMINISTRATÖR HEMSIDA, REDAKTÖR HEMSIDA Nedan beskrivs skillnaden: Huvudadministratör Lägga ut egna nyheter Skapa kalender aktiviteter Ändra färger och layout på sidan Skapa nyhetsbrev Skicka nyhetsbrev Hantera mottagarlistor till nyhetsbrev Förkunskaper som behövs för att kunna arbeta i redigerarläge är ImageVault. Läs noga manualen med samma namn. Sidtyper som Huvudadministratör hemsida kan skapa: Arbetsrumslista Arkiv FAQ Föreningsinfo Föreningsstruktur Gästbok Kalender 2.0 Medlemsansökan Mötesplatskoppling Nyhetsbrev Nyhetsbrevsanmälan Nyhetslista Sök förening Vanlig webbsida Vanlig webbsida bred Administratör hemsida Lägga ut egna nyheter Skapa kalender aktiviteter Ändra färger och layout på sidan Skapa nyhetsbrev Sidtyper som Administratör hemsida kan skapa: Arbetsrumslista Arkiv FAQ Gästbok Kalender 2.0 Medlemsansökan Mötesplatskoppling Nyhetsbrev Nyhetsbrevsanmälan Nyhetslista Vanlig webbsida Vanlig webbsida bred 5 5

6 Redaktör hemsida Lägga ut egna nyheter Skapa kalender aktivitet Sidtyper som Redaktör hemsida kan skapa: Arkiv FAQ Gästbok Kalender 2.0 Medlemsansökan Mötesplatskoppling Nyhetsbrev Nyhetsbrevsanmälan Vanlig webbsida Vanlig webbsida bred Utöka Redaktör hemsida genom att lägga till Redaktör nyhetsbrev. Redaktör nyhetsbrev ger inte tillgång till redigerarläge utan måste kombineras med Redaktör Hemsida. Redaktör nyhetsbrev Skicka skapade nyhetsbrev Se leveransrapporter och statistik Redigera skapade nyhetsbrev Sidtypsbeskrivning ARBETSRUMSLISTA: MEDIEARKIV: FAQ: FÖRENINGSINFO: FÖRENINGSSTRUKTUR: GÄSTBOK: KALENDER 2.0: MEDLEMSANSÖKAN: MÖTESPLATSKOPPLING: NYHETSBREV: NYHETSBREVSANMÄLAN: NYHETSLISTA: VANLIG WEBBSIDA: VANLIG WEBBSIDA BRED: Sidan skapas under startsidan och behövs för att kunna skapa ett arbetsrum Visa bilder och dokument i tumnaglar Sidan utformas så att svaren döjs och öppnas upp vid intresse Klubbens information och adressuppgifter En karta över er föreningsuppbyggnad Inlägg kan postas och trådar skapas. En ny kalender utöver den som finns med vid start kan skapas Ett formulär som nya besökare kan fylla i för att ansöka om medlemskap Forum för IdrottOnlines alla användare. En mall för er förenings egna nyhetsbrev Sidan läggs förslagsvis i menyn. Besökare kan anmäla sig till er mottagarlista Under denna sida skapas egna nyheter Sida för att skapa information En bredare variant av ovan 6 6 6

7 Redigerarläge Om du har rätt behörighet ser du en länk direkt när du loggat in på sidan. REDIGERALÄGE. Klicka på länken för att komma in bakom kulisserna. VANLIGA FEL Jag har inte redigerarläge. Lösning: Kontakta din förenings huvudadministratör och be denne se över dina roller och behörigheter. Du behöver vara Administratör Hemsida eller Redaktör Hemsida för att se Redigerarläge. Du ser nu hemsidans layout i ett mindre fönster till höger. TILL VÄNSTER SER DU STRUKTURTRÄDET. Det är hemsidans uppbyggnad och där du skapar nya sidor som ska finnas på sidan. 7 7

8 Strukturträdet Den sidan som är markerad i strukturträdet är den som syns i fönstret till höger. Redigera innehåll på sida För att ändra eller lägga till innehåll på en sida markerar du den i strukturen och klickar på REDIGERA

9 Lägg till undersidor För att skapa undersidor till en sidtyp i strukturen markera sidan och HÖGERKLICKA. Välj ny sida i dialogrutan. Sidan sparas under den sidtyp där du skapat sidan. Du kommer åt den genom att klicka på + framför sidtypen. Navigera mellan flikarna Klicka på respektive flik för att komma åt dessa funktioner 9 9

10 Återgå till hemsidan utan att se strukturen För att se sidan utan strukturen klicka på HEMSIDA eller VISA HEMSIDAN. Beskrivning av kortkommandon Ny sida- Det skapas en ny sida under den sidan som du markerat. Du väljer här i menyn vilken slags sidtyp du vill skapa. Se tidigare beskriving. Vissa sidtyper gå endast att skapas under utvalda rubriker. Du ser endast de sidtyper som går att skapa under respektive rubrik. Redigera- Du skickas direkt till redigerarläge. Ta bort- Du tar bort markerad sida. Kalender och Arbetsrum går ej att ta bort av någon i föreningen. Kontakta helpdesk@rf.se och ange sidansid samt placering på sidan. Klipp ut- Om du vill flytta en sida från ett ställe i strukturen till ett annat. Kopiera- Om du vill göra en dubblett av denna sida. Klistra in- När du klippt ut en sida väljer du att klistra in när du markerat vart i strukturen du vill placera sidan. Lägg till favorit- Är det en sida som du arbetar mycket med och som ligger långt in i strukturen kan du markera den som en favorit. Du hittar då dessa sidor snabbt och enkelt under fliken Favoriter

11 IMAGEVAULT För att kunna göra de ändringar och uppdateringar som du önskar på er sida så behöver du veta vad ImageVault är och används till. En beskrivning av de verktyget hittar du här. Roll Huvudadministratör, Redaktör Hemsida, Administratör Hemsida För att få åtkomst till ImageVault loggar du in och klickar på REDIGERARLÄGE. KLICKA PÅ IMAGEVAULT OCH ÖPPNA IMAGEVAULT. ImageVault är det verktyg som används för att hantera och förvara bilder och dokument som ska användas på sidan. Det är härifrån som bilder, album och dokument hämtas när du väljer att infoga eller ladda upp en bild på sidan. Du måste först alltid ladda upp önskade bilder och filer från din dator eller kamera för att välja vilken mapp i ImageVault som du vill förvara dem i innan du kan infoga dem på önskad plats på sidan. Det syns lätt hur många bilder, dokument och filer som finns i respektive mapp. Utrymme i ImageVault: 1000 mb Det är även lätt att hitta det du söker om det är sparat under rätt kategori. När du i senare skede klickar på Browse/Bläddra från hemsidan så är det hit till ImageVault som du öppnar dörren. När du laddar upp en fil i ImageVault öppnas dörren till din dators mappar och filer

12 Ladda upp fil Max 4 bilder/dokument KLICKA PÅ LADDA UPP FIL KLICKA PÅ BROWSE/BLÄDDRA. Dörren till din dator öppnas och du kan välja från de mapparna du har där vilka bilder/dokument du vill föra över till ImageVault mapparna. Välj en och Öppna. Klicka sedan på Nästa

13 Nu ska du välja i vilken mapp du vill lägga denna bild/dokument. Klicka på + tecknet till vänster om Root. Klicka på + tecknet framför önskad idrott (om ni har fler) Nu ser du de mappar du kan välja att lägga din bild/dokument i. Klicka på önskat album. Nästa. SKRIV IN METADATA. NÄSTA. Metadata är namnet på fotograf eller författare som syns under bilden eller dokumentet när du infogar det på sidan. Välj kategori, om du vill att detta dokument/bild ska kunna ses från hemsidan i arkivet, detta betyder att de som besöker sidan kan se bilderna i ett bild och dokumentarkiv som finns tillgängligt där, om inte lämna rutan tom. SPARA. Bilden är nu sparad i den mapp du valde under Root

14 LADDA UPP FLER ÄN 4 BILDER SAMTIDIGT Klicka på LADDA UPP FIL. Klicka på + tecknet för att ladda upp en eller flera filer. Välj från din dator vilka bilder/dokument som du vill infoga i ImageVault. ÖPPNA

15 Tips! För att markera flera filer samtidigt håller du ner Ctrl medans du klickar på filerna med musen När alla filer är valda klicka på NÄSTA. Filerna Laddas upp. KLICKA PÅ + TECKNET FRAMFÖR ROOT och välj vilken mapp bilden/dokumentet ska sparas i. NÄSTA. Skriv in Metadata. Nästa

16 Välj nu kategori, om du vill att detta dokument/bild ska kunna ses från hemsidan i arkivet, detta betyder att de som besöker sidan kan se bilderna i ett bild och dokumentarkiv som finns tillgängligt där, om inte lämna rutan tom. SPARA. Bilden är nu sparad i den mapp du valde under Root. För att stänga dialogrutan med Root mapparna klicka bara på x:et i översta högra hörnet! Snabbuppladda bildalbum Vi kommer även under sektionen bildhantering visa ett snabbt sätt att ladda upp bilder. Snabbuppladda bild. Dessa bilder kommer då att sparas i albumet med samma namn

17 Vill du föra över dessa bilder till rätt album gör du så att du klickar på den bild som ska läggas i en annan mapp. Högerklicka på musen. Välj Ändra egenskaper. Klicka på den mapp dit du vill flytta bilden. NÄSTA

18 Beskrivning kortkommando via högerklick När du väljer att markera en bild i någon av mapparna och sedan högerklickar på musen kan du utföra vissa kortkommandon. EDITERA BILD Här kan du Ändra storlek, Konvertera bilden från GIF, JPEG och PNG samt bestämma bild kvalitet. Rotera bilden, Beskära den samt se Filinformation. Det är som ett mindre bildediterings verktyg. Efter önskad ändring klickar du på Ladda ner. Backa tillbaka genom att klicka på den blå pilen till höger på sidans övre högra hörn

19 VISA FIL Du ser här Titel på bilden samt vilket IID-nummer som lagt in bilden, vilket album den ligger i samt hur stor bilden är. En rad detaljerade egenskaper om bilden/dokumentet hittar du här. TA BORT FIL När du väljer att ta bort en fil så går den inte att återskapa. Se till att du har den sparad även på din dator om du vill behålla bilden/dokumentet 19 19

20 ÄNDRA EGENSKAPER Vill du flytta en bild/dokument från en mapp till en annan klickar du här. DU MARKERAR DEN MAPPEN DIT DU VILL ATT BILDEN SKA FLYTTAS TILL OCH KLICKAR PÅ NÄSTA. FYLL I METADATA NÄSTA. VÄLJ KATEGORI. SPARA. ÄNDRA ORGINAL Har du uppdaterat ett dokument som du även har länkat till är denna funktion väldigt bra. Det gör att dokumentet uppdateras på alla sidor samtidigt. KLICKA PÅ BLÄDDRA. HÄMTA DET NYA UPPDATERADE DOKUMENTET/BILDEN FRÅN DIN DATOR. ÖPPNA. LADDA UPP FIL. VERKSTÄLL

21 Stäng dialogrutan genom att klicka på x:et i det översta högra hörnet på sidan. VISA ANVÄNDNING Här ser du på vilka sidor som bilden/dokumentet används. LADDA NER FIL Vill du ladda ner bilden/dokumentet till din dator väljer du här vilket format du vill ladda ner bilden i. NÄSTA

22 VÄLJ ALLA Vill du markera alla bilder i den öppna mappen klickar du här. Du kan sedan välja att återigen högerklicka på musen och Ta bort filerna, Ändra egenskaperna på filerna, Välja alla eller Avaktivera menyn på alla samtidigt. AVAKTIVERA MENYN Klickar du här så väljer du att avaktivera funktionen högerklicka på musen. Alltså, om du utför detta kommando så kommer ingen dialogruta upp med dessa kortkommandon. För att vid avaktivering av dialogrutan återaktivera den så får du stänga ImageVault och sedan Öppna ImageVault. Skapa en ny mapp För att skapa en ny mapp i Root strukturen så MARKERAR DU ÖNSKAD MAPP DÄR DU VILL SKAPA EN UNDERMAPP. HÖGERKLICKA PÅ MUSEN OCH VÄLJ NYTT ALBUM

23 NAMNGE ALBUMET OCH KLICKA PÅ OK. ENKEL VY Här ser du bilder och dokument utan förklaring eller vidare information. Ifrån detta läge uppdaterar du orginal samt navigerar med hjälp av kortkommandon. UTÖKAD VY Här ser du vilken titel bilden har, storleken samt vilket format och vilken tidpunkt bilden laddades upp

24 DETALJERAD VY Här ser du bilderna i mindre format och den beskrivande detaljerade informationen följer efter. REKOMMENDERADE BILDSTORLEKAR Bildspel: GIF Bilder: JPEG Bilder med text: PNG Min profilbild: Boxbild: Topplogga: Nyhetsbilder: Bilder ovanför boxarna på startsidan: Anslagstavlan: Max 224 kb Format 127x127 Max bredd 511px Max 765 px Max 550x valfri höjd. Max 780x valfri höjd. Helt beroende på smak. Max 195 x valfri höjd

25 Layout Roll: Huvudadministratör eller Administratör hemsida Här går vi igenom hur du kan ändra layouten på sidan så att den speglar just er förening. När sidan är nyaktiverad har den ett standardutseende och det enda som visar att detta är er föreningssida är namnet överst på sidan. Det namnet som ni angav vid registrering och standardutsnittet går inte att radera. Lägger ni inte in någon egen logga eller bild istället så finns alltid detta typsnitt kvar. Det gråmarkerade fältet med ett stort kryss i indikerar att ni kan lägga in en bild här. Har ni synpunkter på namnet kontaktar ni helpdesk@rf.se och skriver NAMN i ämnesraden. Variationerna på hur du utformar sidan är stor, prova dig fram till önskad layout för just er förening. Besök någon av våra exempelföreningar nedan för inspiration. Alviks basket - Lunds BK - Ingarö IF - Craftstadens IBK - BK Mohican - Mariestads Tennisklubb - Clarebergs RK Ridsport - FÖRENINGSNAMNEN ÄR KLICKBARA! 25 25

26 Egen logga KLICKA PÅ STRUKTURFLIKEN. Markera startsidan i strukturträdet. KLICKA PÅ REDIGERA i huvudfältets överkant. KLICKA PÅ GRUNDINSTÄLLNINGAR. KLICKA PÅ HÄMTA FIL. Öppna upp den mappen där loggan är sparad. KLICKA PÅ INFOGA. Er sida har nu en egen designad topplogga. Roterande bilder Vill ni här istället ha flera bilder som ändras varje gång som du byter sida eller går in på sidan gör du som följer: Lämna Klubbens logotype blank. KLICKA PÅ KNAPPEN MED TRE PUNKTER I. Sök upp albumet som max ska innehålla 15 bilder som du vill ska varvas, VÄLJ ALBUM OCH INFOGA

27 Meny layout Du kan välja om du vill ha undermenyerna som RULLGARDINSMENY (1) ELLER VÄNSTER MENY (2) standard från start. Välj vilket alternativ du föredrar och följ anvisningen. 1. RULLGARDINSMENY Markera STARTSIDAN I STRUKTUREN, REDIGERA, GRUNDINSTÄLLNINGAR. En bit ner hittar du LAYOUT FÖR MENY. Välj TOPPMENY MED RULLGARDINSMENY OCH VÄNSTERMENY. SPARA OCH PUBLICERA. 2.VÄNSTER MENY Denna iställning är vald från start. Vill du ändra tillbaka till detta val efter att ha rullgardinsmeny klickar du i TOPPMENY OCH VÄNSTERMENY (STANDARD). SPARA OCH PUBLICERA

28 Design Du kan välja att ha en version av er Idrottonlinesida som är anpassad för andra enheter än datorer så som surfplattor och mobiltelefoner. Sidans layout ändras då beroende på vilken enhet man besöker sidan på. DETTA KALLAS RESPONSIV. Under fliken DESIGN ställer ni in responsiv versionen 2.0. Fr.o.m september 2013 kommer de nya funktionerna vi lanserar endast att utformas för Responsive 2.0 versionen. Gå därför över till den layouten innan dess. Har er förening använt en sida som helt är från IdrottOnlines mall kommer all information automatiskt att överföras och hamna i den nya designversionen 2.0. Har ni en egen CSS så sker inte denna överföring automatiskt utan er stilmall måste byggas om! Det samma gäller för underliggande befintliga arbetsrum. De måste manuellt ändras till version 2.0. Detta görs i arbetsrummets egna inställningar. Läs mer under rubriken Arbetsrum

29 Responsive Version 2.0 ALLA SIDOR MÅSTE GÅ ÖVER TILL DENNA VERSION INNAN ÅR 2014 Gör inställningarna i den ordning som de är numrerade. 1. GRUND. Klicka på pilen till vänster om Grundmenyn för att välja kontrast för brödtext. Välj mellan LJUS, MELLAN OCH MÖRK. Förhandsgranskning syns direkt till höger. 2. ANPASSA. VÄLJ FÄRG PÅ RUBRIK, LÄNKAR OCH BAKGRUND SAMT LÄGG IN EN BAKGRUNDSBILD OCH VÄLJ TYPSNITT FÖR RUBRIKER OCH BRÖDTEXT. Klicka på färgrutan till höger om det vita textfältet och ett spektra av andra färger syns. Klicka på den önskade färgen eller om du vet färgkoden till den önskade färgen du vill ha så skriver du in den direkt i textfältet. Du ser även här förhandsgranskningen direkt till höger

30 3. BAKGRUNDSBILD välj genom att klicka på en av de nio alternativen som finns från start. Sidan blir genast mer levande och du kan välja en bakgrund som representerar just er idrott bäst. Förhandsgranskning syns direkt till höger. Vill ni använda en egen bakgrundsbild. KLICKA PÅ PILEN FRAMFÖR LADDA UPP och bläddra bland era egna bilder i ImageVault. 4. TYPSNITT FÖR RUBRIKER OCH BRÖDTEXT Välj önskat typsnitt för rubriker genom att KLICKA PÅ PILEN TILL HÖGER I DET GRÅ FÄLTET. Listan med alternativ syns och du klickar här på det önskade typsnittet. Förhandsgranskning syns direkt i rutan till höger. När du gjort önskade inställningar och ändringar för din nya responsive version 2.0 sida, glöm ej att klicka på SPARA OCH PUBLICERA HÖGST UPP PÅ SIDAN. Spara och publicera eller Spara och Visa för att se om du är nöjd med färgvalet. Om du är det klicka på Klar för publicering. Publicera

31 Annonser Alla annonser hittas under en gömd meny längst ner på sidan som vi kallar AdBAR. Den är indelade i kategorier och anpassade för varje idrott och dess besökare. När du skrollar över menyn så visas annonserna. Föreningen finner här också de erbjudanden som idrottens avtalspartners ger föreningarna. Dölj vänstermenyn Under vanlig webbsida och vanlig webbsida bred kan du välja att dölja vänstermenyn om det inte finns några underliggande sidor. MARKERA SIDAN I STRUKTUREN, REDIGERA, INNEHÅLL

32 Skrolla ner och klicka i rutan DÖLJ VÄNSTERMENYN. SPARA OCH PUBLICERA. RESULTAT Lägg in roterande album på toppen av sidan Under sidtyperna går det att lägga in ett roterande bildalbum

33 BÖRJA MED ATT SKAPA ETT ALBUM MED MAX 15 BILDER I IMAGEVAULT. Se sid 11, klicka här! MARKERA SIDAN I STRUKTUREN. REDIGERA. INNEHÅLL. SKROLLA NER TILL VISA FLER EGENSKAPER. KLICKA PÅ PILEN. LÄGG TILL DET SKAPADE IMAGEVAULT ALBUMET GENOM ATT KLICKA PÅ... SPARA OCH PUBLICERA 33 33

34 Boxinställningar De stora boxarna med nr 1 i de mellersta alternativen går endast att ha nyheter i med undantag för krisboxen. Boxar är de rutor som startsidan är indelad i. Du bygger upp sidans utseende genom att välja hur boxarna ska vara placerade samt vad boxarna ska innehålla. När sidan är nyaktiverad så har den två boxar. Den ena innehåller Egna nyheter och den andra Nyheter från SF-Ert förbund. MARKERA STARTSIDAN I STRUKTUREN, REDIGERA, KLICKA PÅ BOXINSTÄLLNINGAR. VÄLJ DET ALTERNATIV SOM TILLTALAR DIG BÄST GENOM ATT KLICKA I CIRKELN FRAMFÖR ALTERNATIVET. Bestäm vilka boxhöjder du vill ha på respektive box

35 FASTA BOXHÖJDER- Boxarna kommer alltid att vara lika stora även om de innehåller olika mycket information. OLIKA BOXHÖJDER- Boxarna kommer att variera i längd. Maxhöjden vara 1500 pxl. Prova dig fram vad du tycker är snyggast. ALLA MINDRE BOXAR HAR RUBRIKER MEDAN DE STÖRRE INTE HAR RUBRIKER. SPARA OCH PUBLICERA

36 Boxalternativ med krisbox Väljer ni det senaste alternativet med 10 boxar så är Box 1 en så kallad Krisbox. Den används till att publicera akut och viktig information som ni inte vill att besökaren ska missa. Denna box går att klicka ner utav besökaren när den uppmärksammats. Vid detta alternativ så går det inte att lägga en nyhetslista i Box 1. Har man tidigare haft ett annat boxval och ändrar till detta så kommer ni behöva välja en annan box att placera nyhetslistan i

37 Ytan ovanför boxarna Vid nyaktiverad sida så syns texten Här kan du lägga in valfri bild eller text tydligt. Vill du inte ha varken text eller bild här gå in och radera den fasta texten. RADERA TEXTEN MARKERA STARTSIDAN I STRUKTUREN, REDIGERA, INNEHÅLL. RADERA TEXTEN. LÄGG IN EGEN TEXT MARKERA STARTSIDAN I STRUKTUREN, REDIGERA, INNEHÅLL. SKRIV IN ÖNSKAD TEXT. SPARA OCH PUBLICERA

38 BILD MARKERA STARTSIDAN I STRUKTUERN, REDIGERA, INNEHÅLL. Ställ markören i textfältet där du vill infoga bilden. Klicka på ImageVault symbolen i verktygsfältet. Du skickas nu till ImageVault där du kan hämta upp den önskade bilden. Spara och publicera

39 Anslagstavlan Detta är ytan som finns till höger på sidan. Den passar perfekt att lägga in loggor på era sponsorer eller lägga upp egna youtube-klipp eller facebook instick. Detta gör er sida lite mer levande. Lägger ni inte in något här så kommer denna yta vara samma färg som er valda bakgrundsfärg. Anslagstavlan följer med på de underliggande sidorna. SPONSORLOGGA I ANSLAGSTAVLAN MARKERA STARTSIDAN I STRUKTUREN, REDIGERA, GRUNDINSTÄLLNINGAR. SKROLLA NER TILL ANSLAGSTAVLA. Ställ markören där du vill infoga loggan. KLICKA PÅ IMAGEVAULT SYMBOLEN. HÄMTA UPP BILDEN FRÅN IMAGEVAULT

40 ANPASSA LOGGAN TILL ANSLAGSTAVLAN. NÄSTA. SLUTFÖR. SPARA OCH PUBLICERA. KLICKBAR LOGGA I ANSLAGSTAVLAN Vill du att loggorna ska vara klickbara så att personen kan skickas direkt till sponsorns hemsida? MARKERA DEN INFOGADE OCH SPARADE LOGGAN. KLICKA PÅ MERIDIUMLINK SYMBOLEN I VERKTYGSFÄLTET

41 FYLL I ÖPPNA I NYTT FÖNSTER. FYLL I MÅL. OK. SPARA OCH PUBLICERA

42 YOUTUBE FILM I ANSLAGSTAVLAN MARKERA STARTSIDA I STRUKTUREN, REDIGERA, GRUNDINSTÄLLNINGAR. SKROLLA NER TILL ANSLAGSTAVLA. SE TILL ATT HA URL KODEN TILL DE YOUTUBE-KLIPP SOM DU VILL INFOGA. Gå till SÖK FRAM ÖNSKAT FILMKLIPP. KLICKA PÅ DELA

43 Kopiera urlen som syns i webbläsarfältet. Ställ markören i textfältet i anslagstavlan där du vill infoga klippet, KLICKA PÅ INFOGA/REDI- GERA INBÄDDAD MEDIA SYMBOLEN. Välj Flash och skriv in URL koden till klippet i URL fältet. INFOGA. Testa dig fram till rätt propotioner 43 43

44 FACEBOOK GILLA KNAPP Först måste ni ha en Facebook sida. LOGGA IN DÄR OCH GÅ IN PÅ DEVELOPERS längst ner på sidan. GÅ TILL DOCS OCH SOCIAL PLUGINS. Där väljer du önskad knapp. Här i exemplet har vi valt Like Button. Fyll i den information de efterfrågar och klicka på GET CODE

45 VÄXLA TILL IFRAME OCH KOPIERA KODEN SOM SYNS. KLISTRA IN KODEN I HTML LÄGE PÅ DEN IDROTTONLINE SIDA DÄR DU VILL HA DEN OCH SPARA OCH PUBLICERA. RESULTAT

46

47 47 47

48 Egen Fav-ikon Fav-ikonen är den lilla symbol som syns i webbläsarfönstret framför adressen till sidan. För att lägga in er egen symbol här MARKERA STARTSIDAN I STRUKTUREN, REDIGERA, GRUNDINSTÄLLNINGAR. Skrolla till EGEN FAV-IKON KLICKA PÅ HÄMTA FIL. VÄLJ BILD OCH KLICKA PÅ SPARA OCH PUBLICERA. För att konvertera en bild till.icon format gå in på Spara bilden och ladda upp den i ImageVault. Bilden får max vara 16x16 pixlar och av formatet.icon Bilden får vara max 16x16 pxl och av formatet.icon Bilden får vara max 16x16 pixlar och av typen.ico

49 Avpublicering av sidan Använder er förening en egen domän med en egen hemsida och inte vill att er Idrottonline sida ska synas vid Google sökningar kan ni välja att avpublicera sidan. Ni kommer fortfarande att kunna logga in och använda sidan som medlemsregister. MARKERA STARTSIDAN I STRUKTUREN, REDIGERA, GRUNDINSTÄLLNINGAR. Skrolla längst ner på sidan och KLICKA I RUTAN VID ANVÄND EJ HEMSIDAN. Skrolla längst upp på sidan och SPARA OCH PUBLICERA

50 Beslutsstöd Under den här fliken kan alla medlemmar som har tillgång till inloggningsuppgifter se EN RAPPORT ÖVER FÖRENINGENS MEDLEMMAR, AKTIV I IDROTT SAMT LOK STÖD. Uppgifterna uppdateras med viss fördröjning direkt från medlemsregistret. IDROTT Är ni en fleridrottsförening så ändrar ni här mellan de olika idrotterna

51 RAPPORT Här växlar du mellan Personrapport och Verksamhetsrapport. BYT I RULLISTAN OCH KLICKA PÅ HÄMTA RAPPORT. EXPORTERA Exportera hämtad rapport till Excel, PDF eller Word dokument. Det är dessa siffror som ligger till underlag för SF bidraget. Beslutsstödets siffror utgår ifrån de uppgifter som är inlagda i ert IdrotttOnline register

52 Medlemsansökan Medlemsansökan är en sidtyp som finns med i strukturen från början när sidan är nystartad. Om sidan funnits en längre tid skapar ni själva denna sidtyp. Det är genom denna ansökan som besökare på er sida kan önska medlemskap i er förening. Uppgifterna går då direkt in i IdrottOnline efter godkännande av medlemskap. Skapa medlemsansökan MARKERA DEN SIDA I STRUKTUREN DÄR ANSÖKAN SKA VARA. Här i exemplet väljer vi att skapa den under startsidan. HÖGER KLICKA OCH VÄLJ NY SIDA. KLICKA PÅ SKAPA FRAMFÖR MEDLEMSANSÖKAN

53 Sidans innehåll är redan utformat men namn samt inledande text kan ni själva lägga in. NAMNGE ANSÖKAN. FYLL I INNEHÅLL. FYLL I BETALNINGSINFORMATION. VÄXLA TILL INSTÄLLNINGAR OCH MARKERA VISA SIDAN I MENYER. SPARA OCH PUBLICERA

54 RESULTATET BESÖKAREN HITTAR ANSÖKAN I MENYRADEN UNDER TOPPLOGGAN När en person ansökt om medlemskap skickas ett e-post till alla klubb- och huvudadministratörer i föreningen. Någon av dessa måsta gå in och godkänna medlemskapet innan personen är medlem på riktigt. Bestäm tillsammans vem av er som ska godkänna detta om ni är fler med denna roll i föreningen. SE SID 5, KLICKA HÄR!

55 Formulär Vill ni samla in svar eller anmälningar till ett sammanträffande eller av annan anledning skapa en formulärsida som era besökare kan besvara görs detta genom att skapa en sidtyp Formulär. Skapa formulär Markera den sidan i strukturen där formuläret ska finnas. HÖGER- KLICKA PÅ MUSEN OCH VÄLJ NY SIDA. Klicka på SKAPA framför FORMULÄR. Första gången när formuläret skapas ska ni bygga upp formuläret från start. Ni bestämmer vad formuläret ska innehålla samt vilka val som ska kunna göras

56 NAMNGE FORMULÄRET. Det är detta namn som besökarna ser när de går in på sidan. SKRIV EN INLEDANDE TEXT. KLICKA PÅ... KLICKA PÅ SKAPA. NU SKA DU SKAPA TABELL LAYOUTEN

57 NAMN PÅ FORMULÄRET. (Syns endast i strukturen och ej utåt.) Klicka i om FORMULÄRET SKA KUNNA SKICKAS UTAN ATT PERSONEN SOM SVARAR ÄR INLOGGAD PÅ SIDAN. KLICKA I OM PERSONEN SKA KUNNA SKICKA FORMULÄRET FLERA GÅNGER. FÖRSTORA FÖNSTRET KLICKA PÅ RUTAN TILL HÖGER

58 Skapa ytan där knapparna för val ska infogas. KLICKA PÅ INFOGA RAD. Rader läggs till efter varandra. I dessa rader ska du nu lägga till knappar eller textfält. Markera översta raden. KLICKA PÅ FORMULÄRFÄLT. Variationerna är oändliga. Se hur vi utformar formuläret i exemplet nedan och testa dig sedan fram vad du tycker ser bäst ut och passar er bäst. KLICKA PÅ TEXTFÄLT. FYLL I EGENSKAPERNA FÖR FÄLTET. INGA Å, Ä, Ö FÅR ANVÄNDAS I NAMNFÄLTET! BÅDE NAMN OCH LEDTEXT MÅSTE FYLLAS I. SPARA

59 Fortsätt att lägga till önskade knappar och fält tills alla val är inlagda. Skapa till sist en SKICKA KNAPP så att de som anmäler sig kan skicka formuläret. KLICKA PÅ KNAPP. TILL HÖGER VID EGENSKAP FÖR KNAPP STÄLLER DU IN VART SVAREN SKA SPARAS

60 Spara i databas betydet spara under fliken formulärfält. Ett tips är att välja sänd e-post och spara i databas. Då får du meddelande om när svar kommit in samt att det sparas i Idrottonline och går att söka upp. KLICKA PÅ SPARA. SPARA OCH STÄNG HÖGST UPP PÅ SIDAN. SKROLLA NER OCH KLICKA PÅ ANVÄND. SPARA OCH PUBLICERA

61 FORMULÄRDATA När någon svarat så syns detta här, om du valt att svaret ska sparas i databasen. KLICKA PÅ FORMULÄRET I STRUKTUREN. KLICKA PÅ FORMULÄRDATA. DET FÄRDIGA FORMULÄRET I VISALÄGE: 61 61

62 Bildhantering I detta avsnitt hittar du allt som har med bildhantering att göra. Det går att utföra varje funktion fristående från varandra och vi utgår från att du är inloggad och i Redigerarläge. Du bör ha läst ImageVault sid 186 Klicka här! instruktionerna innan du börjar att lägga in bilder. Roll: Huvudadministratör, Administratör hemsida, Redigera hemsida. När du nu ska infoga de bilder som du har sparat i ImageVault ska du använda en genvägssymbol som tar dig dit. Varje gång du infogar en bild (inte dokument) ställer du markören i fältet där bilden ska infogas och klickar på ImageVault symbolen. Du kliver in i ImageVault och får tillgång till de mappar och filer där du sparat dina bilder och album. IMAGEVAULT SYMBOLEN Infoga bild MARKERA SIDAN I STRUKTUREN, REDIGERA, INNEHÅLL. Ställ markören på önskat ställe i textfältet där du vill infoga bilden. KLICKA PÅ IMAGEVAULT. Välj från dina mappar den bilden som du vill infoga. Infoga. Välj vilken storlek du vill ha på bilden genom att klicka i önskat val. NÄSTA. SLUTFÖR. Bilden sitter på plats. SPARA OCH PUBLICERA

63 Infoga dokument MARKERA SIDAN I STRUKTUREN, REDIGERA, INNEHÅLL. Skriv in de ord som du vill ska vara klickbara och länka vidare till dokumentet. MARKERA ORDET OCH KLICKA PÅ MERIDIUMLINK. En dialogruta öppnas. Gör de inställningar som bestämmer hur dokumentet ska öppnas. Under rullistan MÅLRAM välj om dokumentet ska öppnas i HELA FÖNSTRET ELLER ÖPPNA I NYTT FÖNSTER. De övriga fälten under INFORMATION lämnas tomma

64 KLICKA PÅ FIL. IMAGEVAULTFIL. KLICKA PÅ IKONEN IMAGEVAULT TILL HÖGER OM TEXTRADEN. När du klickat på ImageVault ikonen skickas du till ImageVault där du går in i mappen DOKUMENT och hämta önskad fil. KLICKA PÅ INFOGA. När dokumentet ligger på plats klicka på OK. Den text du först skrev in är nu gulmarkerad vilket betyder att den är länkad. SPARA OCH PUBLICERA. När någon klickar på texten i visaläge kommer dokumentet att öppnas i ett nytt fönster

65 Redigera bilder Du kan redigera bilderna i samband med att du infogar dem eller i efterhand när bilden redan finns på plats. REDIGERA VID INFOGANDE Välj önskat format i listan. ANPASSA BILD SJÄLV VIA BILDVERKTYGET. Navigera mellan flikarna för att justera bilden. Du kan konvertera bildformatet från GIF till JEPG eller PNG. Ändra storleken samt rotera bilden. När justeringen är klar klicka på Infoga

66 ANSLAGSTAVLAN Detta format väljer du om du ska placera bilden i anslagstavlan till höger på sidan. Bildens storlek anpassas då så att den passar där. LITEN, MELLAN, STOR Bilderna infogas i olika storlekar. Prova dig fram och se vilket som tilltalar dig bäst. TOPPBILD Detta format är rektangulärt och anpassas för att infoga bilden i toppen av sidan

67 ORGINALFORMAT Bilden infogas i den storlek som den är uppladda i ImageVault. Klicka på INFOGA OCH SPARA OCH PUBLICERA när önskat format är valt. REDIGERA REDAN INFOGAD OCH PUBLICERAD BILD För att ändra en bild som redan är infogad och publicerad gå till sidans redigerarläge. MARKERA BILDEN. KLICKA PÅ IMAGEVAULT SYMBOLEN. NAVIGERA MELLAN FLIKARNA OCH JUSTERA BILDERN. INFOGA

68 Imagemap En markerad yta på en bild som är klickbar och en länkning till annan plats genom bilden är möjlig. MARKERA BILDEN. KLICKA PÅ IMAGEVAULT SYMBOLEN. KLICKA PÅ IMAGEMAP

69 Markera ett område i bilden genom att dra upp önskad yta med hjälp av muspekaren. FYLL I ÖNSKAD MÅLRAM SAMT VART LÄNKNINGEN SKA GÅ NÄR MAN KLICKAR PÅ BILDEN. OK. INFOGA. SPARA OCH PUBLICERA

70 Snabbuppladda bild Vill du infoga en bild som du inte har sparat i ImageVault kan du använda dig av funktionen SNABB- UPPLADDA BILD. Genom att klicka på den ikonen länkas du till din dators mappar och filer och kan där hämta önskad bild som du vill infoga. STÄLL MARKÖREN I TEXTFÄLTET DÄR DU VILL INFOGA DEN SNABBUPPLADDADE BILDEN, KLICKA PÅ IKONEN. BROWSE../BLÄDDRA..Välj önskad bild från din dator. ÖPPNA. KLICKA I VILKET FORMAT DU VILL LADDA UPP BILDEN I. INFOGA BILD. Dessa bilder kommer att sparas i en mapp i ImageVault som heter SNABBUPPLADDADE BILDER

71 Roterande bilder i box på startsidan KLICKA PÅ BOXINSTÄLLNINGAR. KLICKA PÅ RUTAN MED TRE PUNKTER. VÄLJ ETT ALBUM MED MAX 15 BILDER SOM SKA SKIFTA BILDER OCH KLICKA PÅ SPARA OCH PUBLICERA. ALBUMET MÅSTE VARA SKAPAT I IMAGEVAULT! Boxbilden måste vara tom

72 Bild i nyhet på startsidan Vill du i samband med ett nyhetsinlägg även lägga till en bild klickar du på HÄMTA FIL och väljer önskad bild som ska synas under nyhetsinlägget. SPARA OCH PUBLICERA. Bild i nyhetslista Markera AKTUELL NYHETSLISTA I STRUKTUREN, REDIGERA, INNEHÅLL. Ställ markören i INLEDANDE TEXT RUTAN. Klicka på IMAGEVAULT SYMBOLEN och VÄLJ ÖNSKAD BILD. INFOGA. SPARA OCH PUBLICERA

73 Film eller bildspel På vanlig webbsida, vanlig webbsida bred och nyhet kan ni lägga in en film istället för en toppbild. MARKERA SIDAN I STRUKTUREN, REDIGERA, INNEHÅLL. Under länken VISA FLER EGENSKAPER hittas alternativet ROTERANDE TOPPBILD OCH TOPPFILM. Välj något av dessa alternativ. Roterande toppbild KLICKA PÅ... Välj här ett färdigutformat album som innehåller de bilder som ska rotera i toppen. Max 15 bilder kommer att visas även om albumet innehåller fler bilder. SPARA OCH PUBLICERA. Toppfilm KLICKA PÅ INBÄDDAD MEDIA SYMBOLEN. Skriv in det URLet som går till den toppfilm ni vill visa i dialogrutan som dyker upp. INFOGA. SPARA OCH PUBLICERA

74 Fotografens namn under toppbild Genom att ange METADATA på bilden när den läggs in i ImageVault kan ni få FOTOGRAFENS NAMN SAMT BILDFÖRKLARING UNDER VARJE TOPPBILD. Fyll i BILDTEXT/BESKRIVNING SAMT FOTOGRAF/FÖRFATTARE. NÄSTA. SPARA. Uppgifterna syns då i publiceratläge under den infogade bilden. Om ingen bildtext är inlagd kommer en varningstext att synas när du ska publicera sidan där bilden är bifogad. För att lägga till detta på bilder som redan ligger i ImageVault går du in i ImageVault. ÖPPNA IMAGEVAULT. Sök fram bilden som du vill lägga till Fotograf samt Bildtext på genom att hitta rätt mapp där bilden ligger

75 MARKERA BILDEN OCH HÖGERKLICKA. VÄLJ ÄNDRA EGENSKAPER. KLICKA PÅ NÄSTA. LÄGG NU TILL BILDTEXT/BESKRIVNING SAMT FOTOGRAF/ FÖRFATTARE. NÄSTA. SPARA. FÖR ATT AVMARKERA/MARKERA VARNINGSTEXTEN GÅ IN UNDER STARTSIDANS GRUNDINSTÄLLNINGAR OCH SKROLLA LÄNGST NER PÅ SIDAN. KLICKA I JA ELLER NEJ VID AKTIVERA PÅMINNELSE OM BILDTEXT/FOTOGRAF TOPP- BILD.SPARA OCH PUBLICERA. Det går endast att få bildtext samt fotografens namn under toppbilder

76 Skapa en gästbok Ni kan skapa en sida som heter Gästbok. Här kan besökare och medlemmar skriva inlägg på valfritt ämne. För att skapa en sidtyp av typen gästbok MARKERAR DU STARTSIDAN I STRUKTU- REN, HÖGERKLICKA VÄLJ NY SIDA. KLICKA PÅ SKAPA FRAMFÖR GÄSTBOK. NAMNGE SIDAN. Det är denna text som kommer att synas i menyvalet för besökarna när de är inne på sidan. FYLL I EN INLEDANDE TEXT. Bestäm om den ska vara TILLGÄNGLIG FÖR ALLA ELLER ENDAST MEDLEMMAR. VÄXLA TILL INSTÄLLNINGAR OM DU VILL ATT SIDAN SKA SYNAS I MENYERNA OCH ANGE VILKEN SORTERINGSORDNING DU VILL HA. SPARA OCH PUBLICERA. Gästboken hamnar nu som en rubrik i menyn. Du hittar sidan under Låsta sidor i strukturen

77 Ta bort/ändra inlägg Klicka in i visaläge. Bocka för rutan vid de inlägg som du vill ta bort. KLICKA PÅ TA BORT MARKERADE. Se IP nummer Varje dator har sitt egna IP nummer. Det syns alltid under inlägget

78 FAQ - Frågor och svar sida Denna sidmall används när du vill skapa en sida för frågor och svar. MARKERA STARTSIDAN I STRUKTUREN, HÖGERKLICKA OCH VÄLJ NY SIDA. KLICKA PÅ SKAPA FRAMFÖR FAQ. Sidan hamnar nu i strukturen. MARKERA FAQ SIDAN OCH HÖGERKLICKA. KLICKA PÅ SKAPA FRAMFÖR FAQ-FRÅGA. NAMNGE FRÅGAN OCH FYLL I DEN FULLSTÄNDIGA FRÅGAN I TEXTRUTAN. FYLL I SVARET. SPARA OCH PUBLICERA

79 DU SKAPAR EN SIDA FÖR VARJE FRÅGA OCH SVAR. RESULTAT 79 79

80 Skapa egen text till er 404 sida Är det en sida som har blivit borttagen men fortfarande har en länk till sig så visas en 404-sida med ett felmeddelande. För att välja egen text: MARKERA STARTSIDAN I STRUKTUREN. REDIGERA. KLICKA PÅ INSTÄLLNINGAR. UNDER INNEHÅLL PÅ EGEN 404-SIDA SKRIVER NI IN DEN TEXT SOM NI ÖNSKAR VISA. SPARA OCH PUBLICERA

81 Resultat och tabeller över föreningens matcher Denna sidmall är en SF-specifik sidmall som visar resultat, tabeller och kommande matcher för klubben. Sidmallen kan endast användas på en sektions hemsida eller dess underliggande arbetsrum eftersom den är kopplad till en specifik idrott. Resultat visar alla serier som klubben har deltagande lag i uppdelade per säsong. Via denna sidmall kan du även få information om arena, match och se hela seriens spelprogram. Skapa en resultatsida bred MARKERA STARTSIDAN ELLER ARBETSRUMMET I STRUKTUREN. HÖGERKLICKA. NY SIDA. VÄLJ RESULTATSIDA BRED. NAMNGE SIDAN SAMT SKRIV EN INLEDANDE TEXT

82 VÄXLA TILL INSTÄLLNINGAR. VÄLJ OM SIDAN SKA SYNAS I TOPPMENYN. OM JAG KLICKA I RUTAN FRAMFÖR VISA SIDAN I MENYER. SPARA OCH PUBLICERA. Sidan skapas nu automatiskt och hamnar i strukturen. Sortera matcher I visaläge kan sortering via säsong, typ, spelarnivå och serie göras genom att ställa in rätt val i rullistan

83 FÖR ATT SE HELA SPELSCHEMAT KLICKA PÅ LÄNKEN MED SAMMA NAMN. FÖR ATT SE KONTAKTLISTA TILL PERSONER FÖR RESPEKTIVE FÖRENING KLICKA PÅ LÄNKEN KONTAKTLISTA. Det är endast vissa idrotter som har synkat sin resultatlista med IdrottOnline. Endast under dessa idrotter går det att skapa resultatsidan