- 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:
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).
Nhớ upload file đính kèm vào thư mục xenforo/gradients.
Chúc các bạn thành công.
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*/
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
Bài viết liên quan
Được quan tâm
Bài viết mới