keskiviikko 9. lokakuuta 2013

Harmaan katkoviivan poistaminen blogin alaosasta + välin pienentäminen

Alla oleva kuva toimii havainnollistavana:


Lisää tämä koodi blogisi CSS:ään:

.footer-outer {
  border-top: 0px;
}

 Jos sinua ärsyttää "tyhjä" väli, joka jää blogin alaosaan
"Etusivu"-kohdan alapuolelle, voit poistaa sen tällä koodilla,
joka siis sekä poistaa harmaan katkoviivan että välin:

 .footer-outer {
  border-top: none;
  margin-top: -100px;
}


xoxo, iltsu

13 kommenttia:

  1. pystyisikö tekstin otsikon ja tekstin väliä pienentämää c:?

    VastaaPoista
    Vastaukset
    1. en oo toi sama ano mut mietin itekki smaaa

      Poista
    2. Joo, pystyy :). Lisäät CSS:ään tämän koodin:

      .post {
      margin-top: -10px;
      }

      Lukua -10 voi muuttaa miten vain haluaa: se voi olla esimerkiksi 30 tai -50.

      Poista
    3. jostain syystä toi koodi muutti tektsin otsikon ja päivämäärän väliä ..

      Poista
    4. Outoa, koska jos oikein muistan, koodi toimi niin kuin olin ajatellutkin. Muistan luultavasti väärin - olin ehkä ajatuksissani tai jotain vastaavaa, jolloin havaitsin koodin toimivuuden täysin väärin / liitin sulle täysin väärän koodin! Hyvä, että huomasit, ettei koodi toiminutkaan. No, tällaista sattuu :)

      Tässä nyt uusi koodi, jonka pitäisi toimia:

      .post-body {
      margin-top: -20px;
      }

      Poista
    5. Kiitos suuresti!!! :')

      Poista
    6. Eipä mitään, kiva, että oot ymmärtäväinen :D Ihanaa, että nyt toimii (ja olin tarpeeksi hereillä antaakseni oikean koodin :-D)!

      Poista
  2. Miten saan omasta blogistani tuon kammottavan harmaan palkin pois tuolta ihan alhaalta?
    http://hannepauliina.blogspot.fi/

    VastaaPoista
    Vastaukset
    1. Moi Hanne! Tässä sulle koodi, jolla saat blogin alaosasta harmaan palkin pois;
      .footer-outer {
      background: none;
      margin-bottom: -50px;
      }
      Lisäät tuon vain CSS:ään ja that's it, toivottavasti toimii! Sulla kun on mallina Picture Window, tulee tuo automaattisesti blogiin. Margin-bottomin jälkeistä pikselilukua voi muuttaa - jos se on negatiivinen luku, se poistaa tyhjää tilaa blogin alaosasta :-)

      Poista
  3. Moi! Kun blogissa on se palkki jossa lukee näin:
    Lähettänyt Iltsu klo 18:24
    Tunnisteet: blogin alaosa, CSS, katkoviiva, koodi, välin pienentäminen, välit

    Niin kuinka olet saanut siitä sen keskimmäisen "jaa" palkin pois ja miten taustavärin saa muutettua siitä?

    http://annieveliinaas.blogspot.fi/

    VastaaPoista
    Vastaukset
    1. Moi :-)! Sen olen saanut pois menemällä Ulkoasu -> Blogitekstit ja sieltä sitten kliksuttelin sen "Näytä jakopainikkeet" pois. Tällä koodilla saa muutettua alatunnisteen taustaväriä:

      .post-footer {
      background: #c9c9c9;
      }

      Eli toi kohta background ja sen jälkeinen numerokoodi. Backgroundin jälkein kohta voi olla myös enkunkielinen väri, esim. grey ilman #-merkkiä. Täältä kuitenkin löydät paljon HTML-koodimuotoisia värikoodeja (siis juuri näitä #-muotoisia) eli heksakoodeja:
      http://html-color-codes.info/

      Poista

MUISTA LINKATA BLOGISI !! -> näin ongelman ratkominen / auttaminen osaltani onnistuu parhaalla mahdollisella tavalla! :-)