Muốn làm đẹp blog 360 phải làm thế nào?

Nguyen Thi Trang
Nguyen Thi Trang
Trả lời 14 năm trước

Thay đổi con trỏ trên blog theo ý mình: (nhưng hok hiểu seo cái nì mình làm hoài không được, hic)

Bố trí => Theme => Chế độ tự chỉnh sửa => CSS

Điền vào ô trống của CSS nội dung sau:

body{cursor: xxx;}
a:hover{cursor:xxx;}

Trong đó xxx là tuỳ chọn cho con trỏ trên blog bạn, body là lệnh cho con trỏ sử dụng trên toàn blog, a:hover là lệnh cho con trỏ hiển thị khi đặt lên một links liên kết, bạn điền từ nào vào xxx thì sẽ hiện lên hình ngay sau đây:

pointer crosshair n-resize w-resize ne-resize nw-resize move wait help

Hoặc bạn có thể sử dụng 1 ảnh động, 1 icons xinh đẹp để thay cho con trỏ trên blog bằng cách, copy đường links của ảnh đó điền vào chỗ xxx dưới đây:

body{cursor:url(xxx)}
a:hover {cursor:url(xxx)}


Ảnh nền theme của phần blog: Nếu để ảnh tràn toàn blog nên đặt là fixed như sau:

BODY.blog_my {BACKGROUND:url(http://XXXX.jpg) #000000 fixed;}

Hãy điền links của ảnh nền bạn thích vào đoạn http://www.xxx.jpg nhé. Bạn có thể lấy hình nào mình thik( fải chuột vào hình, chọn properties copy cái link hình http:….. vào nhé, hoặc bạn tự design rùi up lên http://anhso.net chẳng hạn, rùi lấy link hình từ đó)


Ảnh nền Bảng tin nhắn, có thể đặt ảnh khác

BODY.guestbook {BACKGROUND:url(http://XXXX.jpg) #000000 fixed;}

Ảnh nền cho bảng Profile:
#profile_highlight_module .rc_bd .rc_bc {background:url(http://xxx.gif) #653e16 top right repeat;}

#profile_highlight_module .bd {background:url(http://xxx.gif) #653e16 bottom right no-repeat;}

Ảnh nền cho bảng thư mục (tag):

#folder .bd {background:#FFFFFF url(http://xxx.gif);}

Ảnh nền cho bảng Danh sách bạn bè:

#friendlist_module .bd {background:#FFFFFF url(xxx.gif);}

Ảnh nền cho bảng thống kê statistic:

#statistic .bd {background:#FFFFFF url(http://xxx.gif);}

Ảnh nền cho bảng comment:
#comment_new .bd {background:#FFFFFF url(http://xxx.gif);}

Ảnh nền cho lịch calendar:

#calendar .bd {background:#FFFFFF url(http://xxx.gif);}

Ảnh nền cho bảng: Blog yêu thích:
#subscribe_highlight .bd {background:#FFFFFF url(http://xxx.gif);}


Ảnh nền cho bảng Bài viết mới nhất:
#article_new .bd {background:#FFFFFF url(http://xxx.gif);}

Ảnh nền cho bảng entry Blog (bài viết):
#article_list_module .bd {background:#FFFFFF url(http://xxx.gif);}

Ảnh nền cho bảng Tìm kiếm Search:
#search_module .bd {background:#FFFFFF url(http://xxx.gif);}

Ảnh nền cho bảng Hình ảnh trên Blog:
#photo_highlight .bd {background:#FFFFFF url(http://xxx.gif);}


Ảnh nền cho các module chung:
Đầu tiên là làm nền cho tất cả các module của hai cột phụ. Cái này hay hơn là làm từng cái cho calender, thống kê,... vì nó làm đồng loạt các nền cho mọi modole nhanh gọn lẹ. Bạn có thể thay đổi link hình ảnh để có hình nền của riêng mình:

.col-150 .rc_bd .rc_bc .bd /* JW */
{background:transparent url(http://xxx.gif);color:#FFFFFF;}

Ảnh nền cho tittle bar (header) của tất cả modules:

.col-150 .rc_bd .rc_bc .hd .titlebar .hd,
.col-150 .rc_bd .rc_bc .hd .titlebar
{background:transparent url(http://XXX.xxx);}
.col-150 .rc_bd .rc_bc .hd .titlebar .hd h2, .col-150 .rc_bd .rc_bc .hd .titlebar .hd a
{color:#4E4E4E;}
.col-150 .hd .titlebar .hd a:hover
{text-decoration:underline;

Canh phải cho các tiêu đề:

Mục đích canh phải các tiêu đề là để thêm các icon vào bên trái mỗi module, khi đó tiêu đề sẽ không bị chồng lên icon.

.hd .titlebar .hd h2{
text-align:right;}

Bạn tham khảo một số cách trang trí cơ bản của mình nha. Chúc vui