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. :----)

43 kommenttia:

  1. Kiitos jälleen kerran!

    VastaaPoista
  2. Hei!
    Tahtoisin postausta siitä kuinka lisätä blogin reunaan ison facebook-laatikon. En saa itselleni sellaista vaikka olen yrittänyt katsella.

    Ja kiitos näistä vinkeistä, ne on olleet iso apu!

    VastaaPoista
    Vastaukset
    1. Kiitos kommetistasi ! Katson koska voisin toteuttaa sen :--)

      Poista
  3. Mulla tää ei toimi D::

    VastaaPoista
    Vastaukset
    1. Onko mallina Simple ja oletko varma, että muistit laittaa # -ja ;- merkit eteen ja taakse ?

      Poista
    2. Ei toimi minullakaan :-/

      Poista
    3. Onko mallina Simple ja muistitko laittaa hakusanaan välin tohon /* 'väli' Headings :---) ?

      Poista
    4. Vaihdoin malliksi simplen ja kyllä olen jättänyt ne merkit. Ei vain jostain syystä toiminut.

      Sain loppujen lopuksi laitettua sen oikein, pitkän taistelun jälkeen, kun kokeilin survoa sitä sinne jonnekin väliin mutta sitten se veti omituiset ohuemmat rannut päivämäärä otsikoihin ja ajattelin että antaa olla :--D

      Poista
    5. Aijaa, yhdelle toisellakaan ei toiminut esikatselussa ja sanoin että tallentaa ja katsoo sitten uudelleen niin toimi :---)

      Poista
  4. Kirjoittaja on poistanut tämän kommentin.

    VastaaPoista
    Vastaukset
    1. Kiitos kommentistasi !
      Jos tarkoitat tuota, joka mulla tässä blogissa on B, siitä on jo tehty postaus ja se on favicon.

      Poista
  5. Kirjoittaja on poistanut tämän kommentin.

    VastaaPoista
    Vastaukset
    1. Täällä blogissa on siihenkin jo vastaus, etsi vähän vain :---)

      Poista
  6. Eeemh,mulla olis sellanen kysymys. Miten saan noi gadgetit takaisin tonne oikealle sivuun,kun oon jotenkin maagisesti ne tuonne ihan alas taikonut. Kiitos kovasti jos pystyt auttamaan mua:) PS:Pidän blogistasi todella paljon:))
    http://owiliasblog.blogspot.fi/

    VastaaPoista
    Vastaukset
    1. 1. Menet ensin malliin. 2. Lisäasetukset > ulkoasu :---)

      Poista
  7. Hei tiätsä yhtää et miks mulla ei vaihdu toi tausta mun blodissa vaikka laittaisin uuden ja poistaisin vanhan ja sitte painan siitä 'käytä blogissa' ?

    VastaaPoista
    Vastaukset
    1. En tiedä, mutta kokeile esimerkiksi vaihtaa selainta ja sitten uudelleen.

      Poista
  8. osaisitko neuvoa miten blogipostauksen tekstin saa saman kokoiseksi kuin itse kuvat?

    VastaaPoista
    Vastaukset
    1. Ei siihen mitään sellaista ole, jolla sen saisi aina, mutta kun teet postausta niin sitten vaihdat rivejä ja esikatselet.

      Poista
  9. Jostain syystä mulle ei löydy se /* Headings. Kokeilin monta kertaa, mutta ei vain toimi.

    VastaaPoista
    Vastaukset
    1. Ei löydy täälläkään, mallina Simple.

      Poista
    2. Riviltä 285 pitäisi löytyä, kun avaat ensimmäisen nuolen.

      Poista
  10. Kun siinä html muokkauksessa on numeroita rivien alussa 1,2,3.. 2144 niin millä rivin numerolla se koodi on ?

    VastaaPoista
    Vastaukset
    1. Avaat ensimmäisen nuolen ja löytyy n. 285 riviltä.

      Poista
  11. Saisko tota taustavärin pitutta mitenkään pienemmäksi mistään? Ainakin päivämäärän taustaväriä.

    VastaaPoista
    Vastaukset
    1. En ainakaan tiedä, mutta sen saa jos muokkaa blogin leveyttä.

      Poista
  12. Miten tekstin otsikon taakse saa värinn?

    VastaaPoista
    Vastaukset
    1. Täältä blogita löytyy sekin postaus :)

      Poista
  13. Laittakaa noita html koodei cssn mulla toimii ainakin :)

    VastaaPoista
  14. Hei, voisitko tehdä sellasen että miten gadgettien otsikolle saa itse päätetyn kuvan? silleen tälleen:
    lillivoitto.blogspot.com

    VastaaPoista
  15. Ei toimi, yritin monta kertaa

    VastaaPoista
  16. Selventäisi huomattavasti, jos laittaisit myös, miltä koodi näyttää valmiina. Itse kun en tajua mihin väliin pitää tuo #000000; laittaa xd

    VastaaPoista
  17. mulla on taas sellanen ongelma et sen tekstin takana oleva tausta ei vaihdu. Ja kun vaihdan sen mustaks sielt asetuksista niin se on paksumpi kun se minkä laitoin html-koodista.
    Onko ainut ratkasu se että vaihan fontti kokoa?

    VastaaPoista
  18. ei toimi vaikka kaikki on niinku pitäis :(

    VastaaPoista
  19. Mulla ei ees oo sellasta rivii ku 285 :O Muutenkaan mulla ei ikinä löydy mistään näitä HTLM koodeja ja jos laittaa siihen ctrl + f boxiin jonku sanan joka siihen pitää laittaa niin se ei ikinä toimi :( En tiiä mistä se johtuu. Joskus toimii kyllä, kun laitan koodit css kohtaan :D

    VastaaPoista
    Vastaukset
    1. Mulla täysin sama juttu! :__:

      Poista
  20. Mooi, osaisitko auttaa miten saisin vaihdettua tän värin? :D

    VastaaPoista
  21. hei voisitko kertoa miten ton taustavärin saa pelkästään gadgetien otsikoihin, eikä päivämäärälle?

    VastaaPoista
  22. Taistelin myös asian kanssa ja koitin saada toimimaan tämän ohjeen perusteella. Lopulta sain gadgetien otsikoihin taustavärin seuraavanlaisesti:

    Koodi löytyi itseltäni riviltä 333 ja erosi annetusta näyttäen tältä:

    div.widget > h2,
    div.widget h2.title {
    margin: 0 0 1em 0;

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

    background: #000000; -lisäys tuli laittaa "}" edeltävälle riville eli näin:

    div.widget > h2,
    div.widget h2.title {
    margin: 0 0 1em 0;

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

    ja sitten toimi :)

    Life à la Sara

    VastaaPoista