Sticky Thread Enhancement - Cải tiến chủ đề dán v1

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,728
Được Like
12,680
Sticky Thread Enhancement - Cải tiến chủ đề dán v1

Tóm tắt: Đơn giản là hướng dẫn để nâng cao và làm cho danh sách chủ đề dán phân biệt giữa danh sách chủ đề tiêu chuẩn. Điều này phục vụ như một hướng dẫn và bạn có thể tạo kiểu các màu sắc theo sự lựa chọn của bạn.

Chỉ cần đặt đoạn code sau đây vào template EXTRA.CSS của bạn:
Mã:
/*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

Ghi chú thêm: Đối với những người đã không theo kiểu discussionlist ở đây, bạn nên dán đoạn code sau cũng vào template EXTRA.CSS của bạn sẽ có style chủ đề tiêu chuẩn (như đã thấy trong hình trên).
Mã:
/*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*/

Nhớ upload file đính kèm vào thư mục xenforo/gradients.

Chúc các bạn thành công.


Nguồn: xenforo.com​
 

Đính kèm

  • breadcrumb-grad.png
    breadcrumb-grad.png
    245 bytes · Lượt xem: 21

diepgs

Private
Tham gia
13/02/2017
Bài viết
19
Được Like
5
sử dụng cái này song qua trang số 2 thì còn xuất hiện trên sticky không a :)
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mr. Tuấn

Mobile/Zalo: 0988 488 096

Telegram: bluekpro

Email: [email protected]

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Top Bottom