Cái này đơn giản thôi mà. Mình lấy ví dụ ở theme Modern nhé. Các theme khác các bạn làm tương tự. Và muốn làm được thì bạn phải có kiến thức CSS nhé. Cái này mình không giúp được. File lưu cấu hình block nằm trong thư mục themes\modern\layout . Trong theme Modern này bạn sẽ thấy có 3 kiểu dạng Block được hiển thị.

Một là dạng mặc định ( block.default.tpl )
Hai là dạng không có phần header và viền ( block.no_title.tpl )
Ba là dạng không có phần Header nhưng có viền ( block.no_title_html.tpl )

Bạn muốn sửa đường viền cho dạng block nào thì mở file tương ứng ra. Đây mình lấy ví dụ mình sẽ thay đổi dạng mặc định của block
Như vậy mình sẽ mở file block.default.tpl và đây là nội dung của nó
MÃ: CHỌN TẤT CẢ

Code:


<!-- BEGIN: mainblock -->
<div class="boxNew">
  <div class="boxTitle">{BLOCK_TITLE}</div>
 
  <div class="boxContents">
      {BLOCK_CONTENT}
  </div>
</div>
<!--  END: mainblock -->


Như đoạn code ở trên bạn thấy có 3 lớp quyết định đến kiểu dáng của block là boxNew, boxTitle, boxContents. Bạn chỉ cần vào file css của theme này để tìm đoạn code của các lớp trên và chỉnh sửa mầu cũng như kiểu dáng theo ý bạn. File css của theme Modern là file themes\modern\css\screen.css.

Vậy thôi. Còn chỉnh sửa thế nào thì còn phải tùy theo bạn muốn nó thay đổi thế nào.

Mẹo nhỏ : Bạn có thể vào các website mà có kiểu block bạn muốn bằng trình duyệt Chrome và nhấn chuột phải vào đoạn block đó chọn Kiểm tra phần tử. Bạn sẽ thấy được đoạn css của block đó

Bạn có thể vào ngay website của mình để thử xem thế nào. Mình cũng không giỏi về code nên chỉ biêt chỉnh sửa đôi chút css thôi. Chưa có kiến thức nên chưa sáng tạo nhiều được. Theme mình dùng cho website hiện nay cũng chỉ edit lại các theme mặc định của Nukeviet thôi.

[You must be registered and logged in to see this link.] và [You must be registered and logged in to see this link.] . Đây là hai trang web mình đã edit theme theo ý mình. Mời bạn vào thăm quan.

Chúc thành công !!!!!!
[You must be registered and logged in to see this link.]