1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Profile Block Enhancement v1

Profile Block Enhancement

  1. Shelley
    Profile Block Enhancement

    profile-blocks.png

    Summary: This alteration will adjust the profile blocks only not any other side blocks throughout the forum. Primarily, it's more of a guide for those that want to adjust their blocks and make them different from other blocks throughout the styles.


    I'll be honest, I rushed the follow blocks a little but if you spend the time you can create a better job using your own gradients, styling implementation. I'm sure there's a more efficient way of styling the profile side blocks as it was a quick alteration I made.

    Install: Upload sidebar-gradient.png into your /gradients folder and paste the following into your EXTRA.CSS template.

    Code:
    /*PROFILE ONLY BLOCK ENHANCEMENTS*/
     
    .profilePage .mast .secondaryContent{
        background: url("@imagePath/xenforo/gradients/sidebar-gradient.png") repeat-x scroll center bottom #535353;
        border: 1px solid #161616 !important;
        border-radius: 5px 5px 5px 5px;
        box-shadow: 0 1px 0 rgba(209, 209, 209, 0.4) inset, 0 0 0 1px rgba(209, 209, 209, 0.2) inset, 0 0px 0 rgba(209, 209, 209, 0.5);
        padding: 10px;
    }
     
    .profilePage .infoBlock dt {
        color: #ffffff;
        text-shadow: 0 -1px 0 #2d2d2d;
    }
     
    .profilePage .infoBlock dd {
        color: #bcbcbc;
    }
    .profilePage .infoBlock dd a {
        color: #ffe5ad;
    }
     
    .profilePage .sharePage h3 {
        color: #dcdcdc !important;
        font: bold 12px/14px Arial,sans-serif;
        text-shadow: 0 0 0 transparent, 0 -1px 0 #2d2d2d ;
        border-bottom: 1px solid #2d2d2d !important;
        box-shadow: 0 1px 0 0 #7d7d7d;
    }
     
    .profilePage .subHeading{
        background: url("") repeat-x scroll center top #535353;
        border-bottom: 1px solid #161616;
        border-top: 1px solid #161616;
        border-right: 1px solid #161616;
        border-left: 1px solid #161616;
        color: #dcdcdc !important;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }
     
    .profilePage .textWithCount.subHeading .count {
        background-color: #5f5f5f;
        border: 1px solid #2d2d2d;
        border-radius: 3px 3px 3px 3px;
        color: #FFE5AD;
    }
     
    .profilePage .text {
        color: #dcdcdc !important;
    }
    .profilePage .mast .followBlocks .primaryContent.avatarHeap {
        border-color: #161616 !important;
        border-style: solid;
        border-width: 0px 1px 1px 1px !important;
        background: url("@imagePath/xenforo/gradients/sidebar-gradient.png") repeat-x scroll center bottom #535353;;
        box-shadow: 0 1px 0 rgba(209, 209, 209, 0.4) inset, 0 0 0 1px rgba(209, 209, 209, 0.2) inset, 0 0px 0 rgba(209, 209, 209, 0.5);
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }
     
    .profilePage .mast  .avatar .img {
        border: 1px solid #161616;
    }
     
    .profilePage .mast .section.infoBlock {
        border: 0px solid #D7EDFC !important;
    }
     
    /*PROFILE ONLY BLOCK ENHANCEMENTS*/
    

    Images

    1. sidebar-gradient.png

Recent Reviews

  1. oO5 Dynasty
    oO5 Dynasty
    5/5,
    Version: v1
    Thank You