Share code phong cách cho wap

Lượt xem: 880
FaceBook Google+ Twitter

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]

Phong cách phòng chát
Từ bảng điều khiển>>thiết kế>>Layout settings>>chat
Channels layout Mã:
<div class="chan" 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:center;color:#222;">•</div></td><td width="92%" style="text-align:left;border:solid;border-width:1px;border-color:#efe;"><a href="{{chan_url}}">{{chan_name}}</a></td></tr></tbody></table><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td width="50%"></td><td width="50%" style="text-align:center;border:solid;border-width:1px;border-color:#eee;color:#05a;">Trực tuyến: {{online}}</td></tr></tbody></table></div>
User messages layout Mã:
<div class="chat_message"><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td width="8%"><div style="margin:0%;padding:1px;color: #008a00;text-align:center;border-bottom:solid;border-left:solid;border-right:solid;border-width:1px;border-color:#edeeee;">•</div></td><td width="92%"><div style="margin:0%;padding:1px;text-align:left;border-bottom:solid;border-right:solid;border-width:1px;border-color:#eeeeee;color:#ff0000"><b>{{profile}}</b></div> </td></tr></tbody></table><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td width="8%"></td><td width="92%"><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></td></tr></tbody></table><div style="background:#00aa00;border-top:dashed;border-width:1px;border-color:#ffda00;padding:0px;margin:0%;"></div>
Bot messages layout Mã:
<div class="chat_message"><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td width="8%"><div style="margin:0%;padding:1px;color: #00408a;text-align:center;border-bottom:solid;border-left:solid;border-right:solid;border-width:1px;border-color:#edeeee;">•</div></td><td width="92%"><div style="margin:0%;padding:1px;text-align:left;border-bottom:solid;border-right:solid;border-width:1px;border-color:#eeeeee;color:#ff0000"><b>{{bot_name}}</b></div> </td></tr></tbody></table><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td width="8%"></td><td width="92%"><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></td></tr></tbody></table><div style="background:#fd0000;border-top:dashed;border-width:1px;border-color:#ffda00;padding:0px;margin:0%;"></div>
Bấm lưu lại vào phòng vui chơi xem nào!
Chúc thành công!

Phong cách shoubox lịch sử(dùng làm phòng chát).Vào index=>Đối tượng mới=>Shoubox lịch sử=>xóa hết 2 ô điền vào ô 1 Bố trí Shoutbox: Mã:
<style type="text/css">.share_shout_ava img{padding:1px;border:1px solid #888;border-radius<img src="https://ovigame.ngatngay.net/images/smileys/simply/3.png" alt="" />px;box-shadow:0 0 1px 1px #888;width:40px}.on{color:#3b5998}.off{color:#ff0000}.share_page_shout{text-align:center}.share_page_shout a{border:1px solid #888;padding:1px 3px;margin:1px;color:#099;text-decoration<img src="https://ovigame.ngatngay.net/images/smileys/simply/no.gif" alt="" />ne}.share_page_shout a:hover{background:#333}</style> <div style="background:#f7f7f7 repeat bottom;padding-left:0px;border-left:0px solid #000000;padding-right<img src="https://ovigame.ngatngay.net/images/smileys/simply/3.png" alt="" />px;border-right:1px solid #000000;" align="left"><img src="<a href="http://bieutuongvui.wap.mu/files/715134/icon101.gif"/><font">http://bieutuongvui.wap.mu/files/715134/icon101.gif"/><font</a> color="000"><b><a rel="nofollow" href="<a href="http://dd-haydaymobi.xxxplace.net/main.php?ses=VQ1MY9,rciavtOZZuhh,fVECIKf&f=120109776">Cho">http://dd-haydaymobi.xxxplace.net/main.php?ses=VQ1MY9,rciavtOZZuhh,fVECIKf&f=120109776">Cho</a>̣n Hội nhóm</a></b></font><BR><img src="<a href="http://bieutuongvui.wap.mu/files/715134/icon08.gif"/><a">http://bieutuongvui.wap.mu/files/715134/icon08.gif"/><a</a> class="active" href="/galery.php?id=upload"><b>Chia sẻ ảnh</b></a> <form action="{{form_url}}" method="post" name="form_chat"><table width="100%"><tr valign="top"><td align="left" width="90%">{% if loged %}<textarea style="resize<img src="https://ovigame.ngatngay.net/images/smileys/simply/no.gif" alt="" />ne;width:100%" rows="2" name="text" dir="auto"></textarea>{% else %} <textarea rows="2" name="text" style="resize<img src="https://ovigame.ngatngay.net/images/smileys/simply/no.gif" alt="" />ne; width:100%" dir="auto" disabled >Bạn cần đăng nhập để cập nhật trạng thái!</textarea>{% endif %}</td><td align="left" width="40%"><input type="submit" value=" Đăng " style="margin-left:5px"/></td></tr></table>Đăng lên: <a href="<a href="http://dd-haydaymobi.xxxplace.net/chat.php?chan=101514489&id=smiles">Smiles</a>">http://dd-haydaymobi.xxxplace.net/chat.php?chan=101514489&id=smiles">Smiles</a></a> · <a href="<a href="http://dd-haydaymobi.xxxplace.net/main.php?f=120109807">BBcode</a>">http://dd-haydaymobi.xxxplace.net/main.php?f=120109807">BBcode</a></a> · <a href="/"><a rel="nofollow" href="<a href="http://dd-haydaymobi.xxxplace.net/main.php?f=120110458"><font">http://dd-haydaymobi.xxxplace.net/main.php?f=120110458"><font</a> color="red">Admin panel</font></a></a></form></div> <div class="pcode"></div><div class="shoutbox_message" id="shoutbox_message" style="padding-top:10px">{{message_list}}</div><div class="share_page_shout"> <a href="/main.php?ses=&pusl43942=1" class="page1">1</a> <a href="/main.php?ses=&pusl43942=2" class="page2">2</a> <a href="/main.php?ses=&pusl43942=3" class="page3">3</a> <a href="/main.php?ses=&pusl43942=4" class="page4">4</a> <a href="/main.php?ses=&pusl43942=5" class="page5">5</a> <a href="/main.php?ses=&pusl43942=6" class="page6">6</a> <a href="/main.php?ses=&pusl43942=7" class="page7">7</a> <a href="/main.php?ses=&pusl43942=8" class="page8">8</a> </div> </div>

Ô 2 dán Mã:
<style>.ar{background:url("<a href="http://wap.mu/files/846481/arr2.png")">http://wap.mu/files/846481/arr2.png")</a> no-repeat center;display:block; width:7px;height:13px; position: absolute; top: 10px; left: -7px; }.ic img{padding: 2px; border: 1px solid #dfdfdf; width: 30px; height: 30px; }.ar{background: url("<a href="http://mrtri.yn.lt/img/arr2.png")">http://mrtri.yn.lt/img/arr2.png")</a> no-repeat center; display: block; width: 7px; height: 13px; position: absolute; top: 10px; left: -7px; }.vanban{display: block; position: relative; margin-right: 3px; margin-bottom: 3px; padding: 5px; border: 1px solid #dfdfdf;}hr{ border: 0; border-top: 1px solid #d5d5d5; margin-top: 4px; margin-bottom: 4px; }.mod-stt{background-color: #d8dce6; padding-top: 1px; margin: 0;}</style> <span class="shoutbox_message"> <table cellspacing="0" cellpadding="0" width="100%"><tr> <td width="16%" class="ic" align="center" valign="top"> {{userphoto|replace({'alt="*"':'alt=" "'}) |raw}} <hr color="#aaaaaa" /><script type="text/javascript">var uc=uc+1;une=escape('{{nick}}');ip=une.indexOf("uid");uns=une.indexOf("%20%3E");unf=une.indexOf("%3C/");ui[uc]=une.slice(ip+6,ip+14);un[uc]=unescape(une.slice(uns+6,unf));if(ui[uc] != [@user_id]){document.write('<a href="#" onclick="tag('+uc+')"><small><font color="#00CC00"><b>Tag</b></font></small></a>');};function tag(uc){document.getElementById('chat_txt').value+='<span style="color:"#809"">(<span style="font-weight: bold;">'+un[uc]+'</span>) </span>';};</script> <hr color="#aaaaaa" /> </style><a href="pm.php?id=new&to={{nick | slice(27,8)}}"class="a{{nick | slice(27,8)}}"><font color="335599" style="border:0px 1px 0px 1px;font-size:x-small;padding-left<img src="https://ovigame.ngatngay.net/images/smileys/simply/3.png" alt="" />px;color:#359;"><font color="#FF0000"><b>Sms</b></font></a> <hr color="#aaaaaa" /> </td><td> <div width="80%" class="vanban" style="text-align:left;"> <script type="text/javascript">var on_off=online_users.search(escape('{{nick}}'));if(on_off < 0){document.write('<img src="<a href="http://facebook4u.yw.lt/files/315652/off.png"/>')">http://facebook4u.yw.lt/files/315652/off.png"/>')</a>}else{document.write('<img src="<a href="http://facebook4u.yw.lt/files/315652/on.png"/>')">http://facebook4u.yw.lt/files/315652/on.png"/>')</a>};</script> {{nick|replace({'ThuongKute':'ThuongKute'})|raw}} <font color="#ffffff">-</font>{{nick|slice(43,200)|replace ({'"':'','>':'<div class="xoa">','level':'','</a>':'</div>','127':'<font color="#CCCC00">[Ban Quản Trị]</font>','126':'<font color="#0000CC">[Phó Wap]</font>','99':'<font color="#00DD00">Vip</font>','""':'<font color="#666666">[TV]</font>'})|raw}}<style>.xoa{display<img src="https://ovigame.ngatngay.net/images/smileys/simply/no.gif" alt="" />ne;}</style><br/>{% set id=nick|slice(27,8) %} <img src="<a href="http://facebook4u.yw.lt/files/315652/Lv.png"/>">http://facebook4u.yw.lt/files/315652/Lv.png"/></a> {{ api.u.get(id).level }} <img src="<a href="http://facebook4u.yw.lt/files/315652/sms.png"/>">http://facebook4u.yw.lt/files/315652/sms.png"/></a> {{ api.u.get(id).pmcount|slice(0,4) }} <img src="<a href="http://facebook4u.yw.lt/files/315652/tien.png"/>">http://facebook4u.yw.lt/files/315652/tien.png"/></a> {{ api.u.get(id).plus|slice(0,6) }}<br/>{{mood_img}} <span style="color:#bcbcbc">{{mood_txt}}</span><hr/> <div class="ar"></div> <span name="share_shout_msg">{{message|replace({"[hs]":'<div style="background-color:#f0f0f0;color:#000;text-align:left;padding-left:8px;border-left<img src="https://ovigame.ngatngay.net/images/smileys/simply/3.png" alt="" />px solid #999;border-bottom:1px solid #ccc;font-weight:400;padding:2px;margin-bottom:1px;">',"[/hs]":'</div>',"[sjly]":'<div style="background:#eee;text-align:center">',"[/sjly]":'</div>',"[code]":'<textarea rows="3".cols="20" name="text" style="width:auto">',"[/@code]":'<@/textarea>',"[a=":'<a href="',"=]":'">',"[/a]":'</a>',"[scimg]":'<img src="',"[/scimg]":'"/>'})|raw}} <br/> <hr color="#aaaaaa" /> <div class="title2">{{message_date}}</div> </td></tr></table> </span>

Đã chỉnh sửa. aothiensuphu (18:00 / 06.01.2016) [1]

Nhớ Xóa @ ở <@/textarea> [@user_id] và [/@code] và đây là thành quả
Chúc thành công!

Hay thế?

Hay cho 1 like

Viết tiếng Việt xem nào

Lỗi là như thế naò?

Vào thử Mediafire.xxxplace.net mà xem! Lỗi code hay sao ấy? Tôi làm theo hướng dẫn rồi mà vẫn lỗi?