Thay đổi màu background cho Xenforo

PVS

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

Lê Thanh Giảng

Khách VNXF
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
 

PVS

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

Lê Thanh Giảng

Khách VNXF
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

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,829
Được Like
12,688
like hay không không quan trọng, nhưng mình chỉ like những bài làm cho mình thực sự đáng like
 

kenhpp

Private
Tham gia
20/04/2015
Bài viết
30
Được Like
29
Xin hỏi: Tớ muốn thay đổi màu của thanh thì làm thế nào nhỉ:
Bạn @PVS , @ismartcom005

edit giaodien.jpg
 
  • Like
Reactions: THB

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,829
Được Like
12,688
bạn vào Style Properties> Building Blocks>tab Sub-Heading>chỉnh ở mục Background
 

ducmu

Corporal
Tham gia
24/06/2015
Bài viết
151
Được Like
36
P4HKfiU.png


thay toàn bộ nền trắng thành màu khác nư nào vậy?
 

joker88vn

Private
Tham gia
16/10/2015
Bài viết
1
Được Like
0


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?
 

Chodongxoai

MasterCorporal
Tham gia
10/10/2015
Bài viết
218
Được Like
129
Bác nào biết cách làm ảnh mờ dần hay đậm dần không chỉ em với, làm kiểu này ạ
nensam.png
 

virutmt

MasterCorporal
Tham gia
03/10/2017
Bài viết
213
Được Like
40
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.
 

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