Preview
Summary: Membercard I designed several months ago and only just got the chance to code it up and now releasing.
Install Upload all the contents of the .zip archive into your /overlay folder or the overlay folder of that custom style.
After you've uploaded the contents of the archive copy the following css into your EXTRA.CSS template and your done.
Code:
.xenOverlay.memberCard {
width: 600px !important;
height: 300px !important;
}
.xenOverlay.memberCard .userInfo {
right: 40px;
top: 13px !important;
}
.xenOverlay.memberCard .avatarCropper {
left: 20px !important;
top: 60px !important;
background-color: transparent !important;
}
.xenOverlay.memberCard .avatar img {
background-color: transparent !important;
}
.xenOverlay.memberCard .userInfo h3 {
color: #AABBAA;
font-size: 18px;
margin-bottom: 50px;
}
.xenOverlay.memberCard a.close {
background-image: url("@imagePath/xenforo/overlay/mclose.png");
height: 25px !important;
width: 25px !important;
top: 12px !important;
opacity: 0.4;
}
.xenOverlay.memberCard .close:hover {
opacity: 1.0;
}
.xenOverlay.memberCard .userLinks {
border-bottom: 0px solid #556655 !important;
background: url("@imagePath/xenforo/overlay/mc_spacer.png") no-repeat center bottom transparent;
padding: 5px 0 !important;
}
.xenOverlay.memberCard .lastActivity {
border-top: 0px solid #556655 !important;
background: url("@imagePath/xenforo/overlay/mc_spacer.png") no-repeat center top transparent;
}
Conditions of use: This pack may be used on forums, websites but cannot be redistributed or repackaged in any way shape or form for any reason without prior consent of the author.