Làm đẹp Thread Prefixes cho xenforo

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,728
Được Like
12,680
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​
 

juli_0

Gefreiter
Tham gia
21/03/2015
Bài viết
74
Được Like
79
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

juli_0

Gefreiter
Tham gia
21/03/2015
Bài viết
74
Được Like
79
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

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,728
Được Like
12,680
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
cái này là do style đó bạn, style của bạn thuộc dạng rao vặt đúng không ?
 

juli_0

Gefreiter
Tham gia
21/03/2015
Bài viết
74
Được Like
79
mình chỉ cần làm trong mục mua bán thôi, trang mình ở chữ ký đó
 
  • Like
Reactions: THB

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,728
Được Like
12,680
mình chỉ cần làm trong mục mua bán thôi, trang mình ở chữ ký đó
bạn chờ mình xíu, mình check thử cái addon hỗ trợ cho bạn xem sao, nếu được mình sẽ up cho bạn
 

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,728
Được Like
12,680
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
 

Đính kèm

  • PrefixForumListing - 1.2.2.zip
    12.1 KB · Lượt xem: 14
  • Like
Reactions: THB

casterkensun

Private
Tham gia
20/05/2015
Bài viết
12
Được Like
9
Đã 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
 

lamnm123

Private
Tham gia
25/09/2015
Bài viết
8
Được Like
3
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ỉ
 

Đính kèm

  • setup.JPG
    setup.JPG
    39.4 KB · Lượt xem: 28

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,728
Được Like
12,680
do bạn ấy cài add-on loc giá đó bạn, mình nghĩ là vậy ^^
 

lamnm123

Private
Tham gia
25/09/2015
Bài viết
8
Được Like
3
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
Alo
làm sao để hiện được cái Tiền tố như của bạn vậy ?
có cài thêm add on gì không ?
 

lamnm123

Private
Tham gia
25/09/2015
Bài viết
8
Được Like
3
do bạn ấy cài add-on loc giá đó bạn, mình nghĩ là vậy ^^
Admin biết bạn ấy cài add on lọc tên gì không ? cho mình cài với .

làm sao forum khác nó làm đc cái select ption này ngon vậy nhỉ ?
8559-806b68ced6767e395a238deaf2fbb065.jpg
 

Đính kèm

  • optiondep.JPG
    optiondep.JPG
    30.4 KB · Lượt xem: 28

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