Søg på siderne...

Klint WebDesign - Logo
Joomla template Protostar - custom.css

Tilpas design til Dine ønsker

Opret din egen CSS fil til templaten Protostar

Hvis du ønsker at ændre farver, skrifttyper egenskaber, afstand, baggrunde og andre design detaljer, kan du tilføje en brugerdefineret CSS fil

Hvis du bruger templaten Protostar og ønsker at finjustere udseendet på Din side, skal du ikke redigerer template.css. Du kan  bruge denne smarte funktion - tilgængelig siden Joomla 3.5 for at oprette og indlæse din egen CSS-fil.

Lad os se hvordan ...

Tips og Tricks

Step 1 - Opret en ny CSS fil

Filen som du opretter skal hedde user.css Så bliver den automatisk tilføjet, når siden loades

  • Klik på Extensions / Udvidelser
  • Vælg Templates / Skabeloner
  • Vælg Templates / Skabeloner

 

vaelg skabelon

 

  • Protostar Protostar Detaljer og filer / Details and Files

 

detaljer og filer

 

Her kan du oprette tilsidesætninger/ template overrides  og oprette nye filer

  • Klik på New File / Ny fil

 

ny fil

 

  • Vælg css mappen / css folder
  • Vælg Fil type / File Type
  • Skriv "user" som Fil navn / File Name
  • Klik på Opret / Create

 

vaelg css mappe filtype

Step 2 - Rediger den nye CSS fil

 

  • Rediger filen user.css
  • I kode editoren kan du tilføje og redigere din egen css
  • Klik på Gem / Save - så er det tilføjet
  • HUSK at tømme både side-, browser- og evt. server cache

 

kode editor

body {
   font-size: 14px;
   line-height: 20px;
}

I mit eksempel ændre jeg størrelse og linjehøjde på body / hele siden, hvis ikke andet er angivet. HUSK at hvis du ændre individuelle skriftstørrelser, er det en god idé at bruge em, som er en Relativ angivelse - læs mere om CSS skriftstørrelser på w3schools.com - lidt nede på siden.

 

Step 3 - Resultatet

Prøv at åbne siden i din browser. Protostar har nu opdaget dine CSS koder

 

 

Bedste resultat på Pingdom, GTMetrix og PageSpeed Insight

Vi har lavet en ny hjemmeside, som er optimeret bedst muligt for hurtig visning, som er med til at få en bedre placering på Google. De fleste hjemmesider kan optimeres, så de vises meget hurtigere. Derfor har Google besluttet, at PageSpeed fremover skal vægte meget mere i forhold til at opnå en bedre placering på Google. Vi tester primært hastighed på GTMetrix - Performance Test, og på Pindom - website speed test.


GTMetrix PageSpeed 100 / 100 
Pingdom test A100 98 Klint WebDesign


Det bedste framework - Vertex, fra Shape5

Vi bruger det professionelle framework Vertex fra Shape5, fordi det lever op til såvel Joomlas som Googles "Best Practice" - og så er det let at arbejde med. Hvis du selv vil bestille en Template - Joomla eller WordPress, er du velkommen til at kontakte til os her...