Agar photo frofile menjadi berbingkai anda hanya merubah nilai border saja pada stylee sheet css pada bagian untuk
photo frofile, contoh kode photo frofile berbingkai untuk template lama seperti ini :
.profile-img img {
float:left;
padding:4px;
border:1px solid #ddd;
margin:0 8px 3px 0;
}
untuk template baru seperti ini :
.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 4px;
border: 1px solid $bordercolor;
}
anda hanya merubah nilai bordernya saja dengan nilai yang lebih besar
tentunya, biar lebih jelas, sedikit saya ulas tentang kode-kode diatas
:
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 anda 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.
Masih bingung cara merubahnya? silahkan ikuti langkah-langkah berikut!
Untuk template klasik :
.profile-img img {
float:left;
padding:4px;
border:1px solid #ddd;
margin:0 8px 3px 0;
}
.profile-img img {
float:left;
padding:4px;
border:8px solid #ddd;
margin:0 8px 3px 0;
}
Untuk template baru :
.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 4px;
border: 1px solid $bordercolor;
}
.profile-img img {
float:left;
padding:4px;
border:8px solid $bordercolor;
margin:0 8px 3px 0;
}
Sebagai catatan, untuk melihat efek figura berfungsi, tentunya anda
harus terlebih dahulu memasang photo profile.
Nantikan Artikel Menarik lainnya dari RIDO MEIVALDI.
Link para sahabat : Rido's komputer, Rido blog, Apik blog.
Sabtu, 04 September 2010
Photo Profil Berbingkai
.
Langganan:
Posting Komentar (Atom)
Hellow...Kunjungan balik,linknya mas sudah saya pasang silakan cek di postingan berikut :
BalasHapushttp://o-begitu.blogspot.com/2010/09/selamat-hari-raya-idul-fitri-1430h.html
Ok sob linknya segera saya pasang ya.. makasih
BalasHapus