This is all private message layout codes.These are
advanced in look and if you put these layout code
according to instruction then your private message
module will look like Friendz4u's private message
module.

Css Code for module styles:

<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>

Now add the layout codes below to their mentioned areas. Private Messages Inbox Layout Code:

<div class="pvt_msg"> <span class="icoholder"> {{conversation_status|replace({'[+]':'<img src="http://friendz4u.waplux.com/files/300877/unread.gif" alt="+">','[-]':'<img src="http://friendz4u.waplux.com/files/300877/read.gif" alt="-">'})|raw}} </span> <span class="pm_nick"><a href="{{conversation_url}}" class="{{nick_class}}"><script>var nck='{{nick_uid}}';chkOnline(nck);</script>{{nick}}</a></span> <div class="pm_date"> <font color="#595959"> {% set s=0 %} {% set m=last_message_date|slice(12,2) %} {% set h=last_message_date|slice(9,2) %} {% set d=last_message_date|slice (6,2) %} {% if s <= "now"|date("s") %} {% set s="now"|date("s")-s %} {% else %} {% set s,m="now"|date ("s")+60-s,m+1 %} {%endif%} {% if m <= "now"|date("i") %} {% set m="now"|date("i")-m %} {% else %} {% set m,h="now"|date("i")+60-m,h +1 %} {%endif%} {% if h <= "now"| date("H") %} {% set h="now"|date ("H")-h %} {% else %} {% set h,d="now"|date("H")+24-h,1 %} {% endif%} {% if d=="now"|date("d") %} {% if h > 0%} {{ h~" hour "~m~" mins" }} ago{%elseif h==0 and m > 0%}{{ m~" mins "~s~" sec " }} ago{%else%}a second ago{% endif%}{%else%}On: {{last_message_date}}{% endif%} </font></div> <div style="clear:both"></div> </div>

Private Messages List Layout Code:

{% if nick_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='{{nick_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">(Sent {% set s=message_date|slice(17,2) %} {% set m=message_date|slice(14,2) %} {% set h=message_date|slice(11,2) %} {% set d=message_date|slice (8,2) %} {% if s <= "now"|date("s") %} {% set s="now"|date("s")-s %} {% else %} {% set s,m="now"|date ("s")+60-s,m+1 %} {%endif%} {% if m <= "now"|date("i") %} {% set m="now"|date("i")-m %} {% else %} {% set m,h="now"|date("i")+60-m,h +1 %} {%endif%} {% if h <= "now"| date("H") %} {% set h="now"|date ("H")-h %} {% else %} {% set h,d="now"|date("H")+24-h,1 %} {% endif%} {% if d=="now"|date("d") %} {% if h > 0%} {{ h~" hour "~m~" mins" }} ago{%elseif h==0 and m > 0%}{{m~" mins "~s~" sec " }} ago{%else%}a second ago{% endif%}{%else%}On: {{message_date}}{% endif%} )</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='{{nick_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">(Sent {% set s=message_date|slice(17,2) %} {% set m=message_date|slice(14,2) %} {% set h=message_date|slice(11,2) %} {% set d=message_date|slice (8,2) %} {% if s <= "now"|date("s") %} {% set s="now"|date("s")-s %} {% else %} {% set s,m="now"|date ("s")+60-s,m+1 %} {%endif%} {% if m <= "now"|date("i") %} {% set m="now"|date("i")-m %} {% else %} {% set m,h="now"|date("i")+60-m,h +1 %} {%endif%} {% if h <= "now"| date("H") %} {% set h="now"|date ("H")-h %} {% else %} {% set h,d="now"|date("H")+24-h,1 %} {% endif%} {% if d=="now"|date("d") %} {% if h > 0%} {{ h~" hour "~m~" mins" }} ago{%elseif h==0 and m > 0%}{{m~" mins "~s~" sec " }} ago{%else%}a second ago{% endif%}{%else%}On: {{message_date}}{% endif%} )</font></i> </div> </div> </td> </tr> </table> <div style="clear:both;"></div> {% endif %}

Private Message write layout Code :

<table width="100%"> <tr valign="middle"> <td align="center"> <form action="{{form_url}}" method="post" style="margin:5px 0"> <textarea name="msg" style="width:90%;resize:none" rows="4"> </textarea> </td> <td width="20%" align="left"> <input type="submit" value="{{reply}}"/> </form> </td> </tr> </table>

Private Message Conversation layout Code:

<div style="padding:2px;text-align:center;"> {{message_list}} </div> <div style="background:#d9d9d9;text-align:center;padding:0px;color:#555"> {{reply_form}} {{paging_next}} {{paging_back}} {{delete}} <br/> <a href="user_info.php?id=blacklist_add&uid={{api.r.get('p')}}">Block {{api.u.get(api.r.get('p')).nick}}</a> <br/> {{back}} </div>

NOTE: Paste these codes in Private messages list
layout.
You will find this inside Wapego Control Panel-
>Design->Layout->Private Messages