lauantai 27. joulukuuta 2014

Postausten kuvien pyöristäminen

Malli -> Mukauta -> Lisäasetukset -> Lisää alla oleva koodi CSS:ään:

.post-body img {
border-radius: 30px;
}

Border-radiuksen jälkeinen arvo 30 vaikuttaa postauksen kuvien kulmien pyöreyteen. Sitä lukua voi siis muuttaa pienemmäksi tai suuremmaksi. Mitä suurempi arvo, sitä pyöreämmät kulmat postausten kuville.  

Tuolla luvulla 30px kuvan kulmat näyttävät jotakuinkin tältä:



5 kommenttia:

  1. Voi tätä mä oon odottanu, pelastit päiväni ♥

    VastaaPoista
  2. Heii! Ajattelin, että haluisin tuommoisen "up" painikkeen blogiini. Siis tuon mikä tässäkin blogissa on ja siitä pääsee blogin ylös. Pystyisitkö tehdä postauksen tähän liittyen? :)

    VastaaPoista
    Vastaukset
    1. Moikka! Siitä onkin täällä jo postaus, joka löytyy tästä linkistä:
      http://blogikoodeja.blogspot.fi/2013/10/oikeaan-alareunaan-ilmaantuva-nuoli.html

      Poista
  3. Hei! Käytin tätä koodia (ja kokeilin toistakin), mutta jostain syystä kuvan ulkopuolelle jää kuvan "reuna" viivana näkyviin. Osaatko sanoa mistä johtuu ja mitä asialle voi tehdä?
    Pääset näkemään http://laihempaanelamaan.blogspot.fi/ tuosta osoitteesta mitä tarkoitan. Tämä viiva näkyy siis jokaisen kuvan kohdalla.

    VastaaPoista

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