Share Code Bố Cục Diễn Đàn WapeGo

- Đây là code bố cục diễn đàn tương tự như sharecode.wap.mu
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: {{forum_name}}
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>
[<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}}: icon chủ đề bị gắn lên đầu
- {{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: {{topic_name}}. 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}}: thời gian được sửa lại
- {{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 }})
<small>Tài sản: {{ api.u.get(author_id).plus }} $
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>

{% if edited %}<small>sửa lần cuối {{edit_date}}</small>
{% 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ợ

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}

Nguồn: PhoNho.Net