30. huhtikuuta 2014

KOMMENTOIJIEN KUVAT PYÖREIKSI

1. Mene kohtaan muokkaa HTML-koodia ja lisää alla oleva koodi sen alkuun.

.avatar-image-container, .avatar-image-container img {
width: 40px !important;
max-width: 40px !important;
height: 40px !important;
max-height: 40px !important;
padding: 0 !important;
margin: 0px 0px 0px 0px;
border: 0px;
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
-khtml-border-radius: 999px;
border-radius: 999px;
}

2. Jos haluat suurentaa tai pienentää kuvaa, muokkaat vain kaikkia kohtia, joissa on 40px.

3. Esikatsele ja tallenna!
→

15 kommenttia:

  1. Anonyymi30/4/14

    Apua, mulla on ongelma, mutta en nyt tässä äkkiseltään löytänyt postausta kyseiseen ongelmaan. Kun koittaa laitaa kommenttia mun blogiin siihen tulee se "todista ettet ole robotti" Miten sen saa pois? :o

    VastaaPoista
    Vastaukset
    1. Jenni30/4/14

      http://blogin-muokkausta.blogspot.fi/2013/05/sanavahvistus-pois-blogista.html?m=1

      Poista
  2. Noora30/4/14

    Hei. Mulla tuli tälläinen kun kopioin tuon suoraan html koodin alkuun "Virhe XML:ää jäsennettäessä, rivi 1, sarake 1: Content is not allowed in prolo". Mitä tein väärin tai olisiko jotain pitänyt lisätä etc?

    VastaaPoista
  3. Jenni1/5/14

    Lisäsit sen varmaan väärään kohtaan. Jos sulla on mallina Simple, kokeile lisätä se katkoviivan alapuolelle.

    VastaaPoista
  4. jensba6/5/14

    mikä katkoviiva siinä on? :o

    VastaaPoista
  5. Jasmin26/5/14

    Heippa! Tästä sun blogista on ollut tosi paljon apua, kiitos! :) Mulla on mun omassa blogissa ( http://jasmineveliina.blogspot.fi/ ) sellai, että kun laittaa hiiren jonkun kuvan päälle, niin se muuttuu mustavalkoiseksi. Nyt haluisin sen pois enkä tajua miten saisin sen poissa! kiitos jo etukäteen! :)

    img:hover {
    -webkit-filter: grayscale(100%);
    z-index: -9999999999999999999999999px;
    -webkit-transition: all 0.9s ease-in-out;
    -moz-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
    }

    Tuota koodia käytin siinä, että kuvat muuttuu mustavalkoiseksi :)

    VastaaPoista
  6. Elinaa ♥27/5/14

    Miten ton koodin voi lisätä? Mulla valittaa kokoajan virheestä kun yritän laittaa sen

    VastaaPoista
  7. Vilma 29/6/14

    Missä on katkoviiva?

    VastaaPoista
    Vastaukset
    1. Jenni14/7/14

      Jos sulla on mallina Simple niin katkoviiva on ihan HTML-koodin alussa.

      Poista
  8. Lotta14/7/14

    en löydä katkoviivaa? :)

    VastaaPoista
  9. Lotta Vääräniemi14/7/14

    Joo, muttakun se sanoo niin ("Virhe XML:ää jäsennettäessä, rivi 1, sarake 1: Content is not allowed in prolo".) vaikka ei ole Simple malli. Mitä siis teen?

    VastaaPoista
    Vastaukset
    1. Jenni14/7/14

      Simplessä koodit toimivat parhaiten, muita malleja en ole kokeillut, mutta sulla on se virhe ainakin 1. rivillä.

      Poista
  10. katja5/12/14

    Mallini on simple, mutten millään löydä mitään katkoviivaa :(

    VastaaPoista
    Vastaukset
    1. katja5/12/14

      Asia ratkesikin vanhempien postauksien kommenteista, jos muut ihmettelevät niin katkoviivat löytyvät ensimmäisen nuolen avaamalla :) (n. rivin 13 vieressä pieni musta nuoli, avaa pitkän pätkän koodia jonka alussa katkoviivarivejä, toisen katkoviivarivin perään kun laittaa niin pitäisi toimia!)

      Poista

Tilaa: Lähetä kommentteja (Atom)