[templete] كود قالب عرض الرسائل بطريقة الانبثاق لمنتديات احلى منتدى

<script>
  $(function() {
 var links = $('.topictitle a');
$(links).click(function(e) {
  e.preventDefault();
  var hrefed= this.href;
  $('#popup7, #transparentOverlay5').fadeIn('slow');
  $('#ttr').load(hrefed+" #ahmed");
    $('#tttr').load(hrefed+" #mohamedd");
 });
  });
</script>
<div id="transparentOverlay5" onclick="jQuery('#popup7').add(this).fadeOut();" style="display:none"></div>
<center><div id="popup7" style="display: none;">
<div style="float: right;
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 1004;
background-image: url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.png);
  } " onclick="jQuery('#popup7, #transparentOverlay5').fadeOut('slow');"></div>
<div id="ttr"></div><div id="tttr"></div>
  </div></center>
<style>
  #ahmed {
max-height: 350px;
  overflow: auto;
  }
#popup7 {
background: #f9f9f9;
color: #444;
text-shadow: none;
  padding: 15px;
  position: fixed;
   z-index: 9999;
   outline: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width: 600px;
margin-right: 15%;
  top: 30%;
box-shadow: 8px 8px 35px black;
-moz-box-shadow: 8px 8px 35px black;
-webkit-box-shadow: 8px 8px 35px black;
font-family: sans-serif;
}
#transparentOverlay5 {
min-height: 100%;
cursor: pointer;
width: 100%;
height: 100%;
opacity: 0.8;
position: fixed;
top: 0;
left: 0;
overflow: hidden;
z-index: 9999;
background: #000;
}
</style>
<style>
  .mohamed {
  float: left;
margin-top: -35px;
  }
  .signature_div {
  display: none !important;
  }
  .hamo {
  float: left;
padding-left: 5px;
  }
  .medo {
  float: right;
margin-top: -25px;
padding: 0 60px;
  }
</style>
<br /><br />
<form action="{S_PRIVMSGS_ACTION}" method="post" name="privmsg_list">

<!-- www.4egy.net -->
<table border="0" cellpadding="6" cellspacing="0" width="100%" align="center">
<tr><td colspan="2">
  <!-- ����� ����� ���� -->

<!-- ����� ����� ���� -->
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
<tbody>
 <tr>
   <td class="alt1" width="50%">
     {POST_PM_IMG}
 
        <div align="left"style="margin-top: -25px;">     <span
title="����� ������� ��������">  {INBOX_IMG}</span>
     <span title="����� ������� �������">  {SENTBOX_IMG}</span>
    <span title="����� ������� ���� �� ��� ������� ���">  {OUTBOX_IMG}</span>
     <span title="����� ������� �������"> {SAVEBOX_IMG}</span></div>
     <!-- Start add - Custom mass PM MOD -->
<!--<td align="left" valign="middle">{MASS_PM_IMG}</td>-->
<!-- End add - Custom mass PM MOD -->
   </td>

   <td class="alt1" width="50%">
 
         <!-- BEGIN switch_box_size_notice --> <span
class="gensmall">{BOX_SIZE_STATUS}</span><!-- END
switch_box_size_notice -->
 </td>
   
   </tr>
  <tr>
   <td class="alt2" width="50%">
 
     <b><a class="gensmall"
href="javascript:select_switch_privmsg(true);">{L_MARK_ALL}</a>
 :: <a class="gensmall"
href="javascript:select_switch_privmsg(false);">{L_UNMARK_ALL}</a></b>
 </td>
   <td class="alt2" width="50%">
{S_HIDDEN_FIELDS}
   <!-- BEGIN switch_save -->
      <input class="mainoption" type="submit" name="save" value="{L_SAVE_MARKED}" />  
   <!-- END switch_save -->
   <!-- BEGIN switch_move_profile -->
   <input class="mainoption" type="submit" name="moveprofile" value="{L_MOVE_PROFILE_MARKED}" />  
   <!-- END switch_move_profile -->
          <input class="liteoption" type="submit" name="delete" value="{L_DELETE_MARKED}" />  
          <input class="liteoption" type="submit" name="deleteall" value="{L_DELETE_ALL}" />
   </td>
   </tr>
  <tr>
   <td class="alt1" width="50%">
     <span class="nav">{PAGE_NUMBER}</span>
 </td>
   <td class="alt1" width="50%">
     <span class="nav">{PAGINATION}
      </span>
   </td>
   </tr>
</tbody>
</table>
   <!-- ����� ����� ���� -->

  <!-- ����� ����� ���� -->
</td></tr>
<tr><td>
  <!-- ����� ����� ���� -->

<!-- ����� ����� ���� -->
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
<tbody>
 <tr>
   <td class="alt1" width="100%">
<table class="tborder" align="right" width="100%" border="0" cellspacing="1" cellpadding="6">
<tr>
<th class="thead" nowrap="nowrap" width="95%" colspan="3"> {L_SUBJECT} </th>
<th class="thead" nowrap="nowrap" width="5%"> {L_MARK} </th>
</tr>
<!-- BEGIN listrow -->
<tr>
 
 <td align="center" valign="middle"class="alt1"><img
title="{listrow.L_PRIVMSG_FOLDER_ALT}"
src="{listrow.PRIVMSG_FOLDER_IMG}" alt="{listrow.L_PRIVMSG_FOLDER_ALT}"
/></td>
<td align="center" valign="middle"class="alt2">{listrow.PRIVMSG_ICON}</td>
 
 <td valign="middle" width="90%" class="alt1"> <span
class="topictitle"> <a class="topictitle"
href="{listrow.U_READ}">{listrow.SUBJECT}</a></span><br
 /><span class="name"> {listrow.FROM}</span>|<span
class="postdetails">{listrow.DATE}</span></td>
 
<td align="center" valign="middle" width="5%"
class="alt2"><span class="postdetails"><input
type="checkbox" name="mark[]2" value="{listrow.S_MARK_ID}"
/></span></td>
</tr>
<!-- END listrow --><!-- BEGIN switch_no_messages -->
<tr>
<td
 class="alt1" colspan="6" align="center" valign="middle"><span
class="gen">{L_NO_MESSAGES}</span></td>
</tr>
<!-- END switch_no_messages -->
  </table></td>
   </tr>
</tbody>
</table>
  <!-- ����� ����� ���� -->

  <!-- ����� ����� ���� -->
    </td></tr></table></form> 
<!-- code by Naruto Kingdom & EZEL -->

<table border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td valign="middle">{INBOX_IMG}</td>
      <td valign="middle"><span class="cattitle">{INBOX}  </span></td>
      <td valign="middle">{SENTBOX_IMG}</td>
      <td valign="middle"><span class="cattitle">{SENTBOX}  </span></td>
      <td valign="middle">{OUTBOX_IMG}</td>
      <td valign="middle"><span class="cattitle">{OUTBOX}  </span></td>
      <td valign="middle">{SAVEBOX_IMG}</td>
      <td valign="middle"><span class="cattitle">{SAVEBOX}</span></td>
   </tr>
</table>
<br clear="all" />
<form action="{S_PRIVMSGS_ACTION}" method="post">
<!-- BEGIN switch_post_reply -->
<table width="100%" border="0" cellspacing="2" cellpadding="0">
   <tr>
          <td valign="middle"><div id="mohamedd">{REPLY_PM_IMG}</div></td>
      <td width="100%"></td>
   </tr>
</table>
<!-- END switch_post_reply -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="4">
   <tr>
      <th class="thHead" colspan="4" nowrap="nowrap">{BOX_NAME} :: {L_MESSAGE}</th>
   </tr>

   <tr>
      <td class="row2"><span class="genmed">{L_FROM}:</span></td>
      <td class="row2" colspan="2" width="100%"><span class="genmed">{MESSAGE_FROM}</span></td>
      <td rowspan="4" class="row2">
         {AVATAR_FROM}
      </td>
   </tr>
   <tr>
      <td class="row2"><span class="genmed">{L_TO}:</span></td>
      <td class="row2" colspan="2" width="100%"><span class="genmed">{MESSAGE_TO}</span></td>
   </tr>
   <tr>
      <td class="row2"><span class="genmed">{L_POSTED}:</span></td>
      <td class="row2" colspan="2" width="100%"><span class="genmed">{POST_DATE}</span></td>
   </tr>
   <tr>
      <td class="row2"><span class="genmed">{L_SUBJECT}:</span></td>
      <td class="row2" width="100%"><span class="genmed">{POST_SUBJECT}</span></td>
      <td class="row2" align="right" nowrap="nowrap">
         <!-- BEGIN switch_quote -->
         {QUOTE_PM_IMG}
         <!-- END switch_quote -->
         {EDIT_PM_IMG}
      </td>
   </tr>
   <tr>
      <td class="row1" colspan="4" valign="top">
                  <div id="ahmed" class="postbody"><br />{MESSAGE}</div></td>
   </tr>
   <!-- BEGIN switch_user_contact -->
   <tr>
      <td class="row1" colspan="4" valign="bottom" width="78%" height="28">
      <table border="0" cellspacing="0" cellpadding="0">
         <tr>
 
           <td valign="middle" nowrap="nowrap">{PROFILE_IMG}
{PM_IMG} {EMAIL_IMG} {WWW_IMG} {AIM_IMG} {YIM_IMG} {MSN_IMG}
{SKYPE_IMG} </td>
            <td> </td>
            <td valign="top" nowrap="nowrap">
            <script type="text/javascript">
//<![CDATA[
if
 ( navigator.userAgent.toLowerCase().indexOf('mozilla') != -1 &&
 navigator.userAgent.indexOf('5.') == -1 &&
navigator.userAgent.indexOf('6.') == -1 ) {
   document.write('{ICQ_IMG}');
} else {
 
  document.write('<div style="position:relative"><div
style="position:absolute">{ICQ_IMG}</div><div
style="position:absolute;left:3px">{ICQ_STATUS_IMG}</div></div>');
}
//]]>
            </script>
            <noscript>{ICQ_IMG}</noscript>
            </td>
         </tr>
      </table>
      </td>
   </tr>
   <!-- END switch_user_contact -->
   <tr>
      <td class="catBottom" colspan="4" align="right" height="28">
         {S_HIDDEN_FIELDS}
         <!-- BEGIN switch_save -->
         <input class="liteoption" type="submit" name="save" value="{L_SAVE_MSG}" />  
         <!-- END switch_save -->
         <!-- BEGIN switch_move_profile -->
         <input class="liteoption" type="submit" name="moveprofile" value="{L_MOVE_PROFILE}" />  
         <!-- END switch_move_profile -->
         <input class="liteoption" type="submit" name="delete" value="{L_DELETE_MSG}" />
      </td>
   </tr>
</table>
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td>
         <!-- BEGIN switch_post_reply -->
         {REPLY_PM_IMG}
         <!-- END switch_post_reply -->
      </td>
      <td align="right" valign="top"><span class="gensmall">{S_TIMEZONE}</span></td>
   </tr>
   <!-- BEGIN switch_review_box -->
   <tr>
      <td colspan="2">{TOPIC_REVIEW_BOX}</td>
   </tr>
   <!-- END switch_review_box -->
</table>
</form>
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td align="right" valign="top"><span class="gensmall">{JUMPBOX}</span></td>
   </tr>
</table>

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({
 'selector' : '.postbody', 'max_width' :
{switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' :
{switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->