1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. If you want premium products then purchase our VIP or SVIP plans
  3. Dont forget read our rules HERE Also anyone caught Leeching this content or Scamming will be banned on numerous networks.
    Dismiss Notice
  4. Dont forget we do not allow Multiple Accounts, so all of your accounts as well as your IP will be banned.
    Dismiss Notice
  5. Tired of Download Limits ? UPGRADE Today!
    Dismiss Notice

FREE Dark MessageUserInfo Enhancement

Discussion in 'Xenforo Template Mods & Extras' started by Armaan Ali, Mar 14, 2016.

  1. Armaan Ali

    Armaan Ali Guest

    [​IMG] [​IMG]

    Summary: This is a simple enhancement that will give your MessageUserInfo area (as seen in the screenshot) a dark look to it.

    Install: Paste the following CSS into your EXTRA.CSStemplate

    Code:

    /* START DARK MESSAGEUSERINFO ENHANCEMENT START */

    .messageUserInfo .messageUserBlock {
    background: none #444444;
    border: 1px solid #1b1b1b;
    border-radius: 5px;
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.4) inset; }

    .messageUserInfo .avatar img {
    background-color: #414141;
    border: 1px solid #1b1b1b; }

    .messageUserInfo .messageUserBlock .avatarHolder {
    background: -moz-linear-gradient(left, #282828 0%, #3d3d3d 50%, #282828 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#282828), color-stop(50%,#3d3d3d), color-stop(100%,#282828)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #282828 0%,#3d3d3d 50%,#282828 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #282828 0%,#3d3d3d 50%,#282828 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #282828 0%,#3d3d3d 50%,#282828 100%); /* IE10+ */
    background: linear-gradient(to right, #282828 0%,#3d3d3d 50%,#282828 100%); /* W3C */
    background-color: #343434; /* old Browsers */
    border-bottom: 1px solid #1b1b1b;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;}

    .messageUserBlock h3.userText { text-align: center; }
    .messageUserInfo .messageUserBlock .userTitle { color: #b2b2b2; text-shadow:0 0 2px #000; }

    .messageUserInfo .messageUserBlock .extraUserInfo {
    background: -moz-linear-gradient(left, #282828 0%, #3d3d3d 50%, #282828 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#282828), color-stop(50%,#3d3d3d), color-stop(100%,#282828)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #282828 0%,#3d3d3d 50%,#282828 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #282828 0%,#3d3d3d 50%,#282828 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #282828 0%,#3d3d3d 50%,#282828 100%); /* IE10+ */
    background: linear-gradient(to right, #282828 0%,#3d3d3d 50%,#282828 100%); /* W3C */
    background-color: #343434; /* old Browsers */
    border-top: 1px solid #2a2a2a;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;}

    .messageUserInfo .extraUserInfo { color: #eaeaea; }


    .messageUserInfo .messageUserBlock .arrow { -moz-border-left-colors: black; border-left-color: black;}
    .messageUserInfo .messageUserBlock .arrow span { -moz-border-left-colors: #282828; border-left-color: #282828;}


    /* END DARK MESSAGEUSERINFO ENHANCEMENT END */
     
    steve74 likes this.
  2. steve74

    steve74 Registered REGISTERED

    Likes Received:
    0
    Trophy Points:
    1
    Gender:
    Male
    Thanks
     

Share This Page

Post thread