Blogin muokkausta

27. toukokuuta 2014

BLOGIN KULMIEN PYÖRISTYS

1. Mene malli > muokkaa HTML-koodia
2. Avaat ensimmäisen nuolen ja etsit (CTRL + F) haulla koodin .content-inner { ja liität siihen osan:

border-radius: 55px;
-webkit-border-radius: 55px;
-moz-border-radius: 55px;
-khtml-border-radius: 55px;

HUOM! numeroita voit muokata haluamasi kokoiseksi
Valmiin koodin pitäisi siis näyttää suurinpiirtein tältä:

.content-inner {
border-radius: 55px;
-webkit-border-radius: 55px;
-moz-border-radius: 55px;
-khtml-border-radius: 55px;
}

3. Esikatsele ja tallenna!

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!