poniedziałek, 19 grudnia 2016

Rodzinka.

Dawno niczego tu nie dodawałam, a zauważyłam, że na prawdę sporo osób korzysta z moich kodów. Pojedyncze osoby nawet osobiście za to podziękowały. To na prawdę miłe c:
Dzisiaj postanowiłam podzielić się kodem na "ulepszenie" komponentu rodziny.
Nie będę tłumaczyć co za co odpowiada, bo zbyt długo by to zajęło XD 
Tutaj wstawię tylko wygląd przed i po kodzie:



Przed:

Po:

<style>
#your-fam .msgs li, .person ul li.love { display: none; }
#your-fam { margin-top: -30px; }
#your-fam .mainbox { padding: 16px 1px 1px 1px; }
#your-fam .msgs { margin: 1px 0 1px; }
#your-fam ul.kids { margin-top: -10px; margin-left: 10px; }
#your-fam ul.kids {width: 60px; border: none; margin-top: -117px; margin-left: 130px; }
#your-fam .subbox h3 { display: none; }
#your-fam ul.kids { line-height: 6px; padding-left: 9px;}
#your-fam ul.kids{ width: 100%; padding: 0px; }
#your-fam ul.kids{ width: 310px;}
#your-fam ul.kids img {width: 40px; height: 40px; padding: -51px; }
#your-fam ul.kids img { display:none; }
#your-fam ul.kids li { margin: 0 0px 5px 18px; }
</style>


No i to by było na tyle. 

1 komentarz:

  1. Świetny kod! Rodzinka wygląda zdecydowanie schludniej. Jeśli kiedykolwiek będę miała aktywny ten komponent to na pewno skorzystam ♥

    OdpowiedzUsuń