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

  • Thread starter Thread starter PVS
  • Ngày gửi Ngày gửi

PVS

Super Moderator
Thành viên BQT
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
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
 
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
 
để 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
 
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
 
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
 
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
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
Back
Top