Tin học: HD trang trí Blog

Chia sẻ bởi Trần Việt Thao | Ngày 11/05/2019 | 53

Chia sẻ tài liệu: Tin học: HD trang trí Blog thuộc Giáo dục đặc biệt

Nội dung tài liệu:

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
 
Gửi ý kiến

↓ CHÚ Ý: Bài giảng này được nén lại dưới dạng RAR và có thể chứa nhiều file. Hệ thống chỉ hiển thị 1 file trong số đó, đề nghị các thầy cô KIỂM TRA KỸ TRƯỚC KHI NHẬN XÉT  ↓


* Một số tài liệu cũ có thể bị lỗi font khi hiển thị do dùng bộ mã không phải Unikey ...

Người chia sẻ: Trần Việt Thao
Dung lượng: | Lượt tài: 4
Loại file:
Nguồn : Chưa rõ
(Tài liệu chưa được thẩm định)