8. huhtikuuta 2013

TEKSTIN OTSIKKOON TAUSTAVÄRI

1. Siirry malliin > Paina mukauta > Lisäasetukset > Lisää CSS
2. CSS:ssään lisäät tähän koodin: .post-title { background-color: väri tähän;
3. Kohtaan 'väri tähän' lisäät englanniksi sen värin, jonka haluat otsikon taustaväriksi.

Viimeisenä esikatselet ja tallennat. Kaikilla tämä koodi ei valitettavasti toimi, eivätkä kaikki värit toimi.

13. maaliskuuta 2013

TAUSTAVÄRI GADGETTIEN JA PÄIVÄMÄÄRÄN OTSIKOILLE

1. Ulkoasu > Malli > Muokkaa HTML-koodia.
2. Avaat ensimmäisen nuolen ja koodi löytyy n. 285 riviltä (mulla löytyy siitä)
3. Kaikilla ei löydy koodi samasta kohtaa, mutta näyttää tältä:

h2 {
  margin: 0 0 1em 0;

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

4. Lisäät koodin alle tekstin: background: #000000;
5. Taustaväriksi tulee oletuksena musta, mutta väriä voi kyllä vaihtaa, linkistä: http://html-color-codes.info/ löytyy erilaisia värivaihtoehtoja joista voit valita minkä värin haluat.
6. Rullaa alas ja etsi sieltä kohta jossa lukee HTML color picker. Valitse väri ja kopioi värin koodi merkin # vierestä. Liitä se background: #000000; koodin tilalle, mutta ÄLÄ POISTA ; TAI # -merkkejä.
7. Esikatsele ja tallenna. :----)

10. maaliskuuta 2013

KUN HIIREN VIE OTSIKON PÄÄLLE SE LEVENEE

Kaikki tulivat minulta kysymään tätä fearless sky -blogissa, joten tein nyt sitten ohjeen.

1. Etsi HTML-koodista kohta <head>
2. Lisää sen alapuolelle: <style type="text/css">A:hover{letter-spacing: 2px;}</style>
3. Esikatsele ja tallenna !