Photo Profile Berbingkai/Berpigura

Berkeinginan agar photo yang terpampang di profile menjadi ada figuranya supaya keren geto..adalah keinginan yang wajar kalau menurut saya. Yups..untuk itu akan bansai bahas sedikit trik agar photo tersebut menjadi ada figuranya.


Agar photo profile menjadi berbingkai atau berfigura, langkahnya sangat sederhana sekali,yaitu sobat hanya merubah nilai border pada stylee sheet css pada bagian untuk photo frofile.


untuk template lama seperti ini :

.profile-img img {<br /> float:left;<br /> padding:4px;<br /> border:1px solid #ddd;<br /> margin:0 8px 3px 0;<br /> }<br />   

untuk template baru seperti ini :


.profile-img {<br /> float: left;<br /> margin: 0 5px 5px 0;<br /> padding: 4px;<br /> border: 1px solid $bordercolor; } 

Penjelasan : 

float:left; --> artinya photo akan di simpan di sebelah kiri pada tulisan frofile.

padding:4px; --> padding disini maksudnya adalah jarak antara photo dengan figura (border) sebesar 4 pixel, jika sobat tidak menginginkan ada jarak antara photo dengan bingkai, maka tinggal ganti nilainya dengan 0px (nol).

border:1px solid #ddd; --> nah ini yang menjadi bingkai photonya, nilai figura adalah sebesar 1 pixel, jika ingin figuranya tampak lebih lebar, ya tinggal ganti nilai 1px dengan nilai yang lebih besar, contoh 6px, 8px atau yang lainnya. kode #ddd --> adalah kode warna untuk abu-abu, silahkan ganti dengan kode warna lainnya jika tidak cocok.

Artikel Terkait :

Suka Artikel Ini...klik