CMS
CMS
E-HANDEL
E-HANDEL
FILER
ANVÄNDARE & RÄTTIGHETER
ANVÄNDARE & RÄTTIGHETER
NYHETSBREV
NYHETSBREV
SPRÅK
BLOGG & EVENT
INSTÄLLNINGAR
INSTÄLLNINGAR
HEM / INSTÄLLNINGAR / Typsnitt och färger / Editera typsnitt (standard)
När du skriver text på din webbplats så väljer du vilken sorts typsnitt du vill använda i en dropplist i texteditorn. Dessa typsnitt kan du själv editera. Du kan ändra och testa dig fram i lugn och ro. När du är nöjd så publicerar du ändringarna och fram till dess kommer dina besökaren inte kunna se att du editerar typsnitten.
Klicka på "CMS / sidor" i den svarta verktygslisten i sidhuvudet
Klicka på "Inställningar" i menyn som fälls ut
Klicka på "Typsnitt" i menyn till vänster
Du kommer nu till översiktssidan för de typsnitt som är standard. Klicka på ett typsnitt för att editera
Höjd / bredd och marginaler / indrag
Max bredd
Anges pixlar (px) eller procent (%) Angivet värde sätter maximal bredd på objektet oavsett storlek på skärm
Min bredd
Anges i pixlar (px) eller procent (%) Angivet värde sätter minsta bredd på objektet oavsett storlek på skärm
Fast bredd
Anges i pixlar (px) eller procent (%) Angivet värde sätter en fast bredd på objektet oavsett storlek på skärm Objektet blir EJ responsivt
Max höjd
Anges i pixlar (px) eller procent (%) Angivet värde sätter en maximal höjd på objektet oavsett storlek på skärm Om du kombinerar denna inställning med bredd för en bild så kan bilden bli förvrängd beroende på bildens original storlek
Min höjd
Anges i pixlar (px) eller procent (%) Angivet värde sätter en minsta höjd på objektet oavsett storlek på skärm Om du kombinerar denna inställning med bredd för en bild så kan bilden bli förvrängd beroende på bildens original storlek
Fast höjd
Anges i pixlar (px) eller procent (%) Angivet värde sätter en fast höjd på objektet oavsett storlek på skärm Objektet blir EJ responsivt
Över / Under
Dra i reglaget eller ange siffror i rutan för att infoga marginaler/indrag över och/eller under ett objekt
Vänster / Höger
Dra i reglaget eller ange siffror för att infoga marginaler/indrag till vänster och/eller höger för ett objekt
Inställningar för bakgrund och skugga
Bild
Klicka på Välj bild och du kommer till filarkivet och kan välja en bild som bakgrundsbild
Repetera
Bilden har en viss höjd och du kan välja att bakgrundsbilden ska repetera. Dvs om texten du skrivit är 200px på höjden och bilden du lägger in som en bakgrund endast är 150px så kan bilden alltså upprepa sig. Detta kan du styra både horisontellt och vertikalt. Du kan givetvis välja att bilden inte ska repetera. Det beror ju helt på hur bilden ser ut. Är det t.ex en bild som föreställer en färg så kan du med fördel låta den repetera. Välj då Repetera så gäller detta både horisontellt och vertikalt
Fästa
Om du väljer Fixerad så ligger bilden fast i bakgrunden och när man skrollar på sidan så rör sig texten över bilden. Väljer du Standard så rör sig texten inte över bilden vid skroll
Position
Ange hur bilden ska positioneras. Detta kan vara lämpligt om du har en bild som är större än själva ytan där den placeras för att visa upp den del av bilden du önskar
Färg
Om du inte vill ha en bakgrundsbild kan du lägga in en bakgrundsfärg. Sätt muspekaren i fältet och dra i reglagen för att hitta en bra färg. Eller skriv in hex kod (#). Du kan kombinera bakgrundsfärg med bakgrundsbild och då visas färgen om du har valt att inte repetera bilden och om texten som är inlagd är längre än bilden
Opacitet
Här anger man opacitet för att ge färgen transparens (genomskinlighet) Anges i procent (%)
Horisontellt
Dra i reglaget eller ange siffror i rutan för att flytta skuggan horisontellt
Vertikalt
Dra i reglaget eller ange siffror i rutan för att flytta skuggan vertikalt
Suddighet
Dra i reglaget eller ange siffror i rutan för att göra färgen suddig
Spridning
Dra i reglaget eller ange siffror i rutan för att ange hur stor spridning du vill att färgen ska ha
Färg
Sätt muspekaren i fältet och dra i reglagen för att hitta en bra färg. Eller skriv in hex kod (#) Klicka på OK när du valt färg
Inställningar för hörn och ram
Övre vänstra / högre och Nedre vänstra / högra
Dra i reglaget eller ange siffror i rutan för att göra hörn. Detta fungerar endast på bilder och om du har lagt en bakgrundsbild, färg, skugga eller ram på texten eller i en layout-tabell/kolumn
Ram bredd
Dra i reglaget eller skriv in en siffra i rutan för att ange hur bred ramen ska vara
Typ
Välj i dropplistan vilken typ av ram du önskar, du ser direkt på sidan vilket utseende respektive val har när du gör valet
Ramfärg
Sätt muspekaren i fältet och dra i reglagen för att hitta en bra färg. Eller skriv in hex kod (#)
Storlek
Skriv siffra som ska avgöra storleken för typsnittet. Anges i pixlar (px)
Weight
Denna inställning avgör hur fet texten blir. Värden du kan ange ligger mellan 100 till 900. Ju högre siffra desto fetare text. Testa dig fram, du ser direkt hur texten påverkas när du ändrar siffror
Teckenavstånd
Här skriver du in en siffra och avslutar med pixlar (px) för att skapa avstånd mellan tecknen
Line height
Detta är inställning för radavstånd. Du kan använda enheterna em, ex, %, eller px
Family
I denna dropplist väljer du vilken font du vill använda för typsnittet
Text decoration
I dropplistan kan du välja om texten ska vara understruken, överstruken eller genomstruken
Färg
Sätt muspekaren i fältet och dra i reglagen för att hitta en bra färg. Eller skriv in hex kod (#)
Stil
Välj en stil för typsnittet. Italic och Oblique gör texten lite lätt kursiv. Standardvärde är normal
Spara när du är klar
För att typsnittet ska slå igenom på din webbplats behöver du publicera ändringarna du gjort. Klicka därför på ikonen Molnet uppe i det högra hörnet i den svarta verktygslisten
Du kan behöva uppdatera webbläsaren några gånger för att därefter se ändringen, eventuellt behöver du tömma cachen i webbläsaren. Se inställningar i webbläsaren för hur du tömmer cachen
Du kan designa varje typsnitt globalt. Dvs varje gång du skriver en text och använder ett typsnitt som du har angett någon slags design för under fliken Sidor -> Typsnitt så kommer texten att få detta utseende.
Storlek
Hur stor typsnittet ska vara anger du på denna rad. Du skriver en siffra och avslutar med enheten px. Utan mellanslag. Ex: 20px.
Textens tjocklek (font weight)
Ange en siffra mellan 100 och 900 i steg om 100. Ju högre siffra desto fetare text
Teckenavstånd
Med denna inställning skapar du ett avstånd mellan varje bokstav i ett textstycke. Ange en siffra och avsluta med enheten px
Radavstånd (line height)
Radavståndet avgör avståndet mellan varje textrad i ett stycke. Skriv in en siffra och ange enhet t.ex em, ex, % eller px.
Det ska inte vara något mellanslag mellan siffran och enheten
Vi brukar använda 1.8em som standard
Dekorera texten (text decoration)
None: standarvärde, ingen dekoration
Underline. understruken text
Overline: överstrykning (ett streck ovanför texten)
Line-through: genomstryckning (streck på texten)
Färg
Här kan du själv styra vilken färg som typsnittet ska ha. Du kan leta efter en färg i den färgboxen eller om du vet en Hex kod så kan du skriva in den istället
Stil
Standardvärde är Normal. Då sker ingen förändring på utseende på typsnittet. Välj Italic eller Oblique för att göra texten kursiv.
Skapa och hantera anpassade typsnitt.
När du skriver text på din webbplats så väljer du vilken sorts typsnitt du vill använda i en drop
Ladda upp och använd andra typsnitt från Google Font.
När du skriver text på din webbplats så väljer du vilken sorts typsnitt du vill använda för de ol
Hantera vilka färger som syns i färgboxen.
Det finns en uppsättning standardfärger i en färgbox som du får tillgång till i texteditorn när d
Då kan du kontakta oss direkt på supporten. Vi är glada att hjälpa till och se till att ditt arbete med plattformen går enkelt.
Välkommen att kontakta oss!
Trygg Drift avtal
Supporttjänsten omfattar e-brev och telefon gällande handhavande och administration av SiteSmart webbtjänst. Support gäller under avtalets giltighetstid för de personer hos Kontohavaren som genomgått introduktion i SiteSmart webbtjänst och innehar administrativa rättigheter till densamma.
SiteSmart – a part of VIEW Group
Copyright © SiteSmart | Sitemap | Villkor & Policys | Cookies
Vi lever som vi lär. Supportsidan är byggd på och drivs med e-handelsplattformen Sitesmart