TIPS AND TRICKS

Thật tình, tôi cũng chưa sửa hoàn chỉnh (Photo Album) Nhưng tôi sợ không kịp thời gian nếu tôi tiếp tục mò mẫm Nhiều người muốn tôi hướng dẫn họ sửa lại một skin có sẵn để tạo một skin hơi khác một chút, như cách tôi sửa lại Skin Giáng Sinh của Phạm Lâm thành skin này. Tôi sẽ tiếp tục... mò và sẽ update file chứa code CSS để bạn sử dụng.

Trong file SkinTet.zip mà các bạn download sẽ gồm những files hình ảnh và một file.txt. File.txt chứa code CSS mà bạn cần dán vào ô Enter CSS trong mục Preferences/Web page layout. Còn những hình ảnh thì bạn upload vào host của bạn (Preferences/ My files). Mặc dù tôi giữ nguyên đường dẫn của hình ảnh đến host của tôi và bạn hoàn toàn có thể take advantage, nhưng tôi khuyên bạn nên sửa đường dẫn, vì chắc chắn tôi sẽ không sử dụng skin này lâu dài. Điều này cũng có nghĩa là tôi có thể sẽ xóa đi những hình ảnh trên host của tôi.

Bạn cần lưu ý những đoạn code có địa chỉ (url) của blog của tôi (danquynh) để thay bằng tên bạn. Ví dụ:

body {
background:url(http://my.opera.com/danquynh/homes/skintet/background.gif);
}

Hoặc

#wrap3 {
background:url(http://files.myopera.com/danquynh/skintet/footer.jpg)
}

Như vậy, nếu bạn muốn thay đổi cả hình ảnh, thì bạn cũng chỉ cần tìm những đoạn code có url là blog của tôi, và thay bằng những hình ảnh đã được upload vào host của bạn. Sau đó bạn vào Preferences/Web page layout, chọn bất cứ theme nào, trừ theme số 10 và 11. Cuối cùng, bạn dán file.txt vào ô Enter CSS và save với option 2 "Only use my custom style sheet".

Ngoài ra, do tôi set chỉ có 4 links ở top menu nên việc canh lề có thể khác nếu bạn set nhiều links hơn. Nếu bạn muốn menu vẫn nằm ở giữa banner, bạn cần tìm đoạn code sau đây trong file.txt:

#menu {
clear:both;
margin-left:260px;
}

Phần code tôi in đậm (margin-left) là khoảng cách từ lề trái của banner đến menu. Nếu bạn có nhiều links hơn, bạn cần giảm giá trị này xuống cho phù hợp.

Tương tự, nếu tiêu đề của Blog (ví dụ trong ảnh demo của tôi là "Tết... tết... tết... tết đến rồi) dài hơn hoặc ngắn hơn, bạn cũng có thể chỉnh lại trong đoạn code sau:

#top2 {
height:109px;
padding-left:520px; (khoảng cách từ lề trái của banner đến tiêu đề)
}

#top h1 {
margin:0;
width:500px;
font-size:16px; (kích thước chữ)
font-family:tahoma,arial,helvetica,sans-serif;
line-height:normal;
padding-top:125px; (khoảng cách từ lề trên của banner đến tiêu đề)
}

Không quá khó phải không?

Enjoy and Happy New Year![/i]