Resource icon

Membercard Vertical 2014-11-09

No permission to download

Shelley

Tazmanian
Joined
May 11, 2005
Messages
4,101
Last edited by a moderator:

Desu87

Adherent
Joined
Oct 25, 2011
Messages
295
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 .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.
:mad: I still hate how much you have to use !important to customize the membercard.
 
Joined
Feb 8, 2010
Messages
552
I think I am stupid - whenever I attempt to do your membercards they never appear properly.
 

Shelley

Tazmanian
Joined
May 11, 2005
Messages
4,101
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?
 
Top