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. http://blogin-muokkausta.blogspot.fi/2013/05/sanavahvistus-pois-blogista.html?m=1

      Poista
  2. 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. Lisäsit sen varmaan väärään kohtaan. Jos sulla on mallina Simple, kokeile lisätä se katkoviivan alapuolelle.

    VastaaPoista
  4. mikä katkoviiva siinä on? :o

    VastaaPoista
  5. 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. Miten ton koodin voi lisätä? Mulla valittaa kokoajan virheestä kun yritän laittaa sen

    VastaaPoista
  7. Missä on katkoviiva?

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

      Poista
  8. en löydä katkoviivaa? :)

    VastaaPoista
  9. 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. Simplessä koodit toimivat parhaiten, muita malleja en ole kokeillut, mutta sulla on se virhe ainakin 1. rivillä.

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

    VastaaPoista
    Vastaukset
    1. 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