Love Is ......Crying......

Tổng hợp từ Thủy Hiền .
Nếu bạn muốn thay đổi cách trang trí mặc định cho sidewrap bằng những hình ảnh hoặc màu nền cho phù hợp với background của bạn thì bạn tìm đoạn code sau:


side H2 {
PADDING-RIGHT: 0px;
PADDING-LEFT: 5px;
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
BACKGROUND: #356ca2;
PADDING-BOTTOM: 2px;
MARGIN: 0px 0px 1px;
TEXT-TRANSFORM: uppercase;
COLOR: #fff;
PADDING-TOP: 2px;
TEXT-ALIGN: left
}

.sidebox {
BACKGROUND: #f5f5f5;
MARGIN-BOTTOM: 15px;
BORDER-BOTTOM: #dbdbd5 1px solid
}

.sidebox .pad {
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
BACKGROUND: url(/community/graphics/users/2/sidebox.gif) #f5f5f5 repeat-x left top;
PADDING-BOTTOM: 5px;
PADDING-TOP: 5px
}


Để cho dễ xác định, bạn hãy nhìn vào Blog của tôi

- side H2 là phần hiển thị tiêu đề của từng box, e.g. About, Tags, Countdowns,...
- sidebox là khoảng cách giữa tiêu đề và nội dung của từng box (bạn thấy có 1 khe rất nhỏ như sợi chỉ ở giữa);
- sidebox.pad là phần hiển thị nội dung của từng box.

Bạn chỉ cần thay đường dẫn của background bằng ảnh nền hoặc màu nền. Nếu bạn muốn tạo khung cho box thì bạn thêm code border (xem lại phần thay đổi background).

Khi thay đổi background, có thể màu của text và hyperlink sẽ không phù hợp nữa.

Bạn có thể thay đổi màu text của tiêu đề ở đoạn code color được in nghiêng. Màu text của nội dung hiển thị trong box nằm trong đoạn code sidewrap. Nếu không được xác định (như ở trên) thì có nghĩa là theo code của cả trang Blog của bạn (nằm trong đoạn code body (xem lại phần thay đổi background). Nếu bạn muốn màu text khác, thì bạn thêm code color: #000000 (thay bằng màu mà bạn muốn) vào đoạn code sidewrap hoặc sidebox.

Màu của hyperlink được xác định trong đoạn code sau


#side A:link { (liên kết)
COLOR: #000
}

#side A:visited { (liên kết đã được xem)
COLOR: #000
}

#side A:active { (liên kết đang hoạt động)
COLOR: #000
}


Lưu ý, những đoạn code này sẽ không áp dụng cho lịch và box download trình duyệt Opera. Muốn thay đổi cách trang trí của hai box này, bạn cần tìm đoạn code sau:


#side CAPTION { (phần hiển thị tiêu đề của lịch, i.e. chữ Calendar)
PADDING-RIGHT: 0px;
PADDING-LEFT: 5px;
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
BACKGROUND: #356ca2;
PADDING-BOTTOM: 2px;
MARGIN: 0px 0px 1px;
TEXT-TRANSFORM: uppercase;
COLOR: #fff;
PADDING-TOP: 2px;
TEXT-ALIGN: left
}

#calendar { (phần hiển thị lịch)
CLEAR: both;
FONT-SIZE: 10px;
BACKGROUND: url(/community/graphics/users/2/calendar.gif) #efefed;
MARGIN-BOTTOM: 15px;
WIDTH: 190px;
BORDER-BOTTOM: #dbdbd5 1px solid;
border-spacing: 1px
}

#side #getopera H2 { (phần hiển thị tiêu đề box download trình duyệt Opera)
BACKGROUND: #356ca2;
COLOR: #fff
}

#getopera .pad { (phần hiển thị nội dung quảng cáo)
BACKGROUND: url(/community/graphics/users/2/sidebox.gif) #f5f5f5 repeat-x left top;
COLOR: #fff
}


Nếu bạn không muốn hiển thị box download trình duyệt Opera, thì bạn chỉ cần viết đoạn code sau vào phần enter CSS:


#side #getopera {
display: none
}

Trang Blog Opera bao gồm banner (top), menu, nội dung (content) và đường viền chân (footer). Content bao gồm phần hiển thị các bài viết (mainwrap) và phần hiển thị các links (sidewrap). Mặc định của Opera là mainwrap nằm phía trái, và sidewrap nằm phía phải. muốn thay đổi nó thì bạn cần chỉnh sửa một chút nếu muốn sidewrap(là phần tag,album..)nằm bên trái ,mainwrap bên phaỉ thì bạn chỉnh sửa như sau:

#sidewrap {
FONT-SIZE: 11px;
FLOAT: left;
OVERFLOW: hidden;
WIDTH: 190px
}


#mainwrap {
FLOAT: right;
PADDING-BOTTOM: 12px;
WIDTH: 100%;
MARGIN-left: -210px
}

#main {
MIN-HEIGHT: 400px;
PADDING-BOTTOM: 15px;
MARGIN-left: 210px
}

Còn nếu muốn đổi ngược lại thì chỉnh sửa như sau :

#mainwrap {
FLOAT: left;
PADDING-BOTTOM: 12px;
WIDTH: 100%;
MARGIN-RIGHT: -210px
}

#main {
MIN-HEIGHT: 400px;
PADDING-BOTTOM: 15px;
MARGIN-RIGHT: 210px
}
#sidewrap {
FONT-SIZE: 11px;
FLOAT: right;
OVERFLOW: hidden;
WIDTH: 190px
}

chúc bạn thành công !

Hiện nay việc tạo chữ kí một cách ấn tượng với nhiều hiệu ứng độc đáo để làm chữ kí hoặc chèn vào trong các diễn đàn .Nhưng để làm được như vậy thì những kiểu chữ với những hiệu ứng như vậy cần đến nhưng phần mềm chuyên nghiệp dùng cho đồ hoạ như Photoshop , corel thì không phải ai cũng làm được .Một cách khác là đến với trang web : http://taochu.com , tại đây bạn được tạo chữ với một cách làm hoàn toàn mới không cần một chút kiến thức gì về nghành đồ hoạ . Sau khi thực hiện xong cách tạo chữ thi bạn sẽ được cung cấp một đạon code đưa vào Blog ..chúc bạn thành công vidụ :