VISIT MY SITE
thanks
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>
Copy code
.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>
Copy code
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>
Copy code
<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>
Copy code
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 %}
Copy code
<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 %}
Copy code
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>
Copy code
<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>
Copy code
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>
Copy code
{{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>
Copy code
NOTE: Paste these codes in Private messages list
layout.
You will find this inside Wapego Control Panel-
>Design->Layout->Private Messages
Online:
Guests: 1