Membuat Halaman Member (1)

 

<style type="text/css">

.cm-person{margin:3px;position:relative;float:left;width:80px;height:100px;font:10px/10px Lora,Verdana,Arial,Sans-Serif;text-align:center;line-height:10px;padding:10px; border: 1px solid #F6CEE3; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;color:#000;background-color:#fff;box-shadow:inset 0 0 1px black}

.cm-person a.profile-name-link{display:block;width:80px;height:80px;position:absolute;top:10px;left:10px;background-color:#999;color:white;text-decoration:none;font:bold 30px/80px Ubuntu,Tahoma,Verdana,Arial,Sans-Serif;margin:0 0;padding:0 0;display:none}

.cm-person a.profile-name-link.item1{background-color:#BC0000}

.cm-person a.profile-name-link.item2{background-color:#1A00CE}

.cm-person a.profile-name-link.item3{background-color:#39A003}

.cm-person a.profile-name-link.item4{background-color:#8B039D}

.cm-person a.profile-name-link.item5{background-color:#F0C100}

.cm-person a.profile-name-link.item6{background-color:#00D1CB}

.cm-person a.profile-name-link.item7{background-color:#FFEA03}

.post .post-body .cm-person img{background-color:#666;display:block;width:80px;height:80px;padding:0 0;margin:0 0 10px;border:none}

.cm-person:hover{color: #FFF;background-color:#111}

.cm-person:hover a.profile-name-link{display:block}

</style>