knegarens liv

Då var det dags igen.

Nederst på dagens visdom kommer jag sammla länkar så att ni kan testa olika inställningar innan ni ändrar.

Startar med en ny blogg idag och börjar med att editera layout på den.
Så det kommer en del screen shoots på vad jag pysslar med och hoppas det kan bli en guide.
Det första jag ska göra är att ändra färgen på bakgrunden.



Under fliken design hittar man redigera stilmallen.
Där finns något som kallas för css Källa Wiki
Och en turtorial för er som vill titta lite mera om css för att lära er mera om design w3Schools.com
Nu letar vi rätt på koden för bakgrund.



Var nogran med att du väljer den som har body så du inte editerar på fel ställe!

Idag ska jag även ändra färgen på texten till en som jag finner behaglig och passande.
Vi går in på samma ställe som förra gången och letar efter det som har med text att göra. "FONT"
Nu vart det lite mera trixande kan jag lova eftersom man kan välja en färg som gäller all text eller så kan man ändra så headers har en egen färg och övrig text en egen.
Koden du ska ändra ser ut såhär

/* font & border */
body {
  font: 12px/16px 'Lucida Grande', Arial, Sans-serif;
  border-top: 5px solid #369;
}

Nu får du lägga till en egen rad för att kunna ha egen färg!

/* font & border */
body {
  color:#538f4d;
  font: 12px/16px 'Lucida Grande', Arial, Sans-serif;
  border-top: 5px solid #369;
}

Jag la till raden 
  color:#538f4d;
Och då fick jag en grön text.
Nu kommer jag till headers (Rubrik) och det är lite annan kod som ska ändras då!

div#header h1 a {
  text-decoration: none;
  color: #3891e3; <-- Den ändrade jag till färgen jag valde (Nu finns det flera som går att ändra h1, h2 osv.
  cursor: default;

Lycka till!

Bra länkar!
html färger Färger om du inte har program för det
För att testa text och header färg
Testa bakgrundsfärger