• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.
Sticky Thread Enhancement

Sticky Thread Enhancement v1

No permission to download

Shelley

Well-known member
#1
Shelley submitted a new resource:

Sticky Thread Enhancement (version v1) - Sticky thread enhancement

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 {...
Read more about this resource...
 

kkm323

Well-known member
#2
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:
 

Shelley

Well-known member
#3
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
 

surfsup

Well-known member
#4
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!
 

kkm323

Well-known member
#5
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
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.
 

Shelley

Well-known member
#7
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.
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
 

Shelley

Well-known member
#8
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.
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 */
 
#10
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 */
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.

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?
 

Shelley

Well-known member
#11
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.
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.
 

Shelley

Well-known member
#17
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; }
 
#19
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
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.
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!