Giới thiệu Block Craft — giao diện khối sandbox cho FlatBB (VN/EN)

Block Craft là giao diện FlatBB lấy cảm hứng từ game xếp khối: đầu trang là một mặt cắt địa hình (cỏ — đất — đá — mạch quặng — hồ — cây — mây) chạy ngang và lặp lại không lộ mối nối, ngay dưới là thanh thống kê xếp thành từng ô khối, avatar thành viên đặt trong ô inventory, cấp bậc mang tên mạch quặng và mỗi bài viết là một "thẻ nhân vật" có dải cỏ trên đầu cùng thanh kinh nghiệm. Bản 3.1 làm lại trang chủ đề với hero riêng, rail chủ đề liên quan và ô chuyển template ngay trong chân trang.

Trang chủ v4u.vn chạy Block Craft trên desktop (chế độ tối): banner mặt cắt địa hình với tiêu đề "XÂY DỰNG HƠN CẢ THẾ GIỚI", dưới là thanh thống kê xếp thành từng ô khối, rồi ba cột kiểu căn cứ đào sẵn: menu trái, danh sách chủ đề dạng dòng kẻ gọn với icon khối vẽ tay, thẻ thành viên phải. Dưới 1321px cột phải gom thành lưới 2×2 ngay dưới danh sách.

Trang chủ đề trên desktop (chế độ sáng): hero có bookmark khối, tên chủ đề, nhãn chuyên mục và nút trả lời; mỗi bài viết là thẻ nhân vật bên trái (avatar trong ô inventory, cấp bậc mạch quặng, thanh XP, hộp chỉ số), rail phải gồm Chủ đề liên quan và lời mời cùng xây dựng cộng đồng.

Chân trang có sẵn ô chuyển template: Tự động — theo thiết bị, giao diện mặc định của site hoặc bất kỳ giao diện nào đã cài; khách lưu lựa chọn vào trình duyệt, thành viên lưu vào hồ sơ.

Trang chủ trên điện thoại (bề rộng 390px): mỗi dòng có avatar trong ô khối, nhãn chuyên mục, cấp bậc, danh hiệu, xác nhận và tóm tắt; thanh tab khối dưới đáy, toàn bộ nhãn đã có tiếng Việt.

Trang chủ đề trên điện thoại: thẻ tác giả gọn lại thành một dải (avatar, tên, nhóm, cấp, thanh XP) để nội dung chiếm toàn bề rộng; rail Chủ đề liên quan tự chuyển xuống dưới bài viết.

Điểm nổi bật

Banner mặt cắt địa hình 1792×1024 vẽ riêng bằng ImageGen: cỏ — đất — đá — mạch quặng — hồ — cây — mây, phía trên là tiêu đề "XÂY DỰNG HƠN CẢ THẾ GIỚI" và biển gỗ bên phải; không dùng tài nguyên game có bản quyền.
Thanh thống kê đầu trang kiểu ô khối: Chủ đề · Phản hồi · Thành viên · Đang trực tuyến (và Điểm nếu site có plugin điểm), mỗi ô một icon khối.
Avatar tròn đặt trong khung inventory vát góc; thẻ nhân vật trong chủ đề gồm dải cỏ, tên, nhóm, cấp bậc, thanh XP và hộp chỉ số, và dính chặt bên trái khi cuộn trên desktop.
Cấp bậc theo mạch quặng: Đá → Sắt → Vàng → Kim cương → Ngọc lục bảo → Netherite, tự tính theo số bài viết, hiển thị kèm LV và thanh XP xanh.
Trang chủ đề riêng: hero có bookmark khối, thẻ tác giả dính khi cuộn, rail Chủ đề liên quan + CTA; rail tự chuyển xuống dưới bài viết ở màn hẹp.
Chân trang tích hợp ô chuyển template: Tự động, giao diện mặc định hoặc bất kỳ giao diện nào đã cài; khách lưu vào trình duyệt, thành viên lưu vào hồ sơ.
48 PNG tự vẽ: 20 icon khối 128×128 (cỏ, sách, rương, bàn chế tạo, đuốc, biển gỗ, kim cương, ngọc lục bảo…) cho thanh thống kê, menu, danh sách và rail; 28 texture 64×64 cho huy hiệu, cấp bậc và nền.
Nhãn prefix, chip cấp bậc, danh hiệu, huy hiệu xác nhận, phong bao điểm… của các plugin đều được "vuông hoá" theo theme: hết bo tròn, hết gradient bóng.
Font Baloo 2 (700/800) tự host, có subset tiếng Việt riêng 9,9 KB, không gọi Google Fonts.
Ba cột từ 1321px; 1201–1320 giữ hai cột và gom rail phải thành lưới 2×2 dưới danh sách; điện thoại một cột với thanh tab khối dưới đáy.
Chỉnh được trong cấu hình: màu cỏ, độ dày viền khối 1–4px, bật/tắt banner.
Đủ chế độ sáng và tối, toàn bộ màu lấy từ token FlatBB; có gói ngôn ngữ tiếng Việt đi kèm.
Không đụng trang quản trị.

Ưu điểm

Chất "khối sandbox" rất rõ mà không dùng một tài nguyên nào của game có bản quyền: ảnh, texture, font đều tự vẽ và tự host, nên mua bán không vướng pháp lý.
Đọc tốt: phần nội dung dùng font chữ thường, chỉ tiêu đề và HUD dùng font display.
Gọn về mã: CSS khoảng 68 KB, 48 icon 409 KB, font tự host 142 KB; không JavaScript riêng, không tạo bảng, không thêm route — bật/tắt an toàn, dữ liệu nguyên vẹn.
Tương tác với plugin sẵn có: prefix, rank, title, verified, excerpt, red packet đều hiển thị đúng chất khối thay vì lệch style.

Nhược điểm

Phong cách pixel/khối rất kén: không hợp diễn đàn doanh nghiệp, chăm sóc khách hàng hay trang học thuật.
Mật độ chủ đề thấp hơn TabRe WAP, vì desktop dành một cột cho thẻ nhân vật.
Desktop cần khoảng 1321px để giữ đủ ba cột; 1201–1320 vẫn là hai cột với rail gom 2×2, hẹp hơn nữa tự xếp một cột.
Trên điện thoại, hộp chỉ số thành viên bị ẩn để dành chỗ cho nội dung.
Banner là ảnh raster 1792×1024 nặng khoảng 2,8 MB, nên lần tải đầu nặng hơn các giao diện chỉ dùng CSS.
Cấp bậc mạch quặng chỉ là hiển thị theo số bài viết, không kèm quyền lợi; muốn có danh hiệu thật vẫn cần plugin.
Không có hiệu ứng động hay kính mờ — thích cảm giác đó thì TabRe Glass hợp hơn.

Phù hợp: cộng đồng game Minecraft/sandbox, máy chủ game, clan, và diễn đàn công nghệ muốn một giao diện vui, gọn, dễ nhận ra.

Giá: 2.000 point trên Chợ DDVN, mua một lần và dùng vĩnh viễn — xem Block Craft trên chợ.

English version

Block Craft is a FlatBB theme built around sandbox-block games: the header is a pixel-drawn cross-section of terrain (grass — dirt — stone — ore veins — ponds — trees — clouds) that scrolls and tiles without a visible seam, a stat bar of block slots sits under it, member avatars live in inventory slots, ranks are named after ore tiers, and every post is a character card topped with a strip of grass and an experience bar. Version 3.1 rebuilds the topic page with its own hero and related-topics rail, and adds a template switcher to the footer.

Highlights

A 1792×1024 terrain cross-section banner generated for the theme: grass, dirt, stone, ore veins, ponds, trees and clouds under the "XÂY DỰNG HƠN CẢ THẾ GIỚI" title, with a wooden sign on the right; no copyrighted game assets.
A block-slot stat bar at the top of the page: Topics · Replies · Members · Online (plus Points when a points plugin is installed), each cell with its own block icon.
Round avatars inside a bevelled inventory frame; the post card carries a grass cap, name, group, rank, XP gauge and a stats box, and sticks to its column while you read on desktop.
Ore-tier ranks — Stone → Iron → Gold → Diamond → Emerald → Netherite — derived from post count, shown with a level and a green XP bar.
A dedicated topic page: book-marked hero, a sticky author card, a related-topics rail and a call to action; the rail drops below the thread on narrow screens.
A template switcher in the footer: automatic, the site default, or any installed theme; guests keep the pick in their browser, members in their profile.
48 hand-drawn PNGs: 20 block icons at 128×128 (grass, book, chest, crafting table, torch, sign, diamond, emerald…) for the stat bar, menu, list and rail, plus 28 textures at 64×64 for badges, ranks and backgrounds.
Plugin chips get the same treatment: prefixes, rank chips, titles, verified badges and red packets are all squared off to match the theme instead of clashing with it.
Self-hosted Baloo 2 (700/800) with its own 9.9 KB Vietnamese subset; no Google Fonts request.
Three columns from 1321px; 1201–1320 keeps two columns and folds the right rail into a 2×2 stack under the list; phones get one column with a block tab bar at the bottom.
Re-skin from settings: grass colour, block edge 1–4px, banner on/off.
Full light and dark mode, every colour from FlatBB tokens; a Vietnamese language pack ships with the theme.
The admin area is left untouched.

Pros

An unmistakable sandbox-block identity that uses no copyrighted game asset: every image, texture and font is authored or self-hosted, so the listing stays clean.
Easy to read: body text keeps a normal face, only headings and the HUD use the display font.
Lean in code: about 68 KB of CSS, 409 KB of icons, 142 KB of self-hosted fonts; no extra JavaScript, no tables, no routes — enabling or disabling is safe and keeps your data intact.
Plays well with the plugins a live forum already runs (prefixes, ranks, titles, verified, excerpts, red packets), which most themes leave in their original rounded glossy style.

Cons

The pixel/block look is very specific; it does not suit corporate, support or academic forums.
Lower topic density than TabRe WAP, because desktop spends a column on the character card.
Desktop needs about 1321px to keep all three columns; 1201–1320 stays two-column with a 2×2 rail, narrower screens reflow.
On phones the member stats box is hidden to give content the full width.
The banner is a 1792×1024 raster image of about 2.8 MB, so the first load is heavier than CSS-only themes.
Ore tiers are cosmetic, derived from post count and carrying no rewards; a real title system still needs a plugin.
No motion or glass effects — if you want that feel, TabRe Glass is the better pick.

Best for: Minecraft and sandbox communities, game servers, clans, and tech forums that want a playful, instantly recognisable interface.

Price: 2,000 points on the DDVN Market, one-time purchase — see Block Craft on the market.