perjantai 11. lokakuuta 2013

Pystykuvat samanlevyisiksi vaakakuvien kanssa

Monet bloggaajat tuskailevat tämänkin ongelman kanssa; miten saada
vaaka- että pystykuvista samanlevyisiä. Itse asiassa se ei ole vaikeata.

Aiemmassa postauksessa *click* käsiteltiin kuvan koon muuttamista.
Jotta saat vaaka- ja pystykuvista samanlevyisiä, sinun 
tulee osata muuttaa kuvan leveys.

JA ASIAAN...

Muutat Paintissa vain jokaisen kuvan leveydeksi saman, 
eli vaaka- ja pystykuvien Paintin vaaka-koko on sama, 
esim. 750, jota minä käytän lifestyleblogini *click*
kuvien leveytenä. Voit tietenkin itse päättää
omien kuviesi leveyden.

Asia ei ole sen vaikeampi. :)

xoxo, iltsu

8 kommenttia:

  1. Mulla ei onnistunut, vaikka muutin paintissa vaaka ja pystykuvien leveydet samoiksi :/ Silti pysty kuva on kapeampi kuin vaaka kuva :/

    VastaaPoista
    Vastaukset
    1. Moi!
      Oletko klikannut uutta tekstiä kirjoittaessasi pystykuvaa ja valinnut "alkuperäinen koko"? :)

      Poista
  2. On olemassa myös CSS-koodi, jonka lisäämällä blogiin kuvista tulee kaikista automaattisesti samanlevyisiä :) Siis niin, että jokaista ei tarvitse erikseen muokata :)

    VastaaPoista
    Vastaukset
    1. Jep, niin on. Se ei kuitenkaan muokkaa kuvan alkuperäiskokoa (se muokkaa siis vain blogissa näkyvän kuvan leveyden), joten jos kaikki kuvat ovat alkuperäisesti n. 5000px, sivun kuvien lataaminen hidastuu - siksi suosittelen tekemään kuvien saman leveisyyden tällä konstilla. Meinaan musta henkilökohtaisesti on ainakin todella rasittavaa, kun blogin kuvien lataamiseen menee miljoona vuotta :D mutta joo, sellainen kyllä on ja varmasti joillekin ihan soveltuva!

      Poista
  3. Voisko joku kertoa sen CSS koodin, mistä Iina Maria puhui?

    VastaaPoista
    Vastaukset
    1. Tässä se koodi:
      .post-body img{
      width: 500px;
      }
      Widthin jälkeistä numeroa 500 voi muuttaa - se määrää kuvien leveyden :)

      Poista
  4. Moi! Blogistasi on ollut todella paljon apua tällaiselle uusavuttomalle koodarille :) Kiitos siis siitä! Painin juurikin tällä hetkellä näiden kuvaleveyksien kanssa ja tein css:n kautta kuvaleveyksien asemoinnin. Vaakakuvat ovatkin nyt hyvännäköiset blogissa, mutta ongelmana ovat pystykuvat, jotka nyt pikselöityvät ja venyvät hurjan pitkiksi, kun ne pakotetaan venymään. Mitähän tälle voisi tehdä? Blogini löytyy osoitteesta http://mallaspulla.blogspot.fi/ Kiitos, jos voit vinkata!

    VastaaPoista
    Vastaukset
    1. Moi! Ongelmalle ei oikein voi tehdä mitään, sillä ongelma on itse kuvassa (kuvan koko ja sen tarkkuus) :/

      Poista

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