Trích 1 phần trong kho mình ra cho mọi người test nhé,giao diện miễn chê!
Share code phong cách diễn đàn Wapego.Từ bảng điều khiển>>thiết kế>>Layout settings>>diễn đàn
Tìm Forums list layout xóa hết dán code sau Mã:
<div class="forum" style="border-bottom:solid;border-width:1px;border-color:#9add9a;"><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td width="8%"><div style="text-align:left;border:solid;border-width:1px;border-color:#efe;">{{icon}}</div></td><td width="92%" style="text-align:left;border:solid;border-width:1px;border-color:#efe;"><a href="{{forum_url}}">{{forum_name}}</a></td></tr></tbody></table><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td width="39%" style="text-align:center;border:solid;border-width:1px;border-color:#ffe;color:#05a;">{{topics}} chủ đề</td><td width="39%" style="text-align:center;border:solid;border-width:1px;border-color:#ffe;color:#05a;">{{messages}} bài</td><td width="22%" style="text-align:center;border:solid;border-width:1px;border-color:#ffe;color:#05a;">{{online}} xem</td></tr></tbody></table></div>
Topics list layout Mã:
<div class="topic" style="background:#ffffef;padding:2px;border-bottom:dashed;border-width:2px;border-color:#eeffff;text-align:left">{{topic_icon}} {{lock_icon}} {{pin_icon}} {{poll_notice}} <a href="{{topic_url}}">{{topic_name}}</a><div class="paging-new-info" style="background:#eff;border-bottom: 1px solid #71b6b1;padding:2px;margin-bottom:1px;text-align:left">Tạo bởi: <i style="color:#8d00a5">{{author_nick}}</i><br> Số bài viết: {{messages}}</div></div>
Messages list layout Mã:
<div class="topic_message"><div class="left" style="border-left:solid;border-bottom:solid;border-right:solid;border-width:1px;border-color:#edeede;"><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td width="12%"><div>{{ api.u.get(author_id).profilephoto ( 2 , true) }}</div></td><td width="88%"><div style="background:#eeffff;">{{author}}</div><div style="background:#ffffef;color:#777777;"><b style="color:#ff0050;">Lv:</b>{{ api.u.get(author_id).level }} <b style="color:#ff0050;">Tiền:</b> {{ api.u.get(author_id).plus }}$</div></div> </td></tr></tbody></table></div><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td width="5%"></td><td width="95%"><div style="margin:0%;padding:1px;color: #0025d9;text-align:left;border-left:solid;border-right:solid;border-width:1px;border-color:#edeede;">{{message}}<div style="text-align:right;color: #896666;">{{message_date}}</div>{% if edited %}<div style="text-align:center;color: #800086;"><small><b>{{edit_notice}} [{{edit_date}}]</b></small></div>{% endif %}</div></td></tr></tbody></table><div style="background:#ff0000;border-top:dashed;border-width:1px;border-color:#ffda00;padding:0px;margin:0%;"></div>
lưu lại và đây là kết quả
Đã chỉnh sửa. aothiensuphu (17:45 / 06.01.2016) [1]