[Xenforo] Membercard Tech

Discussion in 'Miscellaneous Packs' started by Shelley, Oct 23, 2011.

  1. Amused

    Shelley Designated Designer

    Likes Received:
    570
    Software You Use:
    XenForo
    Preview
    preview.png [IMG]

    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: 640px !important;
            height: 300px !important;
    }
    
    .xenOverlay.memberCard .avatarCropper
    {
            background-color: transparent !important;
            border: 0px solid #181818 !important;
            border-radius: 5px !important;
            top: 50px !important;
            left: 45px !important;
    }
    
    .xenOverlay.memberCard .avatar img
    {
            background-color: transparent !important;
    }
    
    .xenOverlay.memberCard .userInfo {
            top: 50px !important;
            right: 48px !important;
            width: 295px !important;
    
    }
    
    .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: #70705e!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: 35px !important;
            top: 26px !important;
            width: 14px !important;
            height: 14px !important;
    }
    
    .xenOverlay.memberCard .userInfo h3 a
    {
            color: #909080!important;
    }
    
    .xenOverlay.memberCard .userInfo h4 {
            color: #70705e !important;
    
    }
    .xenOverlay.memberCard .userInfo .status {
            color: #d9d9cf!important;
    }
    .xenOverlay.memberCard .pairsInline dt  {
            color: #b0b0a1!important;
    }
    .xenOverlay.memberCard .userStats dd  {
            color: #70705e!important;
    }
    .xenOverlay.memberCard .lastActivity {
            color: #d9d9cf;
    }
    
    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.

    Attached Files:

  2. Amused

    Shelley Designated Designer

    Likes Received:
    570
    Software You Use:
    XenForo
    Reserved
  3. Cocky

    merk_sfi Senior Member

    Likes Received:
    87
    Wow I don't use xenForo but looking at your work it makes me want to.
    So I guess once again (just like with the halloween overlay. It's back to the coding table to see if I can get something similar happening on IPB. Thanks for the hard work :)

Share This Page