Re: Membercard option like at TheAdminZone

Discussion in 'Suggestions' started by JacquiiDesigns, Jul 19, 2017.

  1. JacquiiDesigns

    JacquiiDesigns Customer

    I posted the following on TAZ in regards to the new styling changes and dark theme addition:
    2017-07-19_5-11-30.png
    My suggestion is simple: Please make such an option available for selection in the Xenbase framework's stying properties. @Steve said it could possibly be an option added to the Resources section as well.

    Either/or would be great! And IDK if sharing such functionality would be simple - but it's a very nice modification. I *want* it.

    Anyway = Superb work on the TAZ themes fellas. Quite impressed as per usual.

    Cheers.

    J.
     
    nome and Ruby like this.
  2. Russ

    Russ Designer

    I've always wanted to dive into various membercards... we'll see what we can come up with.

    For now... try this in your extra.css:

    Code:
    Copy Source
    .Responsive .xenOverlay.memberCard
    {
        max-width: 320px;
    }
    {xen:helper clearfix, '.xenOverlay.memberCard .userInfo .userStats'}
    .xenOverlay.memberCard .userInfo .userStats dt, .xenOverlay.memberCard .userInfo .userStats dd
    {
        padding: 2px 0;
    }
    .xenOverlay.memberCard .userInfo .userStats dt
    {
        float: left;
        clear: both;
    }
    .xenOverlay.memberCard .userInfo .userStats dd
    {
        float: right;
    }
    .Responsive .xenOverlay.memberCard .avatarCropper
    {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .Responsive .xenOverlay.memberCard .userInfo
    {
        margin-left: 0;
        padding-top: 5px;
    }
    .XenBase .xenOverlay.memberCard .userInfo h3,
    .XenBase .xenOverlay.memberCard .userInfo .userTitleBlurb,
    .XenBase .xenOverlay.memberCard .userInfo .status,
    .XenBase .xenOverlay.memberCard .userLinks,
    .XenBase .xenOverlay.memberCard .lastActivity
    {
        text-align: center;
    }
     
    Last edited: Jul 19, 2017
    Ruby and JacquiiDesigns like this.
  3. Ruby

    Ruby Customer

    I like that it works well. IMG_0029.jpg
     
    Last edited: Jul 19, 2017
  4. Mike Edge

    Mike Edge Customer

    Thanks! added some of it into my member card.

    membercard.png .
     
    Redh likes this.
  5. JacquiiDesigns

    JacquiiDesigns Customer

    Wow. Great look @Mike Edge - Care to share your edits?
    And thanks so much for the info @Russ!
    Cheers fellas.

    J.
     

Let's work together on your next project

Contact us today to talk about how we can help you