Thay đổi màu và background cho phần tiêu đề trong các box forum

nttruong

MasterCorporal
Tham gia
25/02/2015
Bài viết
368
Được Like
614
Hôm nay, mình xin hướng dẫn các bạn cách thay đổi màu và background cho tiêu đề trong các box forum Xenforo.

Demo:

screenshot_29-png.10


Cách làm:

Tìm và mở template EXTRA.CSS, thêm vào đoạn code:

Mã:
.node21 .forum_view .titleBar {
background: #5e29c6; /* Old browsers */
background: -moz-linear-gradient(left, #5e29c6 0%, #5c2db2 50%, #37206b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#5e29c6), color-stop(50%,#5c2db2), color-stop(100%,#37206b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #5e29c6 0%,#5c2db2 50%,#37206b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #5e29c6 0%,#5c2db2 50%,#37206b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #5e29c6 0%,#5c2db2 50%,#37206b 100%); /* IE10+ */
background: linear-gradient(to right, #5e29c6 0%,#5c2db2 50%,#37206b 100%); /* W3C */
padding: 10px;
border-radius: 4px;
border: 1px solid #59358a;
box-shadow: 0 0 1px #bb9dc7 inset;}

.node21 .forum_view .titleBar h1 {color: #dfcffc; text-shadow: 0 1px 3px #33163f;}

Các bạn thay .node21 bằng id node tương ứng là được, muốn thay background màu gì, chữ màu gì thì các bạn chỉnh cho phù hợp là xong.

Chúc thành công!
 
  • Like
Reactions: THB

THB

Founder
Thành viên BQT
Tham gia
25/02/2015
Bài viết
6,643
Được Like
3,928
Hướng dẫn là phải làm đc đấy nha. Làm theo ko đc thì "cháy nhà" đấy. Hiii
 

Jindo_Katori

FirstSergeant
Tham gia
01/03/2015
Bài viết
1,454
Được Like
1,193
Hướng dẫn là phải làm đc đấy nha. Làm theo ko đc thì "cháy nhà" đấy. Hiii
Cái này thì người thực hiện gọi là "ăn hành"
Còn người hướng dẫn gọi là "bỏ bom" đấy bác.
 
  • Like
Reactions: THB

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

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mobile/Zalo: 0906081284

Telegram: anhanhxf

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

Nhà Tài Trợ

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