Miten muuttaa profiilikuva pyöreäksi blogissa?

Oletko kyllästynyt neliön muotoiseen profiilikuvakkeeseen, joka näkyy blogissasi? Sopisiko pyöreä kuvake paremmin blogisi teemaan, ja ennenkaikkea, olisiko se enemmän sinua? Ei hätää! Olen koonnut alle yksinkertaiset ohjeet kuvakkeen muodon vaihtamiseen. :)



1. Mene hallintasivullesi ja valitse vasemmalta kohta "Teema"


2. Jatka valitsemalla kohta "Muokkaa"


3. Valitse vasemmalta lisäasetukset


4. Tämän jälkeen eteesi avautuu lista, kelaa se ihan alas ja valitse kohta "Lisää CSS"


5. Eteesi avautuu CSS laatikko, liitä siihen seuraava koodinpätkä: 

.profile-img {
    float: left;
    border-radius: 50px 50px 50px 50px;
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}
.profile-img:hover {
opacity: 0.5;
}

(HUOM. Olen itse customoinut yllä olevan koodin yksinkertaisempaan muotoon)



Älä unohda kommentoida koodiasi selkeyden ylläpitämiseksi :)

6. Paina "Käytä blogissa" -painiketta


7. Profiilikuvasi pitäisi nyt näkyä pyöreänä blogissasi

Piditkö tästä?

0 Kommenttia:

Lähetä kommentti

Mielipiteitä? Ajatuksia? Kirjoita ne tähän! :)