Wapego[Events] Share vài code ego 20/08

**vipnamdan** · 20.08.2016 / 21:25

Code kia ko có à an @@

**diongd** · 20.08.2016 / 21:28

bố trí diễn đàn với tin nhắn hayshare

**saoko** · 20.08.2016 / 21:35

An sinh nhật vui vẻ nha!

**thaian2009** · 20.08.2016 / 22:27

vipnamdan đã viết ↑

Code kia ko có à an @@

Bố cục tin nhắn->

Danh sách tin nhắn

TWIG

<div id="old">        
<div id="msg" data-id="{{message_date|date('dHis')}}" data-uid="{{nick_uid}}" class="d{%if nick_uid==api.r.get('p')%}right{%else%}left{%endif%}" align="left"><div class="message-text">{{message}}
</div></div>
<div style="clear:both"></div>
</div>{% if unreaded and "now"|date('U')-message_date|date('U')<=2%}<script>new_msg='new';</script>{%endif%}[-msS-]

Bố cục viết tin nhắn riêng

TWIG

<form name="form2" id="post_msg" align="left" action="{{form_url}}" method="post">
<div id="notif"></div>
<div class="redactor_box">
<input type="hidden" id="add_img_url" value="">
<textarea rows="3" id="chat_txt" name="msg" class="chat_input"></textarea></div>
<div class="list1"><p><input class="button-inverted-fill" type="submit" id="submit_msg" value="Gửi" style="width: 107px; cursor: pointer;"></p></div></form>

Bố cục đoạn hội thoại

TWIG

{%set msg=message_list|split('[-msS-]')%}
<div class="list_msg" id="list_msg">{%for i in msg|length..0%}{{msg[i]|raw}}{%endfor%}</div>
 
<div class="center"> {{reply_form}} {{paging_next}} {{paging_back}} {{delete}} <br/> {{back}} <br/> {{back_to_main}} </div>
<script src="/files/1005357/jquery.js"></script>
<script type="text/javascript">
var login=0,browser='web',head='';new_msg='';
{%set u=api.u.get(api.user_id)%}
user={sex:'{{u.sex}}',id:'{{u.uid}}',nick:'{{u.nick}}',plus:'{{u.plus}}',msg:'0',all_msg:'3',sms:'0'};
var lk = location.href;
if(browser=='web'){audio = new Audio('files/1067753/odIeERVR1c5.mp3');
}else{navigator.vibrate = navigator.vibrate || navigator.webkitVibrate || navigator.mozVibrate || navigator.msVibrate;};
 
$('#post_msg').submit(function(){
    var that=$(this);
    var action=that.attr('action');
    var text=that.find('textarea').val();
    var img=$('#post_msg #add_img_url').val();
    if(img.length>10){var text=text+' '+img;};
    var len=text.length;
    if(!user.id){
      $('#post_msg #notif').html('<div class="rmenu">Bạn chưa đăng nhập</div>').fadeIn(200).delay(2000).fadeOut(1);
    }else if(len==0){
      $('#post_msg #notif').html('<div class="rmenu">Vui lòng nhập văn bản</div>').fadeIn(200).delay(2000).fadeOut(1);
    }else if(len<2){
      $('#post_msg #notif').html('<div class="rmenu">Văn bản phải từ 2 kí tự trở lên</div>').fadeIn(200).delay(2000).fadeOut(1);
    }else if(len>5000){
      $('#post_msg #notif').html('<div class="rmenu">Văn bản không vượt quá 5000 kí tự</div>').fadeIn(200).delay(2000).fadeOut(1);
    }else{
      $('#post_msg #submit_msg').val('Đang gửi...');
      $.post(action,{msg: text},function(){
        $('#post_msg #chat_txt').val('');
        $('#post_msg #add_img_url').val('');
        $('#post_msg #submit_msg').val('Gửi');
        message();
      });
    };
    return false;
  });
  function message(){
    $.get(lk,function(res){
      html=$(res).find('.list_msg').html();
      $('.list_msg').html(html);
      if(browser=='web'){if(new_msg=='new'){audio.play();new_msg='';} };
    });
    setTimeout(function(){message()},1000);
  };
</script>
<style type="text/css">
.portlet:after, .portlet .section:after, .portlet-header:after {
    clear: both;
}
.portlet:before, .portlet .section:before, .portlet-header:before, .portlet:after, .portlet .section:after, .portlet-header:after {
    content: " ";
    display: table;
}
.portlet:after, .portlet .section:after, .portlet-header:after {
    clear: both;
}
.portlet:before, .portlet .section:before, .portlet-header:before, .portlet:after, .portlet .section:after, .portlet-header:after {
    content: " ";
    display: table;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 
.center {
    background-color: #FFF;
    border: 0px solid #E0E3E9;
    border-top: none;
    margin: 0;
    padding: 0;
}
.end, .center {
    text-align: center;
}
input[type="submit"].button-inverted-fill {
    border: 1px solid #2E9FFF;
    color: #FFF;
    background-color: #2E9FFF;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
#reg_form input[type="button"], #reg_form input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
}
input[type="submit"], button {
    border: 1px solid #CCE9FF;
    color: #2E9FFF;
    background-color: #FFF;
    padding: 6px 10px 6px;
    border-radius: 3px;
    line-height: 1.1em;
    text-align: center;
    font-weight: 600;
    display: inline-block;
    font-size: 13px;
}
button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}
input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button, input {
    line-height: normal;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}
 
.list1, .list2 {
    background-color: #FFF;
    border: 1px solid #E0E3E9;
    border-top: none;
    margin: 0;
    padding: 4px;
}
 
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}
textarea {
    padding: 8px;
    margin: 0px;
    word-wrap: break-word;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    cursor: auto;
    max-width: 840px;
    border: 1px solid #ccc;
}
.redactor_box {
    border: 1px solid #D7EDFC;
    position: relative;
    overflow: hidden;
}
.dright .message-text {
    margin-right: 0px;
    background-color: #36a9fc;
    color: #fff;
    float: right;
    border-radius: 20px 0 0 20px;
}
.message-text {
    padding: 7px 15px;
    float: right;
    clear: both;
    position: relative;
    margin-bottom: 1px;
    font-size: 12px;
}
.dleft .message-text {
    margin-left: 0px;
    background-color: #e5e5ea;
    float: left;
    border-radius: 0 20px 20px 0;
}
</style>

**thaian2009** · 20.08.2016 / 22:28

saoko đã viết ↑

An sinh nhật vui vẻ nha!

hi tks ^^

**vipnamdan** · 20.08.2016 / 22:32

Cái báo rung tin nhắn mà an

**vipnamdan** · 20.08.2016 / 22:33

Có tin nhắn mới là nó báo tin mới rồi ẩn đi ấy

**bongyb** · 20.08.2016 / 23:18

:apl: Share code bố trí ttnd trong thư viện ảnh giống Facebook đi anh an :48:

**zombiego** · 20.08.2016 / 23:23

An làm cho code đăng lên trang chủ shoutbox va dăng vào tường nhà cùng lúc nhu kiểu face đc không. Em cảm ơn an trươc

**thaian2009** · 21.08.2016 / 00:48

diongd đã viết ↑

bố trí diễn đàn với tin nhắn hayshare

Header diễn đàn

TWIG

</div></div>
<style type="text/css">
.phdr {
    background-color: #009688;
    border: 1px solid;
    border-color: #009688;
    padding: 5px;
    color: #fff;
    margin-top: 4px;
}
a:link, a:visited {
    color: #00796B;
    text-decoration: none;
}
.showlike {
    background-color: #fff;
    border: 1px solid;
    border-color: #E2E0E0;
    padding: 5px;
    margin-top: 5px;
    line-height: 1.5;
}
textarea {
    width: 99%;
    max-width: 640px;
}
.text_cmt {
    border-top: 1px solid #D7EDFC;
    color: #000;
    padding: 5px;
    background-color: #fff;
}
.avatar {
    margin: 2px;
    background: #fff;
    padding: 2px;
    border: 1px solid #EFEFEF;
    border-radius: 2px;
}
img {
    max-width: 100%;
    max-height: auto;
}
.box_info_cmt {
    background-color: #fff;
    border: 1px solid #D2D1D1;
    color: #34617e;
    margin-top: 4px;
    padding: 3px 4px;
}
.prefix.prefixRed {
    color: #fff;
    background-color: #FE4646;
    border-color: #F88;
}
.prefix {
    background: transparent url(http://nhanhnao.xy/images/form-button-white-25px.png) repeat-x top;
    padding: 0 4px;
    margin: 2px 0;
    border: 1px solid transparent;
}
.textarea {
    padding: 8px;
    margin: 0;
    word-wrap: break-word;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    cursor: auto;
    border: 0 none;
    max-width: 896px;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('http://fontawesome.io/assets/font-awesome/fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('http://fontawesome.io/assets/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('http://fontawesome.io/assets/font-awesome/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('http://fontawesome.io/assets/font-awesome/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('http://fontawesome.io/assets/font-awesome/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('http://fontawesome.io/assets/font-awesome/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.wcontainer>.center div:not([class]), .hide, a[href='pm.php'], a[href='pm.php']+br, a[href$='id=menu'], a[href$='id=menu']+br, a[href$='id=forum_sets'], a[href$='id=forum_sets']+br, img[src$='bullet_blue.png'], .center a[href*='read='], .center a[href*='read=']+br, .center a[href*='id=add_post'], .center a[href*='id=add_post']+br, a[href*='id=t_online'], a[href*='id=t_online']+br, a[href*='id=t_online']+br+br, form[action='forums.php'], form[action='forums.php']+.left+.center, a[href='forums.php'], a[href='forums.php']+br, a[href="/main.php?"], a[href="main.php"]+br, a[href='main.php'], a[href*="id=forgot"]+br, a[href*='forums.php?id=online'], a[href*='forums.php?id=online']+br, a[href*='pm.php']+br, a[href*='pm.php']+br+br, .left:empty, form[action$="id=upload"]+br {
    display: none;
}
body, td, input, textarea {
    font-family: Arial,Tahoma,sans-serif;
    font-size: small;
}
body {
    background: #fff url(images/bckg_page.png) repeat 0 0;
    color: #000;
    margin: 0 auto;
    padding: 0;
    max-width: 800px;
}
* {
    box-sizing: border-box;
}
* {
    word-wrap: break-word;
}
.redactor_box {
    border: 1px solid #D7EDFC;
    border-bottom: none;
    position: relative;
    overflow: hidden;
}
.redactor_toolbar {
    background: url(/images/form-button-white-25px.png) repeat-x scroll center top #F0F7FC;
    padding: 0 0 0 2px;
    margin: 0;
    border-bottom: 1px solid #D7EDFC;
    position: relative;
    left: 0;
    top: 0;
    line-height: 0;
    list-style: outside none none;
    overflow: hidden;
}
 
.redactor_btn_group {
    background: url(/images/form-button-white-25px.png) repeat-x scroll center top #F0F7FC;
    padding: 1px;
    margin: 0;
    border: 1px solid #D7EDFC;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 1px 1px 1px rgba(255,255,255,0.5);
    outline: medium none;
    list-style: none outside none;
    margin: 2px 2px 2px 2px;
    float: left;
}
 
 
ul {
    margin: 0;
    padding-left: 20px;
}
.body {
    background-color: #EBEBEC;
    padding: 4px;
    border: 1px solid #DEDEE0;
    box-shadow: 0 0 10px #343434;
}
nav.header {
    position: relative;
    top: 0;
    padding: 10px 15px;
    margin-bottom: 6px;
    background-color: #009688;
    border-color: #009688;
    box-shadow: -1px 0 13px 0 rgba(50,50,50,0.45);
    color: #fff;
    text-align: center;
    font-size: 20px;
}
.menu, .topmenu, .noti {
    background: #fff;
    -moz-border: 1px solid;
    border: 1px solid;
    -moz-border-color: #DCDBDB #CACACA;
    border-color: #DCDBDB #CACACA;
    border-top: none;
    padding: 6px;
    color: #00796B;
    margin-top: 0;
}
.title {
    background-color: #009688;
    border: 1px solid;
    border-color: #009688;
    padding: 5px;
    color: #fff;
    margin-top: 4px;
    text-align: left;
}
.footer-nhanhnao {
    background: #607D8B;
    border: 1px solid #46627F;
    color: #fff;
    margin-top: 4px;
    padding: 3px 0 4px 4px;
    text-align: center;
}
.button-up {
    background: #607D8B;
    border: 1px solid #fff;
    padding: 5px;
    margin: 3px;
    color: #fff;
    text-align: center;
}
.post:hover {
    background: #fe2f22;
}
.button:hover {
    background: #0079a5;
}
.post {
    background: #FE5F55;
}
.button {
    min-width: 15em;
}
.button {
    display: inline-block;
    font-family: "Montserrat","Trebuchet MS",Helvetica,sans-serif;
    -webkit-font-smoothing: antialiased;
    position: relative;
    padding: 6px;
    padding-right: 2em;
    background: #009ed8;
    border: none;
    color: #fff;
    transition: .2s;
}
.button:before {
    background: rgba(0,0,0,0.1);
}
.button:before, .button:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding-top: inherit;
    padding-bottom: inherit;
    width: 2.5em;
    content: "^";
    font-family: 'FontAwesome',sans-serif;
    font-size: 1em;
    text-align: center;
    transition: .2s;
}
 
.post:hover:after {
    -webkit-animation: bounceright .3s alternate ease infinite;
    animation: bounceright .3s alternate ease infinite;
}
.post:after {
    content: "^;
}
.button:before, .button:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding-top: inherit;
    padding-bottom: inherit;
    width: 2.5em;
    content: "^";
    font-family: 'FontAwesome',sans-serif;
    font-size: 1em;
    text-align: center;
    transition: .2s;
}
@-webkit-keyframes bounceright{from{-webkit-transform:translateX(0)}to{-webkit-transform:translateX(3px)}}@-webkit-keyframes wiggle{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(30deg)}}@keyframes bounceright{from{transform:translateX(0)}to{transform:translateX(3px)}}@keyframes wiggle{from{transform:rotate(0deg)}to{transform:rotate(30deg)}}
 
</style>
 
<div class="body"><div class="center">
{{_self.env.addGlobal('msg','1')}}

Footer diễn đàn:

TWIG

</div>
{%if api.r.get('id')=='forum'%}<form name="form" action="forums.php?id=add_topic&amp;f={{api.r.get('f')}}" method="post"> <div class="menu" style="border-top:1px solid#ccc;margin-top:6px;width:100%"><div class="redactor_box" style="margin-bottom:6px;border:1px solid #D7EDFC;height:35px"> <textarea maxlength="100" name="name" class="textarea" style="border:none" placeholder="Tiêu đề bài viết" required=""></textarea></div> <div class="redactor_box" style="border-bottom: 1px solid #D7EDFC;margin-bottom:2px;"><style>.color a {float:left; display: block; width: 10px; height: 10px; margin: 1px; border: 1px solid black;}</style> <script language="JavaScript" type="text/javascript"> function tag(text1, text2) { if ((document.selection)) { document.form.msg.focus(); document.form.document.selection.createRange().text = text1+document.form.document.selection.createRange().text+text2; } else if(document.forms['form'].elements['msg'].selectionStart!=undefined) { var element = document.forms['form'].elements['msg']; var str = element.value; var start = element.selectionStart; var length = element.selectionEnd - element.selectionStart; element.value = str.substr(0, start) + text1 + str.substr(start, length) + text2 + str.substr(start + length); } else { document.form.msg.value += text1+text2; } } function show_hide(elem) { obj = document.getElementById(elem); if( obj.style.display == "none" ) { obj.style.display = "block"; } else { obj.style.display = "none"; } } </script> <ul class="redactor_toolbar"> <li class="redactor_btn_group"> <a href="javascript:tag('[b]', '[/b]')"><img src="http://nhanhnao.xyz/images/bb/bold.gif" alt="b" title="Bold" border="0"></a> <a href="javascript:tag('[i]', '[/i]')"><img src="http://nhanhnao.xyz/images/bb/italics.gif" alt="i" title="Italic" border="0"></a> <a href="javascript:tag('[u]', '[/u]')"><img src="http://nhanhnao.xyz/images/bb/underline.gif" alt="u" title="Underline" border="0"></a> <a href="javascript:tag('[s]', '[/s]')"><img src="http://nhanhnao.xyz/images/bb/strike.gif" alt="s" title="Strike" border="0"></a> </li> <li class="redactor_btn_group"> <a href="javascript:tag('[*]', '[/*]')"><img src="http://nhanhnao.xyz/images/bb/list.gif" alt="s" title="Danh sách dấu đầu dòng" border="0"></a> <a href="javascript:tag('[spoiler=]', '[/spoiler]');"><img src="http://nhanhnao.xyz/images/bb/sp.gif" alt="spoiler" border="0"></a> <a href="javascript:tag('[c]', '[/c]')"><img src="http://nhanhnao.xyz/images/bb/quote.gif" alt="quote" title="Quote" border="0"></a> <a href="javascript:tag('[a=]link', '[/a]')"><img src="http://nhanhnao.xyz/images/bb/link.gif" alt="url" title="URL" border="0"></a> <a href="javascript:tag('[img]', '[/img]', '')"><img src="http://nhanhnao.xyz/images/bb/im.gif" alt="url" title="Chèn link ảnh" border="0"></a> <a href="javascript:tag('[youtube]Link video từ youtube', '[/youtube]', '')"><img src="http://nhanhnao.xyz/images/bb/youtube.gif" alt="youtube" title="Youtube" border="0"></a> </li></ul> <textarea rows="3" name="msg" class="textarea" placeholder="Nhập nội dung..." style="height:200px;border:none"></textarea> </div> <button type="submit" name="submit" class="button post" style="margin-top:4px;"> Đăng bài viết</button> </div></form>{%endif%}
{%if api.r.get('id')=='topic'%}<script type="text/javascript">
function textAreaAdjust(o) { o.style.height = "1px"; o.style.height = (38+o.scrollHeight)+"px"; }
function ssend(ug){ var sbox=prompt('Lời nhắn!','');if(sbox) ajx('POST','pm.php?id=new&to='+ug,'msg='+sbox,'','','',setTimeout("show_alert('success','Gửi tin nhắn thành công');",100));} 
 
function ajx(method, url, txt, inner, e, es, loading, obj, loaded) {
    var xmlHttp = null;
    try {
        xmlHttp = new XMLHttpRequest()
    } catch (e) {
            try {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP")
            } catch (e) {
        try {
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP")
        } catch (e) {
 
                return false
            }
        }
    };
   xmlHttp.open(method, url, true);
    xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xmlHttp.setRequestHeader("Content-length", txt.length);
    xmlHttp.onreadystatechange = function () {
        if (xmlHttp.readyState == 2) {
            $('id', loading).style.display = "none";
            loaded
        };
       if (xmlHttp.readyState == 4) {
            xmlDoc = xmlHttp.responseText;
            inner.innerHTML = xmlDoc;
            inner.innerHTML = $(e, es).innerHTML;
            obj
        }
    };
    xmlHttp.send(txt)
};
 
function show_alert(a,b){
  $('#alert').remove()
  $('body').append('<div id="alert" class="alert alert-'+a+'" style="position:fixed;top:50px;">'+b+'</div>');
  var aw=$('#alert').width();
  $('#alert').css('left', '-'+(aw+50)+'px').show().animate({'left':'20px'},500).delay(1000).fadeOut(2000)
};
</script>
 
<div id="form_add_post">
<div class="showlike">
  <div class="redactor_box">
  <form id="add_post" name="form2" action="forums.php?id=add_post&amp;f={{api.r.get('f')}}&amp;t={{api.r.get('t')}}#end" method="post">
  <div id="notif"></div><div id="notiff"></div>
  <style>.color a {float:left; display: block; width: 10px; height: 10px; margin: 1px; border: 1px solid black;}</style>
            <ul class="redactor_toolbar">
<li class="redactor_btn_group">
<a href="javascript:tag('[b]', '[/b]')"><img src="http://nhanhnao.xyz/images/bb/bold.gif" alt="b" title="Bold" border="0"></a>
            <a href="javascript:tag('[i]', '[/i]')"><img src="http://nhanhnao.xyz/images/bb/italics.gif" alt="i" title="Italic" border="0"></a>
            <a href="javascript:tag('[u]', '[/u]')"><img src="http://nhanhnao.xyz/images/bb/underline.gif" alt="u" title="Underline" border="0"></a>
            <a href="javascript:tag('[s]', '[/s]')"><img src="http://nhanhnao.xyz/images/bb/strike.gif" alt="s" title="Strike" border="0"></a>
</li>
<li class="redactor_btn_group">
            <a href="javascript:tag('[*]', '[/*]')"><img src="http://nhanhnao.xyz/images/bb/list.gif" alt="s" title="Danh sách dấu đầu dòng" border="0"></a>
            <a href="javascript:tag('[spoiler=]', '[/spoiler]');"><img src="http://nhanhnao.xyz/images/bb/sp.gif" alt="spoiler" border="0"></a>
            <a href="javascript:tag('[c]', '[/c]')"><img src="http://nhanhnao.xyz/images/bb/quote.gif" alt="quote" title="Quote" border="0"></a>
            <a href="javascript:tag('[a=]', '[/a]')"><img src="http://nhanhnao.xyz/images/bb/link.gif" alt="url" title="URL" border="0"></a>
<a href="javascript:tag('[img]', '[/img]', '')"><img src="http://nhanhnao.xyz/images/bb/im.gif" alt="url" title="Chèn link ảnh" border="0"></a>
<a href="javascript:tag('[youtube]Link video từ youtube', '[/youtube]', '')"><img src="http://nhanhnao.xyz/images/bb/youtube.gif" alt="youtube" title="Youtube" border="0"></a><a href="javascript:tag('[xcode]', '[/xcode]', '')"><img src="http://chonguoivotinh.wap.mu/files/1083055/code.gif" alt="Code" title="Code" border="0"></a> 
</li></ul> <input style="display:none" type="file" onchange="upload(this.files[0])" id="input_frm">
      <input type="hidden" id="add_img_url">
                <textarea id="postText" rows="3" name="msg" textarea"=""></textarea>
                </form></div>
                <div class="menu" style="border:1px solid #D7EDFC;border-top:none;margin-bottom:4px;">
                <button id="submit_post" type="submit" name="submit" class="button comment" style="min-width: 8em;">Trả lời</button>
                <a href="javascript:tag('@', 'uid thành viên')"><button type="button" class="button arrow" style="min-width: 8em;margin-left:2px;">Tag user</button></a>&nbsp;<a href="javascript:show_hide('sml');"><img src="http://nhanhnao.xyz/images/bb/smileys.gif" alt="smiley" style="margin-bottom:-2px;"></a>
                </div>
                <style>.sml{color:white;padding:2px;} .sml:hover{border:1px solid #d7edfc}</style>
<div id="sml" class="menu" style="border:1px solid #D7EDFC;display:none"><a href="javascript:tag(':icon-O_o',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/O_o.png" alt="b" title="O_o" class="sml"></a><a href="javascript:tag(':icon-android',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/android.png" alt="b" title="android" class="sml"></a><a href="javascript:tag(':icon-angelic',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/angelic.png" alt="b" title="angelic" class="sml"></a><a href="javascript:tag(':icon-arghh',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/arghh.png" alt="b" title="arghh" class="sml"></a><a href="javascript:tag(':icon-banhappy',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/banhappy.png" alt="b" title="banhappy" class="sml"></a><a href="javascript:tag(':icon-bawling',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/bawling.png" alt="b" title="bawling" class="sml"></a><a href="javascript:tag(':icon-biggrin',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/biggrin.png" alt="b" title="biggrin" class="sml"></a><a href="javascript:tag(':icon-blackeye',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/blackeye.png" alt="b" title="blackeye" class="sml"></a><a href="javascript:tag(':icon-cat',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/cat.png" alt="b" title="cat" class="sml"></a><a href="javascript:tag(':icon-cautious',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/cautious.png" alt="b" title="cautious" class="sml"></a><a href="javascript:tag(':icon-chicken',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/chicken.png" alt="b" title="chicken" class="sml"></a><a href="javascript:tag(':icon-cigar',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/cigar.png" alt="b" title="cigar" class="sml"></a><a href="javascript:tag(':icon-confused',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/confused.png" alt="b" title="confused" class="sml"></a><a href="javascript:tag(':icon-cool',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/cool.png" alt="b" title="cool" class="sml"></a><a href="javascript:tag(':icon-couchpotato',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/couchpotato.png" alt="b" title="couchpotato" class="sml"></a><a href="javascript:tag(':icon-cry',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/cry.png" alt="b" title="cry" class="sml"></a><a href="javascript:tag(':icon-dead',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/dead.png" alt="b" title="dead" class="sml"></a><a href="javascript:tag(':icon-depressed',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/depressed.png" alt="b" title="depressed" class="sml"></a><a href="javascript:tag(':icon-devilish',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/devilish.png" alt="b" title="devilish" class="sml"></a><a href="javascript:tag(':icon-dummy1',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/dummy1.png" alt="b" title="dummy1" class="sml"></a><a href="javascript:tag(':icon-facepalm',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/facepalm.png" alt="b" title="facepalm" class="sml"></a><a href="javascript:tag(':icon-finger',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/finger.png" alt="b" title="finger" class="sml"></a><a href="javascript:tag(':icon-frown',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/frown.png" alt="b" title="frown" class="sml"></a><a href="javascript:tag(':icon-greedy',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/greedy.png" alt="b" title="greedy" class="sml"></a><a href="javascript:tag(':icon-greyalien',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/greyalien.png" alt="b" title="greyalien" class="sml"></a><a href="javascript:tag(':icon-grumpy',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/grumpy.png" alt="b" title="grumpy" class="sml"></a><a href="javascript:tag(':icon-happy',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/happy.png" alt="b" title="happy" class="sml"></a><a href="javascript:tag(':icon-headphone',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/headphone.png" alt="b" title="headphone" class="sml"></a><a href="javascript:tag(':icon-hilarious',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/hilarious.png" alt="b" title="hilarious" class="sml"></a><a href="javascript:tag(':icon-hungover',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/hungover.png" alt="b" title="hungover" class="sml"></a><a href="javascript:tag(':icon-hungry',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/hungry.png" alt="b" title="hungry" class="sml"></a><a href="javascript:tag(':icon-inlove',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/inlove.png" alt="b" title="inlove" class="sml"></a><a href="javascript:tag(':icon-inpain',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/inpain.png" alt="b" title="inpain" class="sml"></a><a href="javascript:tag(':icon-jimlad',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/jimlad.png" alt="b" title="jimlad" class="sml"></a><a href="javascript:tag(':icon-joyful',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/joyful.png" alt="b" title="joyful" class="sml"></a><a href="javascript:tag(':icon-linkme',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/linkme.png" alt="b" title="linkme" class="sml"></a><a href="javascript:tag(':icon-locktopic',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/locktopic.png" alt="b" title="locktopic" class="sml"></a><a href="javascript:tag(':icon-mad',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/mad.png" alt="b" title="mad" class="sml"></a><a href="javascript:tag(':icon-meh',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/meh.png" alt="b" title="meh" class="sml"></a><a href="javascript:tag(':icon-nailbiting',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/nailbiting.png" alt="b" title="nailbiting" class="sml"></a><a href="javascript:tag(':icon-playful',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/playful.png" alt="b" title="playful" class="sml"></a><a href="javascript:tag(':icon-roflmao',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/roflmao.png" alt="b" title="roflmao" class="sml"></a><a href="javascript:tag(':icon-rolleyes',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/rolleyes.png" alt="b" title="rolleyes" class="sml"></a><a href="javascript:tag(':icon-shifty',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/shifty.png" alt="b" title="shifty" class="sml"></a><a href="javascript:tag(':icon-shy',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/shy.png" alt="b" title="shy" class="sml"></a><a href="javascript:tag(':icon-singing',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/singing.png" alt="b" title="singing" class="sml"></a><a href="javascript:tag(':icon-smug',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/smug.png" alt="b" title="smug" class="sml"></a><a href="javascript:tag(':icon-sneaky',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/sneaky.png" alt="b" title="sneaky" class="sml"></a><a href="javascript:tag(':icon-stop',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/stop.png" alt="b" title="stop" class="sml"></a><a href="javascript:tag(':icon-thumbsdown',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/thumbsdown.png" alt="b" title="thumbsdown" class="sml"></a><a href="javascript:tag(':icon-thumbsup',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/thumbsup.png" alt="b" title="thumbsup" class="sml"></a><a href="javascript:tag(':icon-tongue',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/tongue.png" alt="b" title="tongue" class="sml"></a><a href="javascript:tag(':icon-troll',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/troll.png" alt="b" title="troll" class="sml"></a><a href="javascript:tag(':icon-unsure',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/unsure.png" alt="b" title="unsure" class="sml"></a><a href="javascript:tag(':icon-wacky',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/wacky.png" alt="b" title="wacky" class="sml"></a><a href="javascript:tag(':icon-whistling',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/whistling.png" alt="b" title="whistling" class="sml"></a><a href="javascript:tag(':icon-wtf',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/wtf.png" alt="b" title="wtf" class="sml"></a><a href="javascript:tag(':icon-yuck',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/yuck.png" alt="b" title="yuck" class="sml"></a><a href="javascript:tag(':icon-x3',' ')"><img src="http://nhanhnao.xyz/images/smileys/user/Smiles_XenForo/x3.png" alt="b" title="x3" class="sml"></a></div>
 
</div>
</div>
 
<div class="phdr">Tùy chọn</div>
<div class="menu"><a href="forums.php?id=topic_c&amp;f={{api.r.get('f')}}&amp;t={{api.r.get('t')}}"> Quản lý chủ đề</a><br><a href="forums.php?id=forum&amp;f={{api.r.get('f')}}"> Diễn đàn trước</a><br><a href="forums.php?"> Diễn đàn chính</a></div>
 
{%endif%}
 
</div>
 
<div class="footer-nhanhnao"><h3>Chonguoivotinh là diễn đàn chém gió, giao lưu, kết bạn của teen Việt Nam</h3> <a href="#up-love" title="Quay lại đầu trang"><button type="button" class="button-up">Quay lại đầu trang</button></a></div>
 
<!--

Cài đặt Bố trí->

Danh sách bố cục Diễn đàn

TWIG

{%if '1646755' in forum_url%}<div class="title">Khu vực quản trị</div>{%endif%}
{%if '1678875' in forum_url%}<div class="title">Khu vực wap/web</div>{%endif%}
<div class="menu"><img src="http://love.wap.mu/files/154586/star.png" alt="[*]">  <a href="{{forum_url}}">{{forum_name}} </a>
<small>[<font color="red">{{online}}</font>]</small> <br><br>
[<font color="#ff9900"><b>{{messages}}</b></font> <small>Bài viết</small>/<font color="#0099cc"><b>{{topics}}</b></font> <small>Chủ đề</small>] 
</div>

Danh sách bố cục topic

TWIG

<div class="menu"><a href="{{topic_url}}">  {{topic_icon}} {{lock_icon}} {{pin_icon}} {{poll_notice}} {{topic_name}}  </a><br><br> <span class="author">Tạo bởi: <a href="{{author_profile_url}}">{{author_nick}}</a></span>. Trả lời: {{messages}}.  </div>

Danh sách bố trí Tin nhắn

TWIG

{%set u=api.u.get(author_id)%}
<div id="28358538" class="box_info_cmt" style="line-height:1.5">
 
<table width="100%" cellpadding="0" cellspacing="0"><tbody><tr valign="top"><td width="58" style="padding:auto;"><img src="{{u.profilephotourl(3, true) }}" class="avatar" style="border:1px solid #D7EDFC;width:58px;height:58px"></td><td width="3"></td><td width="" style="padding-left:3px;text-align:left">{%if "now"|date('U')-u.login>=300%}<font color="red">[OFF]</font>{%else%}<font color="green">[ON]</font>{%endif%} <a data-tooltip="Admin" href="user_info.php?uid={{u.uid}}" class="{{u.levelCss}}"><b>{{u.nick|raw}}</b></a>
<div style="float:right"><span class="prefix prefixRed">{%if u.level==127%}Trùm!{%else%}Cóc!{%endif%}</span> </div>
 
<br><img src="/files/1085362/Like.jpg" style="width:13px;height:13px;margin-bottom:-2px;"> <b>{{u.frm_posts}}</b> <img src="/files/1085362/Cmt.jpg" style="width:13px;height:13px;margin-bottom:-2px;margin-left:4px"> <b>{{u.frm_topics}}</b> <a href="pm.php?id=new&amp;to={{u.uid}}"><img src="/files/154586/pmt.png" style="width:13px;height:13px;margin-bottom:-2px;margin-left:4px"></a><div><img src="/files/1085362/Star.jpg" style="width:16px;height:16px;margin-bottom:-2px"><b style="color:#cd853f;">{{u.name|raw}}</b></div></td></tr></tbody></table>
 
<div id="123456" class="text_cmt lf"> 
<div style="margin-bottom:5px;color:#aaa;font-size:11px"><i class="fa fa-clock-o"></i> {{message_date}}<div style="float:right;color:#BBBBBB">{%set smsg=_self.env.getGlobals()['msg']%}{%if smsg=='1'%}Chủ Top{%else%}#{{smsg}}{%endif%}{{_self.env.addGlobal('msg',smsg+1)}}</div></div>{{message}}<div style="font-size:11px;color:#aaa;margin-top:3px;text-align:right"><i class="fa fa-edit"></i>{{edit_date}}</div> </div>
</div><div class="menu lf" style="background:#fbfbfb;padding:8px"><a href="/forums.php?id=quote&f={{api.r.get('f')}}&t={{api.r.get("t")}}&m={{author|split("&amp;m=")[1]|slice(0,8)|raw}}" style="background:#fff;border:1px solid#ddd;border-radius:3px;font-size:13px ;padding:2px 1px;margin-left:4px">Trích 
</a>   <a href="#sms" onclick="ssend({{u.uid}})" style="background:#fff;border:1px solid#ddd;border-radius:3px;font-size:13px ;padding:2px;margin-left:4px">PM</a></div>