ShareBố cục diễn đàn wapego

09.12.2015 / 20:35
MrKen
Bài đăng: 2646
Trùm!
Vẫn là A N H

Đâ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: <a href="{{forum_url}}">{{forum_name}}</a>

Code cái này của mình khá đơn giản thôi:

TWIG
  1. <div class="forum">
  2. {{icon}} <a href="{{forum_url}}"/><font color="#0000ff">{{forum_name}}</font></a> <small>({{online}})</small><br/>
  3. [<font color="#335599"><b>{{messages}}</b></font> <small>bài viết</small>/<font color="#335599"><b>{{topics}}</b></font> <small>chủ đề</small>]
  4. </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: <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 :)

TWIG
  1. <div class="topic_list">
  2. <div class="topic_name">
  3. <a href="{{topic_url}}&read=1">{{topic_icon}} {{poll_notice}} {{topic_name}}</a>
  4. </div>
  5. <div><span class="fr">{{lock_icon}} {{pin_icon}}</span>Tạo bởi: <a href="{{author_profile_url}}">{{author_nick}}</a>, trlời: {{messages}}
  6. </div>
  7. </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}}{{author_nick}} cũng được sử dụng tương tự các phần trên.

Sau đây là code:

TWIG
  1. <div class="topic_message">
  2. <div class="title2"><small>{{message_date}}</small></div>
  3. <table class="frmsg" width="100%">
  4. <tr valign="top">
  5. <td rowspan="2" width="35px">{{ api.u.get(author_id).profilephoto(2, true) }}</td>
  6. </tr>
  7. <tr>
  8. <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>
  9. </tr>
  10. </table>
  11. <div class="message_topic">{{message}}</div>
  12. <br/>{% if edited %}<small>sửa lần cuối {{edit_date}}</small><br/>{% endif %}
  13. {% 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 vvắng bóng em...</small>{%endif%}
  14. </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)

CSS
  1. .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 tại đây để chỉnh sửa. Copy share nơi khác nhớ ghi nguồn: http:phonho.net !

Đã chỉnh sửa. MrKen (01.05.2016 / 08:34)
09.12.2015 / 20:50
hanhphucao
Bài đăng: 2470
Admin
Admin là người tận tâm và luôn hành xử đúng mực.

Rảnh rỗi vậy :yeah:

09.12.2015 / 20:59
hanhphucao
Bài đăng: 2470
Admin
Admin là người tận tâm và luôn hành xử đúng mực.

Là không đúng ID

09.12.2015 / 21:40
duongchung
Bài đăng: 352
Member
Cox Vô Tâm

biến id là gì vậy b? cho mình xin

Là id nick muốn hiện

01.05.2016 / 08:06
phubinhbay
Bài đăng: 39
Member
mải chơi quên lớn

..g...