Ticket Prefixes cho Xenforo

1,021 0 0
PVS

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,930
Được Like
12,725
Ticket Prefixes cho Xenforo

Demo:

g1H1b5X.png

​
Thêm vào EXtra.css
Mã: 
.greenprefix {
    display: inline-block;
    position:relative;
    padding: .7em;
    padding-left: 2em;
    margin: 0 .5em .5em 0;
    background: #8dc63f;
    color: rgba(255,255,255,.6) !important;
    text-decoration:none;
    font-weight: bold;
}
.greenprefix:hover {
    background:#B3CC73;
    color:white;
}
.greenprefix:before {
        content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index:1;
    background: -moz-radial-gradient(.6em .6em, circle, #FCFCFF .55em, rgba(255, 255, 255, 0) .6em) -.6em -.6em,
                -moz-radial-gradient(1em 50%, circle, #FCFCFF .35em, rgba(255,255,255,0) .4em),
                -moz-radial-gradient(1em 47%, circle, rgba(0,0,0,.4) .4em, transparent .43em) !important;
    background: -o-radial-gradient(.6em .6em, circle, #FCFCFF .55em, rgba(255,255,255,0) .6em) -.6em -.6em,
                -o-radial-gradient(1em 50%, circle, #FCFCFF .35em, rgba(255,255,255,0) .4em),
                -o-radial-gradient(1em 47%, circle, rgba(0,0,0,.4) .4em, transparent .43em) !important;
    background: -ms-radial-gradient(.6em .6em, circle, #FCFCFF .55em, rgba(255,255,255,0) .6em) -.6em -.6em,
                -ms-radial-gradient(1em 50%, circle, #FCFCFF .35em, rgba(255,255,255,0) .4em),
                -ms-radial-gradient(1em 47%, circle, rgba(0,0,0,.4) .4em, transparent .43em) !important;
    background: -webkit-radial-gradient(.6em .6em, circle, #FCFCFF .55em, rgba(255,255,255,0) .6em) -.6em -.6em,
                -webkit-radial-gradient(1em 50%, circle, #FCFCFF .35em, rgba(255,255,255,0) .4em),
                -webkit-radial-gradient(1em 47%, circle, rgba(0,0,0,.4) .4em, transparent .43em) !important;
}
.greenprefix:after {
    content: '';
    position:absolute;
    top:.25em;
    right:.25em;
    bottom:.25em;
    left:.25em;
    border: 1px rgba(0,0,0,.3) dashed;
    outline: 1px rgba(255,255,255,.5) dashed;
}
.redprefix {
    display: inline-block;
    position:relative;
    padding: .7em;
    padding-left: 2em;
    margin: 0 .5em .5em 0;
    background: #b30;
    color: rgba(255,255,255,.6) !important;
    text-decoration:none;
    font-weight: bold;
}
.redprefix:hover {
    background:#B3CC73;
    color:white;
}
.redprefix:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index:1;
    background: -moz-radial-gradient(.6em .6em, circle, #FCFCFF .55em, rgba(255, 255, 255, 0) .6em) -.6em -.6em,
                -moz-radial-gradient(1em 50%, circle, #FCFCFF .35em, rgba(255,255,255,0) .4em),
                -moz-radial-gradient(1em 47%, circle, rgba(0,0,0,.4) .4em, transparent .43em) !important;
    background: -o-radial-gradient(.6em .6em, circle, #FCFCFF .55em, rgba(255,255,255,0) .6em) -.6em -.6em,
                -o-radial-gradient(1em 50%, circle, #FCFCFF .35em, rgba(255,255,255,0) .4em),
                -o-radial-gradient(1em 47%, circle, rgba(0,0,0,.4) .4em, transparent .43em) !important;
    background: -ms-radial-gradient(.6em .6em, circle, #FCFCFF .55em, rgba(255,255,255,0) .6em) -.6em -.6em,
                -ms-radial-gradient(1em 50%, circle, #FCFCFF .35em, rgba(255,255,255,0) .4em),
                -ms-radial-gradient(1em 47%, circle, rgba(0,0,0,.4) .4em, transparent .43em) !important;
    background: -webkit-radial-gradient(.6em .6em, circle, #FCFCFF .55em, rgba(255,255,255,0) .6em) -.6em -.6em,
                -webkit-radial-gradient(1em 50%, circle, #FCFCFF .35em, rgba(255,255,255,0) .4em),
                -webkit-radial-gradient(1em 47%, circle, rgba(0,0,0,.4) .4em, transparent .43em) !important;
}
.redprefix:after {
    content: '';
    position:absolute;
    top:.25em;
    right:.25em;
    bottom:.25em;
    left:.25em;
    border: 1px rgba(0,0,0,.3) dashed;
    outline: 1px rgba(255,255,255,.5) dashed;
}
.brownprefix {
    display: inline-block;
    position:relative;
    padding: .7em;
    padding-left: 2em;
    margin: 0 .5em .5em 0;
    background: #564C41;
    color: rgba(255,255,255,.6) !important;
    text-decoration:none;
    font-weight: bold;
}
.brownprefix:hover {
    background: #B3CC73;
    color:white;
}
.brownprefix :before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index:1;
    background: -moz-radial-gradient(.6em .6em, circle, #FCFCFF .55em, rgba(255, 255, 255, 0) .6em) -.6em -.6em,
                -moz-radial-gradient(1em 50%, circle, #FCFCFF .35em, rgba(255,255,255,0) .4em),
                -moz-radial-gradient(1em 47%, circle, rgba(0,0,0,.4) .4em, transparent .43em) !important;
    background: -o-radial-gradient(.6em .6em, circle, #FCFCFF .55em, rgba(255,255,255,0) .6em) -.6em -.6em,
                -o-radial-gradient(1em 50%, circle, #FCFCFF .35em, rgba(255,255,255,0) .4em),
                -o-radial-gradient(1em 47%, circle, rgba(0,0,0,.4) .4em, transparent .43em) !important;
    background: -ms-radial-gradient(.6em .6em, circle, #FCFCFF .55em, rgba(255,255,255,0) .6em) -.6em -.6em,
                -ms-radial-gradient(1em 50%, circle, #FCFCFF .35em, rgba(255,255,255,0) .4em),
                -ms-radial-gradient(1em 47%, circle, rgba(0,0,0,.4) .4em, transparent .43em) !important;
    background: -webkit-radial-gradient(.6em .6em, circle, #FCFCFF .55em, rgba(255,255,255,0) .6em) -.6em -.6em,
                -webkit-radial-gradient(1em 50%, circle, #FCFCFF .35em, rgba(255,255,255,0) .4em),
                -webkit-radial-gradient(1em 47%, circle, rgba(0,0,0,.4) .4em, transparent .43em) !important;
}
.brownprefix :after {
    content: '';
    position:absolute;
    top:.25em;
    right:.25em;
    bottom:.25em;
    left:.25em;
    border: 1px rgba(0,0,0,.3) dashed;
    outline: 1px rgba(255,255,255,.5) dashed;
}
.blueprefix {
    display: inline-block;
    position:relative;
    padding: .7em;
    padding-left: 2em;
    margin: 0 .5em .5em 0;
    background: #55758D;
    color: rgba(255,255,255,.6) !important;
    text-decoration:none;
    font-weight: bold;
}
.blueprefix:hover {
    background:#B3CC73;
    color:white;
}
.blueprefix:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index:1;
    background: -moz-radial-gradient(.6em .6em, circle, #FCFCFF .55em, rgba(255, 255, 255, 0) .6em) -.6em -.6em,
                -moz-radial-gradient(1em 50%, circle, #FCFCFF .35em, rgba(255,255,255,0) .4em),
                -moz-radial-gradient(1em 47%, circle, rgba(0,0,0,.4) .4em, transparent .43em) !important;
    background: -o-radial-gradient(.6em .6em, circle, #FCFCFF .55em, rgba(255,255,255,0) .6em) -.6em -.6em,
                -o-radial-gradient(1em 50%, circle, #FCFCFF .35em, rgba(255,255,255,0) .4em),
                -o-radial-gradient(1em 47%, circle, rgba(0,0,0,.4) .4em, transparent .43em) !important;
    background: -ms-radial-gradient(.6em .6em, circle, #FCFCFF .55em, rgba(255,255,255,0) .6em) -.6em -.6em,
                -ms-radial-gradient(1em 50%, circle, #FCFCFF .35em, rgba(255,255,255,0) .4em),
                -ms-radial-gradient(1em 47%, circle, rgba(0,0,0,.4) .4em, transparent .43em) !important;
    background: -webkit-radial-gradient(.6em .6em, circle, #FCFCFF .55em, rgba(255,255,255,0) .6em) -.6em -.6em,
                -webkit-radial-gradient(1em 50%, circle, #FCFCFF .35em, rgba(255,255,255,0) .4em),
                -webkit-radial-gradient(1em 47%, circle, rgba(0,0,0,.4) .4em, transparent .43em) !important;
}
.blueprefix:after {
    content: '';
    position:absolute;
    top:.25em;
    right:.25em;
    bottom:.25em;
    left:.25em;
    border: 1px rgba(0,0,0,.3) dashed;
    outline: 1px rgba(255,255,255,.5) dashed;
}

Nếu bạn sử dụng cả Thread Listing Prefix
Thì thêm cả đoạn này vào nữa:

Mã: 
.titleBar .blueprefix:before {
background:-moz-radial-gradient(.6em.6em, circle,#FCFCFF .55em, rgba(255, 255, 255, 0) .6em) -.6em -.6em,-moz-radial-gradient(1em50%, circle,#FCFCFF .35em, rgba(255,255,255,0) .4em),-moz-radial-gradient(1em47%, circle, rgba(0,0,0,.4).4em, transparent .43em)!important;
background:-o-radial-gradient(.6em.6em, circle,#FCFCFF .55em, rgba(255,255,255,0) .6em) -.6em -.6em,-o-radial-gradient(1em50%, circle,#FCFCFF .35em, rgba(255,255,255,0) .4em),-o-radial-gradient(1em47%, circle, rgba(0,0,0,.4).4em, transparent .43em)!important;
background:-ms-radial-gradient(.6em.6em, circle,#FCFCFF .55em, rgba(255,255,255,0) .6em) -.6em -.6em,-ms-radial-gradient(1em50%, circle,#FCFCFF .35em, rgba(255,255,255,0) .4em),-ms-radial-gradient(1em47%, circle, rgba(0,0,0,.4).4em, transparent .43em)!important;
background:-webkit-radial-gradient(.6em.6em, circle,#FCFCFF .55em, rgba(255,255,255,0) .6em) -.6em -.6em,-webkit-radial-gradient(1em50%, circle,#FCFCFF .35em, rgba(255,255,255,0) .4em),-webkit-radial-gradient(1em47%, circle, rgba(0,0,0,.4).4em, transparent .43em)!important;}


Nguồn: 4vnn.com​
 
Bài viết liên quan
Css đổi nền, ảnh, menu màu xám cho XenForo bởi LCB,
4 bước xây dựng MXH bằng XenForo cực đơn giản bởi LCB,
Phân quyền cho thành viên trong xenforo 2.2.15 bởi tranxuanbactb,
Làm thế nào đẻ tối ưu mấy cái này xanh hết trên Xenforo? bởi gameboiz1806,
Làm thế nào để gửi email cho users về các thread mới 1 tuần một lần? bởi gameboiz1806,
AE biết CDN nào mà ae xenforo hay sử dụng không? bởi gameboiz1806,
Bài viết mới
Có cách nào không bị mã hóa bởi muabandalat,
hỏi về các file trong thư mục internal_data/attachments bởi ngoctuanvnnn,
Css đổi nền, ảnh, menu màu xám cho XenForo bởi LCB,
4 bước xây dựng MXH bằng XenForo cực đơn giản bởi LCB,
Sửa lỗi Google discussion forum structured data schema. bởi LCB,
Làm thế nào để cập nhật Resource fields KHI update resource bởi khangtruc51,
Bạn phải đăng nhập hoặc đăng ký để bình luận.
Người đăng Chủ đề tương tự Diễn đàn Trả lời Ngày đăng
evolution123 Hướng dẫn Hướng dẫn ẩn prefixes ở 1 số forum (Xen 1) Tips and Guides 2
PVS Tutorial 2x Add icons on your prefixes - Thêm biểu tượng vào tiền tố của XenForo 2 Tips and Guides 0
letuan4u Cần giúp đỡ hiện 2 Thread Prefixes ở trang đăng tin Tips and Guides 20
PVS Làm đẹp Thread Prefixes cho xenforo Tips and Guides 14
PVS Thay thế Prefixes bằng icon cho xenforo Tips and Guides 2

Chủ đề tương tự


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

Dịch vụ XenForo của VNXF

Telegram: anhanhxf

Inbox PVS

Hoặc gửi Liên hệ

Xử lý sự cố (Troubleshooting)

Texlink

Liên hệ đặt Textlink
Liên hệ đặt Textlink
Liên hệ đặt Textlink
Liên hệ đặt Textlink

Nhà Tài Trợ

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