[Beta Plus] Tạo Banner đầu blog

Lu Bu · 1 [Beta Plus] Tạo Banner đầu blog 2010-01-31, 7:37 pm

Lu Bu

Thành Viên Cấp 9

Bài Viết : 9302

Đến Từ : Cà Mau
Point

Point : 86090

Ở bản Plus cũ khi bạn muốn chèn banner cho blog
thì thường sử dụng module Tên Blog để chèn. Nhưng ở bản Beta ta không
thể dùng cách đó được. Bài viết này sẽ hướng dẫn cách chèn banner cho
Beta.

Nguyên tắc không có gì phức tạp, chỉ là chèn link hình vào module tự tạo

Ở menu BlackBox đầu Blog chọn Blog Của Tôi, chọn Thêm Module

Chọn Cột tự thiết kế, ấn Tiếp

Chọn vị trí đầu trang rồi ấn Xong

Ở menu Blog Của Tôi chọn Sửa trang

Ấn vào biểu tượng Cây viết chi ở góc phải phía trên của module

Thay đoạn code sau vào phần nội dung

Quote:

Thay link hình bằng link hình của bạn

Có thể thay tiêu đề module rồi ấn nút Lưu

Nếu hình banner lớn hơn so với module thì có thể thêm width="100%" vào
code giống trong hình để code có dạng

Quote:

width="100%">

Bây giờ banner không còn bị mất khúc nữa

Nếu bạn muốn mất viền và nền tiêu đề của banner thì sử dụng code CSS sau

Quote:

#user_mod_10001 .rc_bd .rc_bc .hd .titlebar .hd, #user_mod_10001
.rc_bd .rc_bc .hd .titlebar, #user_mod_10001 .rc_hd, #user_mod_10001
.rc_hd div, #user_mod_10001 .rc_bd, #user_mod_10001 .rc_bc,
#user_mod_10001 .rc_ft, #user_mod_10001 .rc_ft div, #user_mod_10001
.rc_bc .bd{background:transparent;border-style:none;}

Ngoài ra bạn cũng có thể canh chỉnh cho tiêu đề với code CSS sau

Quote:

#user_mod_10001
h2{font-weight:bold;font-size:15px;text-align:center;}

Trong đó

font-weight:bold là cho tiêu đề đậm lên
font-size:15px quy định kích cỡ tiêu đề, có thể thay 15 bằng số khác tùy
ý bạn
text-align:center canh chỉnh tiêu đề ở giữa, có thể thay center bằng
left (trái) hay right (phải)

Còn nếu bạn không muốn có tiêu đề thì dùng code CSS sau

Quote:

#user_mod_10001 h2{font-size:0px;}

Một lưu ý là các code trong bài viết đều là áp dụng cho module tự tạo 1,
nếu bạn muốn dùng cho module tự tạo có số khác thì thay #user_mod_10001
trong code tương ứng theo số module tự tạo là #user_mod_10002,
#user_mod_10003, ... , #user_mod_10009, #user_mod_10010.

Ví dụ code cho module tự tạo số 2 sẽ là

Quote:

#user_mod_10002 .rc_bd .rc_bc .hd .titlebar .hd, #user_mod_10002
.rc_bd .rc_bc .hd .titlebar, #user_mod_10002 .rc_hd, #user_mod_10002
.rc_hd div, #user_mod_10002 .rc_bd, #user_mod_10002 .rc_bc,
#user_mod_10002 .rc_ft, #user_mod_10002 .rc_ft div, #user_mod_10002
.rc_bc .bd{background:transparent;border-style:none;}