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

Sticky Thread Enhancement v1

Sticky thread enhancement

  1. Shelley
    Summary: A simply guide to enhance and make sticky thread listings distinguishable between standard threadlistings. This serves as a guide and you can style them in the colour of your choice.

    Just place the following into your EXTRA.CSS Template:

    Code:
    /*STICKY THREAD  ENHANCEMENTS*/
     
    .discussionList .sticky {
        background-color: #f7caca !important;
        border: 1px solid #d88585 !important;
    }
     
    .discussionList .sticky .posterAvatar, .discussionList .sticky .stats {
        background-color: #f7caca !important;
    }
     
    .discussionListItem .iconKey .sticky{
        border: 0px solid #d88585  !important;
    }
     
    .discussionList .sticky .avatar img,
    .discussionList .sticky .avatar .img, .avatarCropper {
        border: 1px solid #d88585 !important;
    }
     
    .discussionList .sticky .title a, .discussionList .sticky .DateTime, .discussionList .sticky .EditControl {
        color: #8F080A !important;
        text-shadow: 0 0 0 transparent, 1px 1px 0 #fbe8e8;
    }
     
    .discussionList .sticky .username, .discussionList .sticky .pairsJustified dt  {
        color: #373737 !important;
        text-shadow: 0 0 0 transparent, 1px 1px 0 #fbe8e8;
    }
    .discussionList .sticky .stats dl  {
        border-left: 1px solid #d48f8f !important;
        border-right: 1px solid #d48f8f !important;
    }
     
    .discussionList .sticky .itemPageNav a  {
        background-color: #fee6e6 !important;
        border-color: #dfa4a4 !important;
        color: #c57c7c !important;
     
    }
    .discussionList .sticky .itemPageNav a:hover  {
        background-color: #fee6e6 !important;
        border-color: #dfa4a4 !important;
        color: #c57c7c !important;
        opacity: 0.4;
        -moz-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        -webkit-transition: all 0.3s ease-in-out 0s;
    }
    .discussionList .sticky .itemPageNav span {
        color: #c28686 !important;
    }
    .discussionList .sticky .muted {
        color: #373737 !important;
        text-shadow: 0 0 0 transparent, 1px 1px 0 #FBE8E8;
    }
     
    /*STICKY THREAD ENHANCEMENTS*/
    

    sticky-thread-enhancements.png
    [​IMG]


    Additonal Notes: For those that haven't styled the discussionlist here you should paste the following also into your EXTRA.CSS template which will style standard threads (as seen in the screenshot above).

    Code:
    /*STANDARD THREAD LISTING ENHANCEMENTS*/
     
    .discussionListItem, .memberListItem {
        background: url("@imagePath/xenforo/gradients/breadcrumb-grad.png") repeat-x scroll center bottom #F6F6F6 !important;
        border: 1px solid #E0E0E0 !important;
        border-radius: 3px 3px 3px 3px;
        margin: 5px 0;
    }
     
    .discussionListItem .stats dl {
        border-left: 1px solid #E0E0E0 !important;
        border-right: 1px solid #E0E0E0 !important;
    }
     
    .discussionListItem .posterAvatar, .discussionListItem .stats {
        background: url("@imagePath/xenforo/gradients/breadcrumb-grad.png") repeat-x scroll center bottom #F6F6F6 !important;
    }
     
    .discussionListItem .avatar img, .discussionListItem .avatar .img, .discussionListItem .avatarCropper {
        border: 1px solid #E0E0E0 !important;
    }
    .discussionListItem.InlineModChecked .posterAvatar, .discussionListItem.InlineModChecked .stats {
      background: url("@imagePath/xenforo/gradients/category-23px-light.png") repeat-x scroll center top #FFFFC8 !important;
    }
     
    /*STANDARD THREAD LISTING ENHANCEMENTS*/
    

    Images

    1. breadcrumb-grad.png

Recent Reviews

  1. Warning
    Warning
    5/5,
    Version: v1
    Wonderful..
  2. Mian Shahid
    Mian Shahid
    5/5,
    Version: v1
    coooooooooool stuffff :)
  3. Wolfe
    Wolfe
    5/5,
    Version: v1
    Thanks, this is extremely useful for beginners :D
  4. imno007
    imno007
    5/5,
    Version: v1
    Just what the doctor ordered! I found myself always having to take a hard second look to distinquish the stickies with the default style, this makes them stand out much better
  5. Epitaffio
    Epitaffio
    5/5,
    Version: v1
    Great enhance and easy customization
  6. WhatChaMissin
    WhatChaMissin
    5/5,
    Version: v1
    Absolutely Fabulous. Thanks for Sharing Shelley!
  7. Cool
    Cool
    5/5,
    Version: v1
    Like it!
  8. Mendo
    Mendo
    5/5,
    Version: v1
    Thanks, this was a great starting point for styling my own stickies
  9. ENF
    ENF
    5/5,
    Version: v1
    Excellent timing Shelley, appreciate this very much.
  10. kkm323
    kkm323
    5/5,
    Version: v1
    lovely! as always I am impress by the super star Shelley...
    great work