Cách trang trí CSS trong các module phụ

Trong nhiều bài viết có hướng dẫn rồi nhưng bạn nào chỉ copy paste thì rõ là không hiểu được.

Trong bài viết này có bạn thắc mắc nè [You must be registered and logged in to see this link.], trích nguyên văn :

"Và mặt khác nếu coder chú ý hơn code
trên không có tác dụng với một số link ở các module phụ. Vậy mong sao
coder sẽ hoàn chỉnh code của mình trước khi share"

Mà chính trong 4rum này cũng đã có một bài nhưng mục đích là làm menu
động dùng CSS và ID, nếu bạn nào chú ý kỹ sẽ hiểu ra vấn đề

[You must be registered and logged in to see this link.]


Để làm được điều này, trước tiên các bạn cần khai báo CSS riêng cho
module phụ, vào Thiết kế -> Themes -> Chế độ tự chỉnh sửa :


Mã:

#Tentuychon a:hover {color:#FF00FF;text-decoration:blink;background-image:url(Link hình nền);}
#Tentuychon a {color:#FF00FF;text-decoration:blink;background-image:url(Link hình nền);}
#Tentuychon {background:url(LinkẢnh nền) no-repeat -0px 0px;}

Giải thích chút :

Dòng 1 : Tạo hiệu ứng khi di chuột vào link
Dòng 2 : Chế độ hiển thị bình thường của link
Dòng 3 : Ành nền cho những gì nằm giữa 2 thẻ div (mà trong module phụ sẽ dùng)

Các bạn chú ý, nếu muốn thay đổi hiệu ứng khi đưa chuột vào vùng nào đó các bạn thêm :hover và các khai báo là được
Ví dụ :
#Tentuychon:hover {vân vân và vân vân}

Sau đó vào chế độ chỉnh sửa trong module phụ để sử dụng đoạn CSS trên cho phần nào thì bạn chèn thêm thế này :


Mã:


[You must be registered and logged in to see this link.]
Nội dung lung tung và những gì khác



Hi vọng sau bài viết này, các bạn phần nào sẽ nắm được cái cơ bản để sử dụng CSS cho từng module.