Làm đẹp Thread Prefixes cho xenforo

  • Thread starter Thread starter PVS
  • Ngày gửi Ngày gửi
[VNXF] Theme Digital – Sự lựa chọn hoàn hảo cho diễn đàn công nghệ hiện đại Group Zalo của Cộng đồng người dùng XenForo tại Việt Nam
PVS

PVS

Super Moderator
Thành viên BQT
Bạn vào template thay toàn bộ thread_prefixes.css bằng:
Các bạn có thể chỉnh màu tùy thích nhá:

Mã: 
.prefix{display:inline-block;font-size:13px;font-weight:bold;font-color:#fff;line-height:21px;padding:0
4px;vertical-align:middle;-webkit-border-radius:3px;-moz-border-radius:3px;-khtml-border-radius:3px;border-radius:3px}
a.prefixLink:hover{text-decoration:none}
a.prefixLink:hover
.prefix{text-decoration:none}
.prefix
a{color:#FFF}
.prefix.prefixPrimary{background-color:#75B4D5;border:1px
solid #75B4D5!important;-webkit-box-shadow:0 0 1px #F9F9F9 inset;-moz-box-shadow:0 0 1px #F9F9F9 inset;-khtml-box-shadow:0 0 1px #F9F9F9 inset;box-shadow:0 0 1px #F9F9F9 inset;color:#FFF}
.prefix.prefixSecondary{background-color:#89B030;border:1px
solid #89B030!important;-webkit-box-shadow:0 0 1px #F9F9F9 inset;-moz-box-shadow:0 0 1px #F9F9F9 inset;-khtml-box-shadow:0 0 1px #F9F9F9 inset;box-shadow:0 0 1px #F9F9F9 inset;color:#FFF}
.prefix.prefixRed{background-color:#30baff;border:1px
solid #0080C0!important;-webkit-box-shadow:0 0 1px #F9F9F9 inset;-moz-box-shadow:0 0 1px #F9F9F9 inset;-khtml-box-shadow:0 0 1px #F9F9F9 inset;box-shadow:0 0 1px #F9F9F9 inset;color:#FFF}
.prefix.prefixGreen{background-color:#DD8064;border:1px
solid #DD8064!important;-webkit-box-shadow:0 0 1px #F9F9F9 inset;-moz-box-shadow:0 0 1px #F9F9F9 inset;-khtml-box-shadow:0 0 1px #F9F9F9 inset;box-shadow:0 0 1px #F9F9F9 inset;color:#FFF}
.prefix.prefixOlive{background-color:#408080;border:1px
solid #408080!important;-webkit-box-shadow:0 0 1px #F9F9F9 inset;-moz-box-shadow:0 0 1px #F9F9F9 inset;-khtml-box-shadow:0 0 1px #F9F9F9 inset;box-shadow:0 0 1px #F9F9F9 inset;color:#FFF}
.prefix.prefixLightGreen{background-color:#309B98;border:1px
solid #309B98!important;-webkit-box-shadow:0 0 1px #F9F9F9 inset;-moz-box-shadow:0 0 1px #F9F9F9 inset;-khtml-box-shadow:0 0 1px #F9F9F9 inset;box-shadow:0 0 1px #F9F9F9 inset;color:#FFF}
.prefix.prefixBlue{background-color:#ff3838;border:2px
solid #A40000!important;-webkit-box-shadow:0 0 1px #F9F9F9 inset;-moz-box-shadow:0 0 1px #F9F9F9 inset;-khtml-box-shadow:0 0 1px #F9F9F9 inset;box-shadow:0 0 1px #F9F9F9 inset;color:#FFF}
.prefix.prefixRoyalBlue{background-color:#3FB5CD;border:1px
solid #3FB5CD!important;-webkit-box-shadow:0 0 1px #F9F9F9 inset;-moz-box-shadow:0 0 1px #F9F9F9 inset;-khtml-box-shadow:0 0 1px #F9F9F9 inset;box-shadow:0 0 1px #F9F9F9 inset;color:#FFF}
.prefix.prefixSkyBlue{background-color:#966;border:1px
solid #966!important;-webkit-box-shadow:0 0 1px #F9F9F9 inset;-moz-box-shadow:0 0 1px #F9F9F9 inset;-khtml-box-shadow:0 0 1px #F9F9F9 inset;box-shadow:0 0 1px #F9F9F9 inset;color:#FFF}
.prefix.prefixGray{background-color:#C96;border:1px
solid #C96!important;-webkit-box-shadow:0 0 1px #F9F9F9 inset;-moz-box-shadow:0 0 1px #F9F9F9 inset;-khtml-box-shadow:0 0 1px #F9F9F9 inset;box-shadow:0 0 1px #F9F9F9 inset;color:#FFF}
.prefix.prefixSilver{background-color:#F30;border:1px
solid #F30!important;-webkit-box-shadow:0 0 1px #F9F9F9 inset;-moz-box-shadow:0 0 1px #F9F9F9 inset;-khtml-box-shadow:0 0 1px #F9F9F9 inset;box-shadow:0 0 1px #F9F9F9 inset;color:#FFF}
.prefix.prefixYellow{background-color:#99C;border:1px
solid #99C!important;-webkit-box-shadow:0 0 1px #F9F9F9 inset;-moz-box-shadow:0 0 1px #F9F9F9 inset;-khtml-box-shadow:0 0 1px #F9F9F9 inset;box-shadow:0 0 1px #F9F9F9 inset;color:#FFF}
.prefix.prefixOrange{background-color:#3C9;border:1px
solid #3C9!important;-webkit-box-shadow:0 0 1px #F9F9F9 inset;-moz-box-shadow:0 0 1px #F9F9F9 inset;-khtml-box-shadow:0 0 1px #F9F9F9 inset;box-shadow:0 0 1px #F9F9F9 inset;color:#FFF}
.discussionListItem .prefix,
.searchResult
.prefix{font-size:80%;margin:0;line-height:21px;font-weight:normal}h1
.prefix{font-size:80%;margin:0;line-height:21px;line-height:normal}.breadcrumb span.prefix,
.heading
span.prefix{font-style:italic;background:none;padding:0;margin:0;border:0
none black;-webkit-border-radius:0;-moz-border-radius:0;-khtml-border-radius:0;border-radius:0;font-weight:normal;display:inline;color:inherit}

h1 .prefix
{
    @property "discussionListPrefix";
    font-size: 12px;
    color: rgb(255, 255, 255);
    background-color: rgb(0, 0, 0);
    margin: 0;
    line-height: 21px;
    @property "/discussionListPrefix";
 
    line-height: normal;
}

.breadcrumb span.prefix,
.heading span.prefix
{
    @property "breadcrumbTitlePrefix";
    font-style: italic;
    font-weight: bold;
    padding: 0;
    margin: 0;
    border: 0 none black;
    border-radius: 0;
    display: inline;
    @property "/breadcrumbTitlePrefix";
    color: inherit;
}

Demo:

untitled.PNG


​
Nguồn: 4vnn.com​
 
Bài viết liên quan
Chiếm lĩnh "Vị trí số 0" trên Google: Tối ưu hóa Schema JSON-LD cho dạng bài Hỏi - Đáp (Q&A)
Chiếm lĩnh "Vị trí số 0" trên Google: Tối ưu hóa Schema JSON-LD cho dạng bài Hỏi - Đáp (Q&A) bởi PVS,
Quản trị diễn đàn như một SysAdmin thực thụ: 10 lệnh CMD quyền lực trên XenForo 2.3 bạn chưa biết
Quản trị diễn đàn như một SysAdmin thực thụ: 10 lệnh CMD quyền lực trên XenForo 2.3 bạn chưa biết bởi PVS,
Thoát ly YouTube: Tự host Video 4K trên XenForo Media Gallery 2.3 nhờ tối ưu hóa FFmpeg mới
Thoát ly YouTube: Tự host Video 4K trên XenForo Media Gallery 2.3 nhờ tối ưu hóa FFmpeg mới bởi PVS,
Link tải xenforo 2.3
Link tải xenforo 2.3 bởi dakhucquan.net,
Hướng dẫn kích hoạt PWA (App) cho XenForo và cách kiểm tra chuẩn nhất
Hướng dẫn kích hoạt PWA (App) cho XenForo và cách kiểm tra chuẩn nhất bởi PVS,
Hoàn thiện website trước khi lên sóng: Những sai lầm đáng tránh
Hoàn thiện website trước khi lên sóng: Những sai lầm đáng tránh bởi Nhật Quang,
mình làm theo mà nó nằm phía trên chứ không phải nằm vậy, làm cái 64 tỉnh thành thì sao nhỉ
 
  • Like
Reactions: THB
Của mình nó hiện vậy nè
hbEy8U8.jpg

Có cách nào cho nó hiện chỗ tạo chủ đề không?,chứ mình làm 64 tỉnh thành thì tiêu
 
  • Like
Reactions: THB
bạn thử cài addon bên dưới xem nó có hiện ra như bình thường được không nha, nếu không được thì có thể gỡ bỏ :D, cài xong qua cài đặt prefix thôi, không cần quan tâm gì ở Option cả :), chỉ là thử xem sao thôi ^^, chứ mình cũng không chắc là được :D, hii
 
  • Like
Reactions: THB
Đã làm và rất oke ha ha :D ... tks bác ... nhưng cho mình hỏi cái add-ons prefixforumlisting nó ntn vậy .... đang định kéo về test thử

Demo: clbsampvn.com
 
cho mình hỏi

mình tạo thread_prefixes rồi

nó như hình
8554-cdbe4721e37a2566217b4409b6f3bc3b.jpg


làm thế nào nó hiện option có nút tích như bác @juli_o nhỉ
 
do bạn ấy cài add-on loc giá đó bạn, mình nghĩ là vậy ^^
 
3,386 14 2
Bạn phải đăng nhập hoặc đăng ký để bình luận.

Dịch vụ XenForo của VNXF

Zalo 0906081284
avatar Silzedt InboxPVS
Group Telegram của Cộng đồng người dùng XenForo tại Việt Nam [VNXF] Theme Digital – Sự lựa chọn hoàn hảo cho diễn đàn công nghệ hiện đại [VNXF 2x] Best Statistics Pro – Thống kê nâng cao, tối ưu hiệu năng cho XenForo 1.1 Bảng giá dịch vụ thiết kế, làm diễn đàn XenForo năm 2024

Xử lý sự cố

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

XenForo 1 XenForo 2
Translate by PVS
Xenforo là gì?
Xây dựng MXH bằng Xenforo

Textlink

Khám phá AI cùng người Việt
Diễn đàn chia sẻ kinh nghiệm massage
Review dịch vụ massage toàn quốc
Cộng Đồng Massage Việt Nam
Cộng đồng AI Việt Nam
Liên hệ đặt Textlink

Nhà Tài Trợ

Mút Xốp Không Gian
Mút Sofa Không Gian
Back
Top