[Xenforo] Membercard Vertical

Preview

Summary: Another membercard.

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: 350px !important;
        height: 500px !important;
}
 
.xenOverlay.memberCard .avatarCropper
{
        background-color: transparent !important;
        border: 0px solid #181818 !important;
        border-radius: 5px !important;
        top: 245px !important;
        left: 80px !important;
}
 
.xenOverlay.memberCard .avatar img {
        background-color: transparent !important;
}
 
.xenOverlay.memberCard .userInfo {
        top: 16px !important;
        right: 25px !important;
        width: 300px !important;
        height: 200px !important;
        margin: 0 auto;
 
}
 
.xenOverlay.memberCard .userLinks {
        background: url("@imagePath/xenforo/overlay/membercard-spacer.png") no-repeat bottom !important;
        border-bottom: 0px dotted #a99768 !important;
        padding-bottom: 5px !important;
}
 
.xenOverlay.memberCard .userLinks a {
        color: #85adde!important;
}
 
.xenOverlay.memberCard .lastActivity {
        background: url("@imagePath/xenforo/overlay/membercard-spacer1.png") no-repeat top!important;
        border-top: 0px dotted #a29890 !important;
        margin-bottom: 5px !important;
}
 
.xenOverlay.memberCard a.close {
        background-image: url("@imagePath/xenforo/overlay/mclose.png") !important;
        right: 2px !important;
        top: 75px !important;
        width: 20px !important;
        height: 26px !important;
}
 
.xenOverlay.memberCard .userInfo h3 a {
        color: #b1c5df !important;
 
}
 
.xenOverlay.memberCard .username {
text-align: center !important;
padding-bottom: 30px;
}
 
.xenOverlay.memberCard .userInfo h4 {
        color: #85ADDE !important;
}
 
.xenOverlay.memberCard .userInfo .status {
        color: #bbd0ef !important;
}
 
.xenOverlay.memberCard .pairsInline dt  {
        color: #d5deea !important;
}
 
.xenOverlay.memberCard .userStats dd  {
        color: #b4c5db !important;
}
 
.xenOverlay.memberCard .lastActivity {
        color: #adbeca!important;
}
 
.xenOverlay.memberCard .lastActivity .DateTime  {
        color: #d5deea !important;
}
 
.xenOverlay.memberCard .muted {
        color: #ADBECA !important;
}

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.

I still hate how much you have to use !important to customize the membercard.

Looks spiffy!

That looks amazing Shelly!

Nice! I love the different layout style.

Gorgeous work Shelley!

I think I am stupid - whenever I attempt to do your membercards they never appear properly.

Your not stupid. I just noticed a mistake in the css in this membercard so it's my fault.

I've adjusted the css can you try this again merk and report back if the fix worked just paste the code back into your Extra.css template?