Hướng dẫn cách phân biệt chủ đề Sticky với chủ đề thường trong Xenforo

Như các bạn cũng biết, trong Xenforo chủ đề sticky với chủ đề thường chỉ được phân biệt bằng biểu tượng mặc đình là 1 biểu tượng kim bấm màu đỏ dành cho sticky thread! Như thế trông sẽ khó phân biệt được chủ đề nào được sticky.

Hôm nay xin hướng dẫn các bạn cách làm nổi bật các chủ đề được sticky trong 1 box bài viết!

Trước khi làm nổi bật Sticky Thread​

Sau khi làm nổi bật Sticky Thread​

Xem demo online: http://forum.vietdesigner.net/forums/chuyen-tro-linh-tinh/

Nói chung là vô cùng đơn giản thôi, bạn chỉ cần dán đoạn CSS sau vào template EXTRA. css

Code:

/*Sticky Threads as VietDesigner.net*/
.discussionList .
	
sticky {
    background-color: #e0e0e0 !important;
}
.discussionList .
	
sticky .posterAvatar, .discussionList .
	
sticky .stats {
    background-color: #e0e0e0 !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;
}
.discussionList .
	
sticky .username, .discussionList .
	
sticky .pairsJustified dt  {
    color: #373737 !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;
}

Đoạn css trên mình tùy chỉnh theo màu sắc mình thích, giống với hình demo bên trên, còn nếu bạn nào không thích thì có thể tùy chỉnh css tùy theo ý mình nha

Chúc thành công!