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

ga9xvn

Đã tốn tiền
Stylish cho các thím nào muốn dùng thử trước: https://userstyles.org/styles/181030/the-next-voz-classic (Cập nhật liên tục...)

Đã có version hoàn chỉnh giữ lại toàn bộ chức năng của Next VOZ - Cập nhật: 11:00 18/03/2020

Hú bác @Kacee có đi ngang qua thì help em update cái title với. Forum diable tính năng edit title rồi, được thì bác xóa dùm cái chữ cập nhật..... Thanks bác

2020f6bc584b-a470-4d09-888c-3945a59e826f.png


Xin chào cán bộ,

Lời nói đầu tiên em xin tự giới thiệu em là một lập trình viên đang sống và làm việc tại xứ sở thiên đường. Tham gia VOZ cũng từ những năm 2012 đến giờ cũng ngót nghét hơn 8 năm rồi, chủ yếu nằm vùng, hóng chuyện là chính, tự cảm thấy chưa đóng góp gì cho diễn đàn, và cũng nhiều lần có ý định lập 1 diễn đàn mới để cạnh tranh với VOZ nhưng không thành. Nay em xin góp một ít tài mọn để có cái gọi là đóng góp cho diễn đàn, với một hy vọng là cán bộ sẽ hết mình vì dân vì nước.

Mở màng lan man, bây giờ vào đề luôn là em dùng Chrome sau đó bật inspector lên để update layout thôi chứ em không cài Xenforo về để code.

Trong version này cán bộ chỉ cần add thêm CSS của em vào thẻ <style></style> bỏ trên thẻ </header> là có thể chạy được. CSS này chủ yếu dựa vào cấu trúc HTML ID của của các elements.

Cán bộ có thể chạy thử, nếu cán bộ quyết định sử dụng thì em sẽ cố gắng update để cho giống hoàn toàn với VOZ forums.

Đây là Github em để public, VOZ-er có thể contribute vào, tạo Pull request, em sẽ review và approve.

Github: https://github.com/dinhnhatbang/voz-css

CSS: https://github.com/dinhnhatbang/voz-css/blob/master/style.css

Tính năng:
- Giao diện như forums VOZ
- Thay đổi 1 số icon cho giống với Forums VOZ
- Tối ưu responsive.
- Giữ nguyên toàn bộ tính năng của giao diện mới
 

Attachments

  • Screen Shot 2020-03-14 at 15.18.01.png
    Screen Shot 2020-03-14 at 15.18.01.png
    473.7 KB · Views: 1,980
Last edited:
Thật sự mà nói, cái thím làm rất tốt, nhưng nó trở lại cái thời vBB cách đây hơn chục năm. Có thể nhiều ae thích cái kiểu cổ điển, nhưng đúng là giao diện cũ của voz quá cổ điển, chẳng có gì đặc biệt và chỉ là theme mặc định của vBB thôi. Style hiện tại trên xenforo hiện đại hơn, muớt mát hơn.

Mình nghĩ là giữ tông màu gốc của voz, nhưng các thứ cũng nên hiện đại hoá lên. Giả sử, icon read/unread, nút nhấn, ... Bỏ công ra phát minh lại cái bánh xe bò, không đáng.

Cái cần giữ là sự đơn giản, không ôm đồm, tính năng dễ truy cập. Cái cần cải tiến là tốc độ đáp ứng, truy cập. Cái cần bổ sung là khả năng truy cập đến các nội dung cá nhân hoá, vd thread, box, tag, khả năng tìm kiếm, tương tác ...
 
làm hoàn thiện mình sẽ apply nó thành một cái style classic cho mọi người chọn, nhưng lưu ý là phải hoàn thiện nhé...

PS: sẽ có tiền nếu bạn có thể hoàn thiện được, để thời gian của bạn không bị uổng phí...
Giải pháp tốt đấy T.
 
Chất lượng đấy. Đáng để xem xét nhưng vấn đề này chỉ chạy được trên pc, còn trên mobile và app mobile nữa thì có giải pháp gì không e?
 
Thật sự mà nói, cái thím làm rất tốt, nhưng nó trở lại cái thời vBB cách đây hơn chục năm. Có thể nhiều ae thích cái kiểu cổ điển, nhưng đúng là giao diện cũ của voz quá cổ điển, chẳng có gì đặc biệt và chỉ là theme mặc định của vBB thôi. Style hiện tại trên xenforo hiện đại hơn, muớt mát hơn.

Mình nghĩ là giữ tông màu gốc của voz, nhưng các thứ cũng nên hiện đại hoá lên. Giả sử, icon read/unread, nút nhấn, ... Bỏ công ra phát minh lại cái bánh xe bò, không đáng.

Cái cần giữ là sự đơn giản, không ôm đồm, tính năng dễ truy cập. Cái cần cải tiến là tốc độ đáp ứng, truy cập. Cái cần bổ sung là khả năng truy cập đến các nội dung cá nhân hoá, vd thread, box, tag, khả năng tìm kiếm, tương tác ...
+1 like cho thím này, theo mình chỉ nên chỉnh màu về màu quen thuộc, còn những cái phù hợp và tiện dụng hơn thì nên giữ lại. Nên ưu tiên đi theo hướng đơn giản, tinh gọn và rõ ràng.
 
Back
Top