Style lấy cảm hứng từ diễn đàn VBB. Tuy cập
nhật đã lâu nhưng do chưa có thời gian share.
1. Đầu tiên là Danh sách diễn đàn. Gồm các biến sau
- {{forum_url}}: url diễn đàn
- {{forum_name}}: tên diễn đàn
- {{topics}}: tổng số topic trong diễn đàn
- {{messages}}: tổng số bài viết trong diễn
đàn
- {{online}}: số thành viên đang xem diễn
đàn
- {{icon}}: icon của diễn đàn
Chú ý rằng {{forum_url}} chỉ là url của diễn
đàn. Sử dụng để liên kết đến diễn đàn trong:
<a href="{{forum_url}}">{{forum_name}}</a>
Code cái này của mình khá đơn giản thôi:

<div class="forum"> {{icon}} <a href="{{forum_url}}"/><font color="#0000ff">{{forum_name}}</font></a> <small>({{online}})</small><br/> [<font color="#335599"><b>{{messages}}</b></font> <small>bài viết</small>/<font color="#335599"><b>{{topics}}</b></font> <small>chủ đề</small>] </div>

2. Tiếp theo là Danh sách chủ đề. Gồm các biến sau: - {{topic_url}}: url chủ để - {{topic_icon}}: icon chủ đề - {{lock_icon}}: icon chủ đề bị khóa - {{pin_icon}}[/ b]: icon chủ đề bị gắn lên đầu - [b]{{poll_notice}}: icon bình chọn - {{topic_name}}: tên chủ đề - {{messages}}: số bài viết trong chủ đề - {{author_profile_url}}: url đến thông tin người tạo chủ đề - {{author_nick}}: tên người tạo chủ đề - {{author_id}}: id người tạo chủ đề - {{show_author}}: trả về giá trị đúng khi người dùng cài đặt hiển thị tên người tạo và ngược lại Chú ý rằng {{topic_url}} chỉ là url của chủ đề. Sử dụng để liên kết đến chủ đề trong: <a href="{{topic_url}}">{{topic_name}}</a>. Tương tự đối với {{author_profile_url}} Code cái này của mình cũng đơn giản không kém :

<div class="topic_list"> <div class="topic_name"> <a href="{{topic_url}}&read=1">{{topic_icon}} {{poll_notice}} {{topic_name}}</a> </div> <div><span class="fr">{{lock_icon}} {{pin_icon}}</span>Tạo bởi: <a href="{{author_profile_url}}">{{author_nick}}</a>, trả lời: {{messages}} </div> </div>

3. Cuối cùng là cái mà quan trọng nhất ** là Danh sách bài viết. Gồm các biến sau: - {{author_profile_url}}: url đến thông tin người viết - {{author_nick}}: tên người viết - {{message}}: bài viết - {{mesage_date}}: thời gian viết bài - {{edit_date}}[ b]: thời gian được sửa lại - [b]{{edit_notice}}: Văn bản "Đã sửa". - {{author_id}}: id người viết bài. - {{edited}}: trả về giá trị đúng khi bài viết đã được sửa và ngược lại. Sử dụng trong điều kiện để hiển thị {{edit_date}}. Chú ý: {{author_profile_url}} và {{author_nick}} cũng được sử dụng tương tự các phần trên. Sau đây là code:

<div class="topic_message"> <div class="title2"><small>{{message_date}}</small></div> <table class="frmsg" width="100%"> <tr valign="top"> <td rowspan="2" width="35px">{{ api.u.get(author_id).profilephoto(2, true) }}</td> </tr> <tr> <td><a href="pm.php?id=new&to={{author_id}}" class="fr"><img src="/files/154586/pmt.png"/></a><a href="user_info.php?uid={{ api.u.get(author_id).uid }}"><b>{{ api.u.get(author_id).nick }}</b></a> ({{ api.u.get(author_id).level }})<br/><small>Tài sản: {{ api.u.get(author_id).plus }} $<br/>Topics: {{ api.u.get(author_id).frm_topics }}. Posts: {{ api.u.get(author_id).frm_posts }}</small></td> </tr> </table> <div class="message_topic">{{message}}</div> <br/>{% if edited %}<small>sửa lần cuối {{edit_date}}</small><br/>{% endif %} {% if author_id==20702933 %}<div>____<small><b>Chữ ký</b></small>____________________</div><small style="pading:4px">Giang hồ đẫm máu anh không sợ<br/><br/>Chỉ sợ đường về vắng bóng em...</small>{%endif%} </div>

Cuối cùng là CSS, các bạn chèn đoạn sau vào CSS của diễn đàn cả 2 phiên bản WAP/WEB (Bảng điều khiển > Tiêu đề đầu trang và cuối trang > Diễn đàn > Chỉnh sửa CSS)

.forum{border:1px solid #999;margin-bottom:5px}.topic_list{border:1px solid #ccc;margin-bottom:3px}.topic_name{height:20px;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:#f0f0f0}.fr{float:right}.topic_message{border:1px solid #666;margin-bottom:5px}.frmsg{background:#f0f0f0;padding:3px 2px}.message_topic{padding:3px 2px}.title2{display:block;width:100%;color:white;background-color:#4B4F55;padding:3px 0;font-size:16px;text-align:left;font-family:Verdana,Arial,Helvetica,sans-serif}

Nếu có lỗi vui lòng báo cho MrKen_9x để chỉnh sửa.
Copy share nơi khác nhớ ghi nguồn: sharecode.wap.mu
CHÚC CÁC BẠN THÀNH CÔNG!