tiistai 6. lokakuuta 2015

HEI ME KOODAILLAAN !

Vielä pari vuotta sitten olisin nauranut, jos joku olisi kertonut, että tänä päivänä koodaan ammattilaisen tavoin blogini parissa. :-D Siis missä vaiheessa musta oikein tuli tällainen tietokonenero, jota ystävät ja tutut konsultoivat omissa tietotekniikan ongelmissaan? Tuntuu, että osaan juuri ja juuri käyttää kannettavaani ja that's it. Käsittämätöntä, mitä kaikkea blogin kirjoittamisen ohella oikein voi oppia. Tarkoitus ei kuitenkaan ollut tulla ihmettelemään mun koodaamistaitojen kehittymistä - ajattelin, että voisin jakaa teille muutaman käytännöllisen CSS-koodin pätkän, joilla oman blogin ulkoasuun saa helppoja ja nopeita muutoksia, jotka ainakin mun mielestä tekee blogista heti paljon asiallisemman oloisen. Siis sillä tavalla, että ajattelen : "Hei, tää tyyppi oikeasti panostaa tähän blogiin!" Olisi kiva kuulla, mitä tykkäsitte tästä hieman erilaisesta postauksesta ja haluaisitteko lisää blogiin liittyviä neuvoja? :-)

Eli kaikki nämä CSS-koodit toimivat samalla tavalla:

1) Klikkaa blogin hallintasivuilta Malli > Mukauta > Lisäasetukset  > Lisää CSS-koodi
2) Kopioi koodin pätkä ja liitä se kenttään
3) Klikkaa ylhäältä Käytä blogissa -painiketta

☞ POSTAUKSEN OTSIKON KESKITTÄMINEN
Normaalisti postauksen otsikko alkaa vasemmasta reunasta mutta halutessasi voit keskittää sen.
 
CSS-koodin pätkä: h3.post-title{text-align:center; }

  POSTAUKSEN OTSIKON ALLEVIIVAUS
Toinen helppo tapa selventää blogin ulkonäköä, tykkään todella paljon!
 
CSS-koodin pätkä: h3 {text-decoration: underline; }

 KUVIEN KEHYSTEN POISTAMINEN
Kätevä koodi, joka poistaa kuviin automaattisesti ilmestyvät reunukset!
 
CSS-koodi: .post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: none !important;
  border: none !important;
  background: none !important;
  -moz-box-shadow: 0px 0px 0px transparent !important;
  -webkit-box-shadow: 0px 0px 0px transparent !important;
  box-shadow: 0px 0px 0px transparent !important; }


  TILAA: BLOGITEKSTIT (ATOM) -TEKSTIN POISTAMINEN
Hävittää blogin alalaidasta löytyvän (ainakin mun mielestä) turhan linkin.
 
CSS-koodin pätkä: .blog-feeds{display:none; }

4 kommenttia:

  1. Tämä oli todella hyödyllinen ja selkeä postaus! Kiitos neuvoista, olen nimittäin itse aivan pihalla koko koodauksesta! :D Tulen varmasti hävittämään ainakin tuon turhan tekstinpätkän ja varmasti myös hyödyntämään otsikon keskittämistä. :)

    http://justsayinghianne.blogspot.fi/

    VastaaPoista
    Vastaukset
    1. Mukavaa, että näistä oli apua! :-) Netistä löytyy myös paljon blogeja, jotka keskittyvät juuri koodaamisen opetteluun ja erilaisten css-koodejen jakamiseen. Kannattaa käydä katsomassa, jos yhtään kiinnostaa. ;-)

      Poista
  2. Tiedätkö miten saa sellaisen ikkunan postauksen alle joka ehdottaa luettavaksi aiempia tekstejä? Ehkä tajusit mitä tällä tarkoitan :DD

    VastaaPoista
    Vastaukset
    1. Ööö.. En nyt suoraan osaa neuvoa mutta oon kerran kokeillut sitä tänne blogiin mutta ei jostain syystä toiminut :( Mutta googlettamalla löytyy varmasti neuvoja!

      Poista

Pidäthän kommenttisi asiallisina. ♥