[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(https://i.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 -->

طريقة تركيبه
اذهب الى لوحة الادارة >> مظهر المنتدى >> التومبيلات والقوالب >> أرسل & رساله خاصة >> privmsgs_body
واضغط تعديل وبدل القالب الاصلى بقالب الذي في الاعلى

-----------------------------------------------------------
الكود الثآني
الرمز:
<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 -->

طريقة التركيب
اذهب الى لوحة الادارة >> مظهر المنتدى >> التومبيلات والقوالب >> أرسل & رساله خاصة >> privmsgs_read_body
واستبدل جميع القوالب بالقالب الذي في الاعلى

-----------------------------------------------------------
الكود منقول للفآئده

موضوع رائع بوركت