مجتمع حروف | عالم تعشقه الأقلام ®


 
الرئيسيةالرئيسية  المنشوراتالمنشورات  التسجيلالتسجيل  دخولدخول  



شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
E7SAS DESIGN
عضو متألق
عضو  متألق
avatar

[ ڪِتـابَاتِيّ : 274
[ جِنسك : ذكر
- [ آلتًسجيلٍ » : 24/02/2014


مُساهمةموضوع: [templete] كود قالب عرض الرسائل بطريقة الانبثاق لمنتديات احلى منتدى   الأربعاء 26 فبراير 2014 - 6:07

اهلا بكم احلى واجمل اعضاء فى الدنيا
اقدم لكم اليوم كود رائع جدا كامل والكمال لله عز وجل لطريقة عرض الرسائل الخاصة بالانبثاق
اكثر من رائع وراح يعجبكم جدا جدا

-----------------------------------------------------------
عرض الرسآئل كآمله



بعد الضغط على اي رساله



اكيد عجبكم إن شاء الله

-----------------------------------------------------------

والان مع الكود

الكود:
<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 -->

طريقة تركيبه
اذهب الى لوحة الادارة >> مظهر المنتدى >> التومبيلات والقوالب >> أرسل & رساله خاصة >> 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
واستبدل جميع القوالب بالقالب الذي في الاعلى

-----------------------------------------------------------
الكود منقول للفآئده
الرجوع الى أعلى الصفحة اذهب الى الأسفل
zaid.h.toghoj
عضو متألق
عضو  متألق
avatar

[ ڪِتـابَاتِيّ : 59
[ جِنسك : ذكر
- [ آلتًسجيلٍ » : 25/02/2014


مُساهمةموضوع: _da3m_22   السبت 1 مارس 2014 - 23:15

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

الرجوع الى أعلى الصفحة اذهب الى الأسفل
agiliedi
عضو متألق
عضو  متألق
avatar

[ ڪِتـابَاتِيّ : 667
[ جِنسك : ذكر
- [ آلتًسجيلٍ » : 16/02/2014

مُساهمةموضوع: رد: [templete] كود قالب عرض الرسائل بطريقة الانبثاق لمنتديات احلى منتدى   الثلاثاء 4 مارس 2014 - 11:36

شكرا لك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
2hMeD77
عضو متألق
عضو  متألق
avatar

[ ڪِتـابَاتِيّ : 137
[ جِنسك : ذكر
- [ آلتًسجيلٍ » : 20/04/2014


مُساهمةموضوع: رد: [templete] كود قالب عرض الرسائل بطريقة الانبثاق لمنتديات احلى منتدى   الأحد 4 مايو 2014 - 13:10

شششكرآ لكك ع كود آلتومبيلآت هذآ مميز للغاية
الرجوع الى أعلى الصفحة اذهب الى الأسفل
3A9LiyA dZ
عضو متألق
عضو  متألق
avatar

[ ڪِتـابَاتِيّ : 172
[ جِنسك : ذكر
- [ آلتًسجيلٍ » : 25/02/2014


مُساهمةموضوع: رد: [templete] كود قالب عرض الرسائل بطريقة الانبثاق لمنتديات احلى منتدى   الأحد 15 يونيو 2014 - 12:33

مشكوووووووووور
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://3almoal3arab.wwooww.net/
سسعود
عضو متألق
عضو  متألق
avatar

[ ڪِتـابَاتِيّ : 102
[ جِنسك : ذكر
- [ آلتًسجيلٍ » : 02/07/2014


مُساهمةموضوع: رد: [templete] كود قالب عرض الرسائل بطريقة الانبثاق لمنتديات احلى منتدى   الجمعة 11 يوليو 2014 - 2:47

أبدآع مرفق مع متصفحك

يعتلي القمة ..~
رسمت لنا للآبدآع صورة تميزت ألوآنها
سلمت الانامل ويعطيك العافيه
الرجوع الى أعلى الصفحة اذهب الى الأسفل
دآعشش ْ xD
عضو متألق
عضو  متألق


[ ڪِتـابَاتِيّ : 267
[ جِنسك : ذكر
- [ آلتًسجيلٍ » : 31/07/2013



مُساهمةموضوع: رد: [templete] كود قالب عرض الرسائل بطريقة الانبثاق لمنتديات احلى منتدى   الجمعة 11 يوليو 2014 - 6:04

سلمت أناملك الذهبية عالطرح الرائع 
الذي أنار صفحات منتدى حروف
بكل ماهو جديد ؛ لك مني أرق وأجمل التحايا 
على هذا التألق والأبداع 
والذي هو حليفكِ دوما" إن شاء الله 
الرجوع الى أعلى الصفحة اذهب الى الأسفل
asmaa.fr
عضو متألق
عضو  متألق
avatar

[ ڪِتـابَاتِيّ : 390
[ جِنسك : انثى
- [ آلتًسجيلٍ » : 22/08/2013


مُساهمةموضوع: رد: [templete] كود قالب عرض الرسائل بطريقة الانبثاق لمنتديات احلى منتدى   الجمعة 8 أغسطس 2014 - 23:05

شكرا لك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
بدر الزمان
عضو متألق
عضو  متألق
avatar

[ ڪِتـابَاتِيّ : 343
[ جِنسك : انثى
- [ آلتًسجيلٍ » : 23/09/2014


مُساهمةموضوع: رد: [templete] كود قالب عرض الرسائل بطريقة الانبثاق لمنتديات احلى منتدى   السبت 11 أكتوبر 2014 - 14:43

روعــــــــــــــــــة موضوعك أفرحتتني
سلمت أناملك وسلم إبداعك 
ودمت بحفظ الله ورعايته
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
[templete] كود قالب عرض الرسائل بطريقة الانبثاق لمنتديات احلى منتدى
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
مجتمع حروف | عالم تعشقه الأقلام ®  :: حروف ديزاين لتطوير المواقع والمنتديات :: اكواد تومبلات | Template-
انتقل الى: