ShareShoutbox katari mù chữ =))

Ô 2

[code]

{% set name=nick|striptags %}{% set uid=nick|slice(27,8) %}{% set msgid=message_date|replace({':':'','-':'',' ':''})+123456789012 %}

{% if uid == api.user_id %}

<table border="0" cellspacing="0" cellpadding="0" class="s1" align="left">

<tr align="left"><!--to take texts on left-->

<td align="left">

<div class="nickback">

<script>var nck='{{uid}}';chkOnline(nck);</script><b><a href="{{profile_url}}" class="{{nick_class}}"> {{nick}} </a></b>

</div>

</td>

</tr>

<tr align="left">

<td align="left" width="5px" class="uparrow"><!--to make arrow-->

<div class="uparrow_out">

</div>

</td>

</tr>

<tr>

<td class="msg_out">

<div class="msgcontainer">

<span name="msg">{{message|replace({'<br/>':'<br/>'})|raw}}</span>

<br/><br/>

<div align="center"><i><font color="#698B69"> {{message_date}}

</font></i>

</div>

</div>

</td>

</tr>

</table>

<div style="clear:both;"></div>

{% else %}

<table border="0" cellspacing="0" cellpadding="0" class="s1" align="right">

<tr align="right"><!--to take texts on left-->

<td align="right">

<div class="nickback">

<script>var nck='{{uid}}';chkOnline(nck);</script><b><a href="{{profile_url}}" class="{{nick_class}}"> {{nick}} </a></b>

</div>

</td>

</tr>

<tr align="right">

<td align="right" width="5px" class="uparrow"><!--to make arrow-->

<div class="uparrow_in">

</div>

</td>

</tr>

<tr>

<td class="msg_in">

<div class="msgcontainer">

<span name="msg">{{message|replace({'<br/>':'<br/>'})|raw}}</span>

<br/><br/>

<div align="center"><i><font color="#698B69"> {{message_date}}

)</font></i>

</div>

</div>

</td>

</tr>

</table>

<div style="clear:both;"></div>

{% endif %}[/code]

Css

[code]<style>

.pvt_msg{

border-left: solid 1px #A1B3C6;

border-right: solid 1px #A1B3C6;

border-top: solid 1px #F5F7F9;

border-bottom: solid 1px #A1B3C6;

background: #E6EAF0 url(/files/300877/cell.gif) top left repeat-x;

padding: 4px;

}

.pm_date{text-align:center;}

@media (min-width: 1000px) {

.pvt_msg{

padding:0px;

border:0px;

background:#ffffff;

border-left: solid 1px #A1B3C6;

width:95%;

}

.icoholder,.pm_nick a,.pm_date{

border-left: solid 1px #F5F7F9;

border-right: solid 1px #A1B3C6;

border-top: solid 1px #F5F7F9;

border-bottom: solid 1px #A1B3C6;

background: #E6EAF0 url(/files/300877/cell.gif) top left repeat-x;

padding: 4px;

height:25px;

vertical-align:middle;

display:block;

float:left;

}

.icoholder{width:5%;text-align:center;}

.pm_nick a{width:50%;text-align:left;color:#325375;font-wight:bold;font-size: 1.1em;}

.pm_nick a:hover{background:#ADD8E6;text-decoration:none;}

.pm_date{width:30%;text-align:center;}

}

.msgcontainer{

padding:5px;

}

.s1{

margin-bottom:10px;

width:100%!important;

}

.s2{

padding:1px;

}

.uparrow_in{

width:0px;

margin-right:12px;

border-bottom:7px solid #006400;

border-right:7px solid transparent;

border-left:7px solid transparent;

border-top:1px solid transparent;

}

.uparrow_out{

width:0px;

margin-left:7px;

border-bottom:7px solid #6495ED;

border-right:7px solid transparent;

border-left:7px solid transparent;

border-top:1px solid transparent;

}

.msg_in{

background:#C1FFC1;

border:1px solid #006400;

border-radius:3px;

box-shadow: 0 1px 1px #008B00;

padding:0px;

text-align:left;

}

.msg_out{

background:#ECF1EF;

border:1px solid #6495ED;

border-radius:3px;

box-shadow: 0 1px 1px #1874CD;

padding:0px;

text-align:left;

}

.msg_new{

background:#5CACEE;

border:1px solid #6495ED;

border-radius:3px;

box-shadow: 0 1px 1px #1874CD;

padding:0px;

text-align:left;

}

.s5{

width:100%;

height:0px;

border-top:1px solid #999;

color:#999;

background:#999;

clear:both;

}

</style>[/code]

Dùng opera cóppy sửa khổ quá. Dù sao cũng cảm ơn

nhưng mà tên nick tui là katori nhá

Anh ấy đã nổ tiếng

Ko có demo à

Sai 1 tý . Tin nó hiện đều như nhau.fix gjúp đê

Demo đâu

Fb shoutbox style?

Demo: http://shoutboxgenerator.wap.m ... 06590

Chắc là sb style :/

Ok thank. but sharecode shbox will be good if we improve it