Näytetään tekstit, joissa on tunniste pyöristys. Näytä kaikki tekstit
Näytetään tekstit, joissa on tunniste pyöristys. Näytä kaikki tekstit

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!

20. joulukuuta 2013

KOMMENTTIBOKSIN PYÖRISTYS

1. Malli > muokkaa html-koodia.
2. Lisäät html:lään alla olevan koodinpätkän.

.comments .comment-block {
background-color: #e7e7e7;
border: 10px solid #e7e7e7;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-khtml-border-radius: 15px;
}

3. Jos haluat muokata taustaväriä, klikkaa itsesi TÄNNE, rullaa alas ja kopioi mieleinen väri.
Liitä väri toiselle ja kolmannelle riville e7e7e7:n tilalle.