| Chào mừng bạn đến với »»--(¯`°ZetaFamily°´¯)--»» - nơi chia sẽ những thủ thuật cho forum Zetaboards -‘๑’- Bạn hiện đang xem diễn đàn của chúng tôi với tư cách là Khách.Điều này có nghĩa là bạn sẽ không thấy được hệ thống các code được chia sẽ trên diễn đàn. -‘๑’- Đăng Ký rất đơn giản, nhanh chóng, và hoàn toàn miễn phí. Nhấp chuột vào ĐÂY -‘๑’- Sử dụng Firefox để đăng nhập Forum dễ dàng hơn ! -‘๑’- Nếu đã có tài khoản hãy đăng nhập dưới đây : -‘๑’- Chúc bạn một ngày tốt lành -‘๑’- |
| [ZB code] Slide hình ảnh trên banner | |
|---|---|
| Tweet Topic Started: Jul 15 2011, 08:05 AM (374 Views) | |
| ZetaFamily | Jul 15 2011, 08:05 AM Post #1 |
|
Tôi yêu Zetaboards
![]()
|
Posted by Kennu75. Thank you for sharing Code này là một code khủng khiếp mà mình phải lắc đầu le lưỡi khi chèn vào forum. Một phần vì kiến thức Java của mình thuộc hàng mắm tôm mắm tép, một phần khác là vì nó có khá nhiều phần rắc rối và trên mạng lại có ít tài liệu hướng dẫn về nó. Dưới đây là bài hướng dẫn chi tiết nhất mà mình có thể viết được với kiến thức hạn hẹp của bản thân, mong các bạn thông cảm. Đầu tiên là code gốc nguyên bản từ resources, mình không thay đổi gì cả, post luôn cho các bạn làm tài liệu: Để thành thục code này thì có 2 phần cơ bản là Chèn code và Thao tác với code I. Phần 1 - Chèn code: 1. Chèn vào mục Below the Board:
2. Chèn vào Theme Appearance (CSS):
3. Đây là bước khá quan trọng đây, chèn vào Theme Layout: - Nếu theo trường hợp mặc định, Layout của forum bạn sẽ vẫn còn thẻ <!-- HEADER -->, và bạn sẽ chèn có dạng như sau (tức là chèn ngay kế bên thẻ <!-- HEADER --> ) :
- Một trường hợp khác là bạn đã xóa thẻ <!-- HEADER --> đi mất, vậy thì bạn sẽ chèn như sau ( Tức là chèn ngay dưới hoặc trên thẻ <!-- TOPMENU --> ) :
Tùy theo bước 3 bạn đặt code ở vị trí nào thì sẽ có những vị trí hiển thị khác nhau. Một số lưu ý: - Logo của bạn không nên có chiều cao quá nhỏ vì sẽ ảnh hưởng lớn đến code. Chiều cao Logo theo code nguyên bản trên phải từ 150px trở lên. - 3 mã #ZBlogo, #ZBlogo2, #ZBlogo3 là do mình tự thêm chứ không phải nguyên bản của Resources. Các bạn có thể thấy chiều cao của nó là "height: 205px;" - Đây chỉ là bước cơ bản để làm quen với code nên chắc hẳn các bạn không bao giờ ưng ý, ở phần hướng dẫn tiếp theo mình sẽ chỉ các bạn cách fix lại cho phù hợp với sở thích của bạn. II. Phần 2 - Thao tác với code: Thao tác chính đó là bạn can thiệp vào nội dung file JS3 trong bước 1 ở trên. (Link nó đây http://z4.ifrm.com/30308/172/0/p1091436/JS3.txt ) Trong đó bạn sẽ được phép thay đổi các thứ có trong dòng mã sau: [ 'http://z1.ifrm.com/0/2/0/p404524/REfreshIF.png', 'REfresh IF', 'EF, c.Leonardo (Staff Release)', 'http://resources.zetaboards.com/topic/5120544/ ' ], Link đầu tiên trong mã đó là hình ảnh. Thông thường hình ảnh kích cỡ bao nhiêu cũng được nhưng nên nhỏ thôi, khoảng 300px x 200 px là được. Link cuối cùng là địa chỉ mà bạn muốn dẫn tới (ví dụ như http://beastvn.2009.tk chẳng hạn). Những phần chữ còn lại nhìn hình dưới đây bạn sẽ hiểu tác dụng của nó. ![]() Bạn có thể thêm bớt các nội dung mới, hình ảnh mới, (mình gọi chung nó là 1 slide.) theo cú pháp: [ 'Link ảnh', 'Tiêu đề nhỏ', 'Người viết (Chữ tiêu đề lớn)', 'Đường dẫn muốn chuyển tới ' ], Lưu ý 1 tí: cú pháp không được thiếu dấu , màu tím ở cuối cùng nhé.( nhỏ quá nên chắc các bạn khó thấy màu) Hix...post mệt quá. Giờ mình ngủ tí, sáng sớm dậy mình sẽ post tiếp code mà BeastVN đã hiệu chỉnh và đang dùng. |
|
TOP
|
| 1 user reading this topic (1 Guest and 0 Anonymous) | |
| « Previous Topic · ZetaBoards Code Forum · Next Topic » |






9:34 PM Jul 11