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

    Shelley Well-Known Member

    Shelley submitted a new resource:

    Sticky Thread Enhancement (version v1) - Sticky thread enhancement

    Read more about this resource...
     
    toodlez and resonansER like this.
  2. kkm323

    kkm323 Well-Known Member

    Thanks a lot! is there fourm_list enhancement coming any soon? I have to admit that you're the most talented designer I have seen thus far :love:
     
  3. Shelley

    Shelley Well-Known Member

    I haven't really been doing much with xenforo lately so I doubt anything with regards to the forum_list area will be done anytime soon. I did post some css and screenies to change each node area but this really isn't a significant change http://xenforo.com/community/thread...rounds-for-different-forum-nodes.38934/page-2

    I dunno, I think there are better designers that could post better more significant changes/enhancements to revamp the forum_list
     
    kkm323 likes this.
  4. surfsup

    surfsup Well-Known Member

    Is there a way to do this just for a Normal thread? Thats what ive really been looking for, to highlight a normal thread...lemme know thx!
     
  5. kkm323

    kkm323 Well-Known Member

    for those who are looking for color to fit the default style LighBlue chnage the background for
    .discussionListItem, .memberListItem {
    background: url("@imagePath/xenforo/gradients/threadview-bg.png") repeat-x scroll center bottom #F0F7FC !important;
     
  6. Koiranpentu

    Koiranpentu Member

    This is really awesome, thank you! :) However, I'd like to use this for locked non-sticky threads instead of sticky threads. Is there any easy way to exclude sticky threads from this? Oh, or is there a way to style topics with a specific prefix with this? I tried something which didn't work.
     
  7. Shelley

    Shelley Well-Known Member

    I did style locked threads also but never did release the css for it. The next time I log into my site I'll grab the css and post it here. threadlist-styling.png
     
    Koiranpentu likes this.
  8. Shelley

    Shelley Well-Known Member

    Use at your own risk, unsure whether there will be any adverse effects but you shouldn't have any issues. Paste the following in the EXTRA.CSS template and style to your preference.

    Code:
    /* LOCKED THREAD ENHANCEMENTS */
     
    .discussionList .locked  {
        background-color: #fff0d5 !important;
        border: 1px solid #e9cd9b !important;
    }
    .discussionListItem .iconKey span {
        background-color: transparent !important;
        border: 0px solid #e9cd9b !important;
    }
    .discussionList .locked .stats dl {
        border-left: 1px solid #e9cd9b !important;
        border-right: 1px solid #e9cd9b !important;
    }
    .discussionList .locked .title a, .discussionList .locked .DateTime, .discussionList .locked .EditControl {
        color: #6d4c12!important;
        text-shadow: 0 0 0 transparent, 1px 1px 0 #fbf4e8;
    }
    .discussionList .locked .username, .discussionList .locked .pairsJustified dt {
        color: #373737 !important;
        text-shadow: 0 0 0 transparent, 1px 1px 0 #fbf4e8;
    }
    .discussionList .locked .posterAvatar, .discussionList .locked .stats {
        background-color: #fff0d5 !important;
    }
     
    /*  LOCKED THREAD ENHANCEMENTS */
     
  9. oman

    oman Well-Known Member

    Thanks Shelley! Was able to edit it to suit my style!:

    stickypreview.png
     
    Shelley likes this.
  10. Koiranpentu

    Koiranpentu Member

    It still effects stickies. I don't know if there is any simpler way to do it than writing the same code as above but tweaking it for .locked.sticky which effects only locked stickies and writing the same code again to effect not locked sticky threads too.

     
  11. Shelley

    Shelley Well-Known Member

    It shouldn't do, it's not using the sticky thread class unless you have something in extra overriding it. Bare in mind, if you have sticky closed threads then closed thread styling will take affect, atleast it does for my style.
     
  12. oman

    oman Well-Known Member

    I just noticed that the only part I'm missing the gradient image on is here:

    [​IMG]

    How do I fix up that area?
     
  13. oman

    oman Well-Known Member

    I might make the blue a bit more subtle.
     
  14. Shelley

    Shelley Well-Known Member

    I'm sure I uploaded the gradient in the download attachment.
     
  15. oman

    oman Well-Known Member

    Yes, got that.

    What I was saying was that the gradient image wasn't covering that part of the enhancement for both sticky and normal thread enhancement.
     
  16. AndreaMarucci

    AndreaMarucci Well-Known Member

    Fantastic work as usual Shelley. Just a question. Instead to have the pink, I'd like to have the subtle yellow like the one used also here for the quotes. What I've to modify and how?

    Thanks!!
     
  17. Shelley

    Shelley Well-Known Member

    Change the following

    Code:
    .discussionList .sticky {
        background-color: #F9D9B0 !important;
       border: 1px solid #F9BC6D !important;
    }
    
    .discussionList .sticky .posterAvatar, .discussionList .sticky .stats {
        background-color: #F9D9B0 !important; }
    
     
    smimosmile and AndreaMarucci like this.
  18. AndreaMarucci

    AndreaMarucci Well-Known Member

    Fantastic, thanks!
     
  19. fredrikse

    fredrikse Active Member

    Great enhancements for the thread presentation! (y)

    I found one thing that breaks the design and that is when a thread is marked for moderation (see picture).

    break.JPG
     
  20. Koiranpentu

    Koiranpentu Member

    Ehm, that was the thing I was trying to say. :rolleyes: I have some sticky threads that are locked/closed such as some forum rule related threads.

    Anyway, I know now what I should do with those topics. Thanks for replies!
     

Share This Page