Book / Movie / Software Store

Kennu75

New member
Source:
Demo:

Code11.jpg
Ưu điểm:
- Hoạt động ổn định.
- Giao diện đẹp và ấn tượng.
- Tùy chỉnh dễ dàng.
Nhược điểm:
- Code dài lằng nhằng.
- Thẩm mỹ tùy theo từng cá nhân.
=====================================================
BƯỚC 1 - Chèn code sau đây vào Theme Apperance:
Mã:
td.zone {
background: url(http://z5.ifrm.com/9076/174/0/p1052387/BzoneDock.jpg) repeat-x-y top center #111;
border: none;
border-left: 3px solid #111;
border-right: 3px solid #111;
box-shadow:none;
}

td.c_foot_zone {
background:#111;
border: 2px solid #111;
border-right: 3px solid #111;
box-shadow:none;
}
BƯỚC 2 - Download mã HTML:
Các bạn tải file JS dưới đây về máy:

File này có thể mở ra bằng Notepad.

BƯỚC 3 - Tạo một trang mới cho forum:
Các bạn vào Admin CP > Website Maker > Creat New Webpage.
- Ở ô "Page ID" gõ địa chỉ mở rộng vào, ví dụ: movie
- Ở ô "Page Title" gõ tên page vào, ví dụ: Bzone
- Ở phần "Page Content", các bạn copy toàn bộ nội dung của file JS vừa download trên vào.
- Cuối cùng là ấn nút "Creat Webpage".

BƯỚC 4 - Hiệu chỉnh:
Trong nội dung file JS, hoặc trong Page Content (nếu bạn đã copy vào), bạn có thể sửa đổi theo ý thích những vị trí như sau:
Mã:
<h2>Đặt tên của Category bạn muốn ở đây</h2>
width="876px" - Thay đổi chiều ngang của kệ chứa phim, phần mềm...
<a href="Link 1" title="Tiêu đề 1"> - Thay đổi liên kết và tiêu đề cho liên kết đó khi rê chuột vào.
<img src="http://i1204.photobucket.com/albums/bb412/bvncover/Iconbox62.png"> - Thay link ảnh box.
Một số lưu ý:
- Kiến nghị các bạn sử dụng hình ảnh các box có chiều cao 150px để phù hợp với nền. Nếu ảnh của bạn to hơn, các bạn phải thay đổi ảnh nền BzoneDock.jpg trong CSS.
- Các bạn có thể thêm bớt cú pháp của file JS để kệ chứa có nhiều ngăn hơn.

Mọi thắc mắc về code 'Book / Movie / Software Store' hoặc link download xin nêu tại topic này!
 
Á, cái bóng đổ là do cái ảnh box làm bằng photoshop chứ hok phải do code :))
 
Back
Top