Thay đổi màu background cho Xenforo

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

PVS

Super Moderator
Thành viên BQT
Xenforo cho phép chúng ta đổi được hình nền(background), cách thực hiện đơn giản ta làm như sau:

Vào ACP => Appearance => Style Properties => General => Body => Background => Click vào ô Color và chỉnh màu tại đây nhé. mặc định là rgb(250, 250, 254)

Nếu muốn chèn hình các bạn bỏ trống bước trên và thêm vào ô Miscellaneous nằm dưới cùng đoạn code sau:
Mã:
background: url('link ảnh của bạn') ;
word-wrap: break-word;
line-height: 1.30;

Lưu ý: bạn nên thay link ảnh hình nền theo ý của bạn cho phù hợp.

Nếu muốn tạo nền trơn hiệu ứng mờ dần bạn có thể thay đoạn code trên bằng đoạn sau:
Mã:
background-image: -webkit-linear-gradient(#3B88B3, rgb(39, 100, 145) 150px, rgb(8, 37, 61) 500px);
background-image: -moz-linear-gradient(#3B88B3, rgb(39, 100, 145) 150px, rgb(8, 37, 61) 500px);
background-image: -ms-linear-gradient(#3B88B3, rgb(39, 100, 145) 150px, rgb(8, 37, 61) 500px);
background-image: -o-linear-gradient(#3B88B3, rgb(39, 100, 145) 150px, rgb(8, 37, 61) 500px);
background-image: linear-gradient(#3B88B3, rgb(39, 100, 145) 150px, rgb(8, 37, 61) 500px);

Sửa lại mã màu theo ý của bạn cho phù hợp.

Chúc các bạn thành công.


Nguồn: azviet.asia​
 
Xenforo cho phép chúng ta đổi được hình nền(background), cách thực hiện đơn giản ta làm như sau:

Vào ACP => Appearance => Style Properties => General => Body => Background => Click vào ô Color và chỉnh màu tại đây nhé. mặc định là rgb(250, 250, 254)

Nếu muốn chèn hình các bạn bỏ trống bước trên và thêm vào ô Miscellaneous nằm dưới cùng đoạn code sau:
Mã:
background: url('link ảnh của bạn') ;
word-wrap: break-word;
line-height: 1.30;

Lưu ý: bạn nên thay link ảnh hình nền theo ý của bạn cho phù hợp.

Nếu muốn tạo nền trơn hiệu ứng mờ dần bạn có thể thay đoạn code trên bằng đoạn sau:
Mã:
background-image: -webkit-linear-gradient(#3B88B3, rgb(39, 100, 145) 150px, rgb(8, 37, 61) 500px);
background-image: -moz-linear-gradient(#3B88B3, rgb(39, 100, 145) 150px, rgb(8, 37, 61) 500px);
background-image: -ms-linear-gradient(#3B88B3, rgb(39, 100, 145) 150px, rgb(8, 37, 61) 500px);
background-image: -o-linear-gradient(#3B88B3, rgb(39, 100, 145) 150px, rgb(8, 37, 61) 500px);
background-image: linear-gradient(#3B88B3, rgb(39, 100, 145) 150px, rgb(8, 37, 61) 500px);

Sửa lại mã màu theo ý của bạn cho phù hợp.

Chúc các bạn thành công.


Nguồn: azviet.asia​
cái này mặt dù đả biết rất lâu rồi nhưng vẩn like cho chủ top có tin thần share tiếp chứ dìm hàng hoài làm sau mà có tin thần được đúng hem !
niếu thấy mình nói đúng thì like cái cho có tin thần đồng đội coi nè :D
 
hờ, dìm có được cái ích lợi gì không :-w, mình biết nhưng có nhiều người chưa biết thì share, chứ cứ giữ trong người làm gì =="
 
hờ, dìm có được cái ích lợi gì không :-w, mình biết nhưng có nhiều người chưa biết thì share, chứ cứ giữ trong người làm gì =="
vậy mà bác không like cho mình luôn ah, mình đâu có nói gì sai đâu
like cái coi chơi nè :D
 
  • Like
Reactions: THB


Mình làm theo hướng dẫn dưới đây:
Vào ACP => Appearance => Style Properties => General => Body => Background => Click vào ô Color và chỉnh màu tại đây.

Nhưng sau khi chỉnh thì vẫn còn sót 1 thanh ngang màu xanh như trong hình, Các bạn có thể chỉ mình cách thay cho nó đồ bộ 1mafu như Background được ko?
 
Cả nhà cho mình hỏi với. Mình tạo hình nền
upload_2019-7-6_18-0-28.png

Như thế này rồi. Nhưng trên điện thoại thì ko ko được. Fixed. là sao à. Zoom trình duyệt trên máy tính để thiết kế thì được.
 
Back
Top