Ticket Prefixes cho Xenforo

1,012 0 0
PVS

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,829
Được Like
12,720
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
Máy CNC Routerg của Cabinetmaster - Giải Pháp Tối Ưu Cho Ngành Sản Xuất Gỗ bởi cnccabinetmast,
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,
Được quan tâm
hỏi về các file trong thư mục internal_data/attachments bởi ngoctuanvnnn,
Máy CNC Routerg của Cabinetmaster - Giải Pháp Tối Ưu Cho Ngành Sản Xuất Gỗ bởi cnccabinetmast,
Bài viết mới
Máy CNC Routerg của Cabinetmaster - Giải Pháp Tối Ưu Cho Ngành Sản Xuất Gỗ bởi cnccabinetmast,
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

Chỉ nhận web nội dung lành mạnh

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