Hướng dẫn thay tiêu đề cho mỗi node khác nhau

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,728
Được Like
12,680
Vnxf.vn - Tóm tắt: Nhìn như là một hướng dẫn để tạo sự khác nhau cho từng nút ID riêng của bạn. Rõ ràng, bạn sẽ tạo kiểu cho thanh tiêu đề của riêng bạn và sử dụng hình ảnh của bạn tạo kiểu theo sở thích của bạn

Screenshot_29.png

Có gì nâng cao này sẽ cho phép bạn tạo kiểu cho thanh tiêu đề của bạn một cách khác nhau cho mỗi node và thêm các biểu tượng cho mỗi một phần của thanh tiêu đề (không bắt buộc). Thay đổi này ảnh hưởng đến khu vực forum_view của bạn.

Cài đặt: Đi vào template EXTRA.css của bạn. Nhưng một lần nữa bạn sẽ tô màu cho phù hợp với nhu cầu của bạn, sử dụng hình ảnh của riêng bạn và về basically style nó đến sở thích của bạn.

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;}
.node21 .forum_view .titleBar h1:before {
  background: url("@imagePath/xenforo/icons/icons&f.png") no-repeat center left transparent;
  content: "";
  padding-left: 45px;}

Nếu bạn muốn có một mô tả cho css để tạo kiểu cho văn bản là như sau đây. Một lần nữa, bạn có phong cách này cho sở thích của bạn chèn các ID phù hợp.

Mã:
.node16 .forum_view .titleBar p { color: #e0d9ce; text-shadow: 0 1px 2px #3d3d3d;}



Nguồn: xenforo.com​
 
  • Like
Reactions: THB
L

Lê Thanh Giảng

Khách VNXF
Vnxf.vn - Tóm tắt: Nhìn như là một hướng dẫn để tạo sự khác nhau cho từng nút ID riêng của bạn. Rõ ràng, bạn sẽ tạo kiểu cho thanh tiêu đề của riêng bạn và sử dụng hình ảnh của bạn tạo kiểu theo sở thích của bạn

Có gì nâng cao này sẽ cho phép bạn tạo kiểu cho thanh tiêu đề của bạn một cách khác nhau cho mỗi node và thêm các biểu tượng cho mỗi một phần của thanh tiêu đề (không bắt buộc). Thay đổi này ảnh hưởng đến khu vực forum_view của bạn.

Cài đặt: Đi vào template EXTRA.css của bạn. Nhưng một lần nữa bạn sẽ tô màu cho phù hợp với nhu cầu của bạn, sử dụng hình ảnh của riêng bạn và về basically style nó đến sở thích của bạn.

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;}
.node21 .forum_view .titleBar h1:before {
  background: url("@imagePath/xenforo/icons/icons&f.png") no-repeat center left transparent;
  content: "";
  padding-left: 45px;}

Nếu bạn muốn có một mô tả cho css để tạo kiểu cho văn bản là như sau đây. Một lần nữa, bạn có phong cách này cho sở thích của bạn chèn các ID phù hợp.

Mã:
.node16 .forum_view .titleBar p { color: #e0d9ce; text-shadow: 0 1px 2px #3d3d3d;}



Nguồn: xenforo.com​
cho em hỏi một câu ngoài topic này nha
cái style trong hình ảnh ak anh có thể share được không em thấy nó khá đẹp, lấy về để dành sau này tới noen lấy ra dùng
niếu có phí thì cho em xin luôn cái link để mua nha
 

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,728
Được Like
12,680
cho em hỏi một câu ngoài topic này nha
cái style trong hình ảnh ak anh có thể share được không em thấy nó khá đẹp, lấy về để dành sau này tới noen lấy ra dùng
niếu có phí thì cho em xin luôn cái link để mua nha
để mình lục lại xem sao, nếu có sẽ up lên 4rum luôn :D
 
L

Lê Thanh Giảng

Khách VNXF
để mình lục lại xem sao, nếu có sẽ up lên 4rum luôn :D
không biết mình có thể yêu cầu share style có phí không nhỉ
cái này liên quan đến bản quyền chắc là không
 

nttruong

MasterCorporal
Tham gia
25/02/2015
Bài viết
368
Được Like
614
Hình này nó chỉ là demo ảnh của bên xenforo.comn thôi bạn. Còn style như trong hình thì phải vào kho xenforo.com lục thôi!
 
L

Lê Thanh Giảng

Khách VNXF
mình sẽ cố lục đưa về :D
em nhỉ là còn nhiều style đẹp mà forum mình chưa share ak
mấy cái hiện giờ thì trên gg rất nhiều rồi với trang brivium nửa
anh em nào biết style nào độc hơn nửa không
hày là anh em nào đẹp đại style nào đó về rồi làm lại cho đẹp hơn, hy vọng là không bị vấn đề về bản quyền
 

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,728
Được Like
12,680
em nhỉ là còn nhiều style đẹp mà forum mình chưa share ak
mấy cái hiện giờ thì trên gg rất nhiều rồi với trang brivium nửa
anh em nào biết style nào độc hơn nửa không
hày là anh em nào đẹp đại style nào đó về rồi làm lại cho đẹp hơn, hy vọng là không bị vấn đề về bản quyền
sắp tới mình sẽ leech bài về box style mà :D
 

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 tìm cái style như trên chưa ra mà thấy được 2 cái sau, không biết bạn có thích hay không :D

ss.png
valenpreview.png
 
  • Like
Reactions: THB
L

Lê Thanh Giảng

Khách VNXF
sắp tới mình sẽ leech bài về box style mà :D
theo em nghỉ nhiều style có cái đẹp nhưng nó củng có mặt hạn chế
em thì không rành về làm style cho lắm
tìm trên gg về sài thui
củng đang muốn tự làm style cho riêng mình
 
  • Like
Reactions: THB

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