lauantai 29. joulukuuta 2018

Taustaväri gadgettien ja tekstien otsikolle

Blogger ohje.
 moipsan ! :-) minulta tultiin pyytelemään Valkoiseen Hattaraan ohjeita, että miten tälläsen taustavärin saa laitettua gadgettien otsikolle.

------------------------------------------------------------------------------------------------------------------

1. Siirry: Malli > Muokkaa HTML- koodia
2. Paina F ja Ctrl pohjaan ja etsi seuraavalainen koodikohta: /* Headings
3. Kyseisen tekstin alapuolella pitäisi olla seuraavantapainen kohta:


h2 {
  margin: 0 0 1em 0;

  font: $(widget.title.font);
  color: $(widget.title.text.color);
}

4. Tämän jälkeen lisää koodiin seuraavanlainen koodi: background: #000000;
5. ...jolloin koodin pitäisi näyttää tältä:


h2 {
  margin: 0 0 1em 0;

  font: $(widget.title.font);
  color: $(widget.title.text.color);
  background: #000000;
}


6. Nyt esikatsellessasi blogia gadgettien otsikkojen tausta on musta. Ei hätää taustan väriä voi muuttaa.
7. Siirry seuraavaan osoitteeseen: http://html-color-codes.info/ tai klikkaa TÄTÄ. (molemmat linkit vievät samaan paikkaan)
8. Rullaa sivua alas, kunnes tulee kohta HTML Color Picker. Valitse haluamasi väri ja kopioi se. Pystyt kopioimaan koodin alhaalla olevasta laatikosta. (otetaan esimerkiksi joku vihertävä väri: #4FA54C)
9. Olet siis kopioinut koodin. Tämän jälkeen liität sen kohdan #000000 tilalle (HUOM. varo poistamatta kaksoispillkkua ; tai # -merkkiä !!)
10. Koodin pitäisi silloin näyttää tältä (vihreän värin kanssa): 

h2 {
  margin: 0 0 1em 0;

  font: $(widget.title.font);
 color: $(widget.title.text.color);
 background: #4FA54C;
}
11. Tämän jälkeen esikatsellaan ja tallennetaan.
---------------------------------------------------------
Toivottavasti oli apua !

Ei kommentteja:

Lähetä kommentti