kiến thức CSS - Giao diện Next VOZ giống 99% Voz Forums (Made by me)

+1000 like cho giao diện cũ thân thương :D cái joindate/post vs location theo mình nếu khảo sát đa số giữ thì nên show, văn hóa voz "chém gió" nhau cũng nhìn 3 thứ trên lâu nay, nó vui là chính.
 
thêm cái join date nữa thím
mFhjD27.gif
 
ngon lành rùi :D
mà số người đang viewing trong từng box to chưa hiển thị ở ngoài Home :D
Cái này bên next ko có hỗ trợ thím ơi

+1000 like cho giao diện cũ thân thương :D cái joindate/post vs location theo mình nếu khảo sát đa số giữ thì nên show, văn hóa voz "chém gió" nhau cũng nhìn 3 thứ trên lâu nay, nó vui là chính.

Cái này thì bên Xenforo nó cũng có support, nhưng cán bộ chắc ẩn đi
 
Mình có cảm giác cái nền màu xám nó vẫn chưa giống voz cũ, ko biết có phải cảm nhận hay loại màu khác nhau thật nhỉ, nói chung vẫn cảm giác cảm giác cảm giác thiếu thiếu chút gì đó nữa để thành chính nó :beated:
 
chủ thớt cho em hỏi về css tí
1585201802620.png

em muốn làm avatar giống gg như chỗ voz này, backgound thì em làm thế này:
"#" + Math.floor(Math.random() * 16777215).toString(16)
nhưng còn color text k biết lấy màu như nào để nó same same như kia
 
chủ thớt cho em hỏi về css tí View attachment 15507
em muốn làm avatar giống gg như chỗ voz này, backgound thì em làm thế này:
"#" + Math.floor(Math.random() * 16777215).toString(16)
nhưng còn color text k biết lấy màu như nào để nó same same như kia

Dùng javsacript, tính ra text color và background color. sau đó dùng HTML inline để update cho element.
EX:
<div class="avatar" style="background: {{bg-color}}; color: {{text-color}}">F</div>
 
hụ, k biết tính text-color để nó tương tự với background. để hài hòa đó anh giai
KTCZqba.gif

Tạo 1 cái array mapping zô, rồi dùng hàm text to int để convert username sang int, sau đó get item trong array ra lấy color và bg. :))) chứ code sao mà auto generation dc.

EX:
[
{
bg: '#fffffff',
color: '#000000'
}
]

Hoặc search trên mạng cách tính mã màu cho 2 màu đối lập nhau :)))
https://stackoverflow.com/questions...the-opposite-color-according-to-current-color
 
Back
Top