Xenforo Membercard - Onyx

Discussion in 'MemberCards' started by Shelley, Nov 14, 2011.

  1. Shelley Designer

    Likes Received:
    194
    Preview
    membercard_onyx_preview.png [IMG]

    Summary: Membercard I designed several months ago and only just got the chance to code it up and now releasing.
    Board Software: This release is for people using xenforo forums only.
    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: 650px !important;
            height: 290px !important;
    }
     
    .xenOverlay.memberCard .avatarCropper
    {
            background-color: #292929 !important;
            border: 1px solid #181818 !important;
            border-radius: 5px !important;
            top: 57px !important;
            box-shadow:inset 0 0 1px #464646;
    }
     
    .xenOverlay.memberCard .avatar img
    {
            background-color: transparent !important;
    }
     
    .xenOverlay.memberCard .userInfo {
            top: 55px !important;
            width: 360px !important;
    }
     
    .xenOverlay.memberCard .userLinks
    {
            border-bottom: 0px solid #b2b2b2 !important;
            padding-bottom: 5px !important;
            background: url(@imagePath/xenforo/overlay/membercard-spacer.png) bottom no-repeat !important;
    }
     
    .xenOverlay.memberCard .userLinks a
    {
            color: #9ab8b7 !important;
    }
     
    .xenOverlay.memberCard .lastActivity
    {
            border-top: 0px solid #b2b2b2 !important;
            background: url(@imagePath/xenforo/overlay/membercard-spacer1.png) no-repeat !important;
            margin-bottom: 5px !important;
    }
     
    .xenOverlay.memberCard a.close
    {
            background-image: url("@imagePath/xenforo/overlay/mclose.png") !important;
            right: 28px !important;
            top: 13px !important;
            width: 26px !important;
            height: 21px !important;
    }
     
    .xenOverlay.memberCard .userInfo h3 a
    {
            color: #9ab8b7 !important;
    }
     
    .xenOverlay.memberCard .userInfo h4 {
            color: #9ab8b7 !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.

    Thanks kevin ;)

    Attached Files:

    Ryan, 1069, Infinitive and 2 others like this.
  2. Medora New Member

    Likes Received:
    1
    Very pretty. I prefer this to the default layout provided for Baisik, the style I am using.
    ShadyX likes this.
  3. R_A New Member

    Likes Received:
    1
    Very nice. I've been seeing it around some forums and wondering where the authors got the skill to make something so good. Of course I should've figured that it was xF's own Shelley :)
    Shelley likes this.
  4. Gazule New Member

    Likes Received:
    0
    Thanks for this :) its very nice !
  5. Infinitive New Member

    Likes Received:
    6
    Very clean.
  6. Ryan New Member

    Likes Received:
    1
    Very nice. :thumbsup:

    Do you accept donations?
    Shelley likes this.
  7. Shelley Designer

    Likes Received:
    194

    Thanks and I appreciate the generous offer but it really isn't necessary. :)

    ps. I notice you got a server timeout hopefully Ive fixed this could you use the report link or private message me if you experience anymore timeouts? Thanks.

Share This Page