احلى سلام عليكم ورحمه الله وبركاته
قمت بتطوير كود التعليق على المقالات ليضهر باحلى شكل اتمنى يعجبكم
فيه الاوسمه تضهر بشكل جميل في اطارات
مع كود لونك المفضل
مع اطار الصوره بشكل جميل ايضا
الكود يتكون من قسمين لانه طويل شويه
انسخ الكود الاول ثم اتبعه بالكود الثاني
تحته مباشره
في خانه التعليق على المقالات
viewcomments_body
الكود الاول

الكود:

<!-- code license byhttp://www.sunnset.com -->
  <script type="text/javascript">
var CopyrightNotice='The last Topics category for forumotion. Copyright ️ ';
$(function () {
    $.ajax({
        url: "/feed/?f={FORUM_ID}",
        success: function (a) {
  $(".postbody:first").after('<center><br</div><div class="clear"></div><div class="clear"></div><div class="clear_both"></div><div style="width:20%;background:#eee;border:1px solid #ddd;padding:4px;margin-top:5px; font-size: 13px; font-family: Tahoma;font-weight: bold;"><br /><div id="cungchuyenmuc" style="font-weight: bold;padding:10px 20px;background:#000;border:1px solid #ddd;"><div class="title"><span style="color: rgb(0, 0, 255); font-size: 18px;"><strong><span style="font-family: Arial; font-size: 24px;">اقرا اخر مواضيع القسم</span><span style="font-family: Arial;">.....</span><br /></strong></span></div><br /></div></div></center>');
            12 < $(a).find("title").length ? so = 12 : so = $(a).find("title").length;
            for (i = 2; i < so; i++) $('<a href="' + $(a).find("link:eq(" + i + ")").text() + '">' + $(a).find("title:eq(" + i + ")").text() + "</a><br/>").appendTo("#cungchuyenmuc")
        }
    })
});
</script>



<style type="text/css">

.postbody {
    color: #000;
    line-height: 18px;
    font: bold 11px Tahoma;
}


 
</style>
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){

    if(typeof(_atc) == "undefined") {
        _atc = { };
    }

    _atc.cwait = 0;
    $('.addthis_button').mouseup(function(){
        if ($('#at15s').css('display') == 'block') {
            addthis_close();
            addthis_close();
        }
    });
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
       
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
         {
            if( $(this).is(":visible") )
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
         });
        }
    }
    catch(e) { }
   
   return false;
};
$(document).ready(function(){$('div:first.postbody div.clear, div:first.post br.clear').html('<iframe src="http://a7la.0wn0.com/h4-" height="288" width="690" frameborder="0" scrolling="no"></iframe>')});

//]]>
</script>
<!--بداية التأطير العلوي -->
<div class="t1">
  <div class="t2"></div>
  <div class="t3"></div>
</div>
<div class="body-bg">
  <div class="t4">
      <div class="t5">
<!--نهاية التأطير العلوي -->
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
   <tr>
      <td class="alt1" width="100%"><strong>
                  <span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span> </strong> </td>
   </tr>
   </table>
   <br />
<a name="poststop" id="poststop"></a>

<table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin-bottom:3px">
  <tr valign="bottom">
   <td class="smallfont">
                 
<!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> 
         <!-- END switch_user_authpost -->
         <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
         <!-- END switch_user_authreply -->

 
  </td>


      <!-- BEGIN topicpagination -->

     <!-- END topicpagination -->







   
    </tr> </table>


<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center" style="border-bottom-width:0px">
<tr>
   
  <!-- BEGIN postrow -->
   <!-- BEGIN displayed -->
<td class="vbmenu_control" align="center"><font face="Tahoma" color="#FFFFCD">
                    <span style="font-size: 9pt; "><strong>كاتب الموضوع 
                    </strong> 
                    </span></font> </td>
<td class="vbmenu_control" align="center"><b><font face="Tahoma" color="#FFFFCD"><span class="smallfont">
                    <span style="font-size: 9pt">{postrow.displayed.POSTER_NAME}</span></span><span style="font-size: 9pt">
                    </span></font></b> </td>

  <!-- END displayed -->
   
   <!-- END postrow -->


<td class="tcat" align="center">


                     
                      <a rel="nofollow" href="javascript:void(0);" onclick="window.print();return false">

                        <img class="style1" src="https://i.servimg.com/u/f39/18/63/84/73/printe10.gif" alt="مشاهدة صفحة طباعة الموضوع" /></a>
        | 
                      <a rel="nofollow" href="{U_TELLFRIEND_JS_PLUS_MENU}">

  <img class="style1" src="https://i.servimg.com/u/f39/18/63/84/73/sendto10.gif" alt="أرسل هذا الموضوع إلى صديق" /></a>
  | 
    <a href="{U_FAVOURITE_JS_PLUS_MENU}">

        <img class="style1" src="https://i.servimg.com/u/f39/18/63/84/73/subscr10.gif" alt="الاشتراك" /></a>
 

</td>
 
<td class="tcat" align="center"><b><font face="Tahoma"><span class="smallfont">


                    <span style="font-size: 9pt">
                      <a name="fb_share" type="button_count" href="https://www.facebook.com/sharer.php">
<font face="Tahoma" color="#FFFFCD">
                    <span style="font-size: 9pt; "><strong>انشر الموضوع </strong> 
                    </span></font> </a><font color="#FFFFCD"><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></font></span></span>
 
 <font color="#FFFF00"><span style="font-size: 9pt">
                    </span></font></font></b> </td>
 
<td class="vbmenu_control" style="width: 152px" align="center">
<!-- AddThis Button BEGIN --> 
<div class="addthis_toolbox addthis_default_style">
<a href="https://www.addthis.com/bookmark.php" class="addthis_button_compact">
</a>
<a class="addthis_button_google"></a>
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_friendfeed"></a>
</div>

<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>
<!-- AddThis Button END -->
</td>

 
    
 <!-- BEGIN switch_twitter_btn -->
         <span id="twitter_btn" style="margin-left: 6px; ">
         <a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
         <script type="text/javascript" src="https://platform.twitter.com/widgets.js"></script>
         </span>
         <!-- END switch_twitter_btn -->
         <!-- BEGIN switch_fb_likebtn -->
         <span id="fb_likebtn" style="margin-left: 6px; ">
            <iframe src="https://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
         </span>
         <!-- END switch_fb_likebtn -->
   <td class="vbmenu_control" id="threadtools" nowrap="nowrap">
<span class="gensmall bold">
            <a class="addthis_button" href="https://www.addthis.com/bookmark.php?v=250&pub=forumotion"><img alt="" src="https://i.servimg.com/u/f39/18/63/84/73/cat10.png"/></a>
             </span>

   </td>



   
   
   
   <td class="vbmenu_control" id="displaymodes" nowrap="nowrap">
    <span class="gensmall bold">
               
            <script type="text/javascript">//<![CDATA[
               var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
               var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
               var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
               var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
               var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
               
               insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
         </script>

<!-- كود التصويت -->


{POLL_DISPLAY}


<!-- كود التصويت -->



         </span>
  </td>
   

   

</tr>
</table>


   
<!--https://help.ahlamontada.com/t1096040-topic#4978198  موضوع اطارات البيانات -->





<head>
<style type="text/css">

 .AVATAR86 img {
    width: 280px;
    aspect-ratio: auto 280 / 750;
    height: 750px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    }


 .rasool  {

    }

/*----------كود التحكم بايطار الخارجي للصوره  ----------- */
.avataruser img {


}




/*---------- 2كود التحكم بلون اطار الخارجي للبيانات----------- */
table.ttborder {


}










fieldset,  .code, td.gensmall, .postdetails.poster-profile a img, .esharydetails{
padding: 10px 10px 10px 10px;
border: medium double #000000;
background:# !important;
font-size: 27px;
}




.a7la7ekaya img {
        height: 100px;
        width: 100px;
    }




.postbody img {
max-width:1200px;
}
.avataruser img {
max-width:700px;
}


.userdetails{
}


td.alt1.infouser {
    background: #;
    color: #8C8C8C;
    font-size: 11px;
    font-weight: bold;
    padding: 1px;
    margin: 1px;
    display: block;
    padding: 7px;
    border-radius: 1px;
    text-align: right;
 width: 0 auto;
border-style: ridge; border-: ;
border-width: 2px;
}


td.alt1.infouser img {

}



td.alt1.infouser {
background: #;
color: #8C8C8C;
font-size:11px;
font-weight: bold;
padding: 1px; margin: 1px;
display: block;
padding: 7px;
border-radius: 1px;
text-align: right;
}
td.alt2.infouser {
background: #;
color: #8C8C8C;
font-size:11px;
font-weight: bold;
padding: 1px; margin: 1px;
display: block;
padding: 7px;
border-radius: 1px;
text-align: right;
}



/*---------- كود التحكم بمربع المشاركه----------- */
.alt2, .alt2Active, .row2 {
 


-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
background: # url("") center top repeat-x;
border : 1px dotted #;
border-top: medium solid #;
border-bottom: medium solid #;
}






overall_footer_begin {
display: none;
}




.conan2000, .conan1 {

    background: orange;
    color: azure;
font-size: 18px;
font-weight: bold;
padding: 1px; margin: 1px;
display: block;
padding: 7px;
  border-radius: 1px;
}






















.sidebaritem {
background: url("") repeat-x scroll 0 0 #FBFBFB;
border-color: #ffffff;
border-style: solid;
border-width: 1px 2px 1px 1px;
font-size: 11px;
padding: 0;
width: 180px;
}

.postimg {
        height: 1220px;
        width: 1145px;
    }


/***تكبير الخط**/
.postbody{
background: url("");
font-size: 16px;
text-align: center;
font-weight: 700;
font-family:Cairo;
line-height: 2.0em;
color: #000;
}




/*بداية كود ايطار و خلفيه للاقتباس*/
 .quote{
   background: url(https://www.a-al7b.com/vb/Ramadan-al7b2022/quote/quotes-ht.gif) top left no-repeat, url(https://www.a-al7b.com/vb/Ramadan-al7b2022/quote/quotes-h1.gif) top right no-repeat, url(https://www.a-al7b.com/vb/Ramadan-al7b2022/quote/quotes-ht.gif) top repeat-x, url(https://www.a-al7b.com/vb/Ramadan-al7b2022/quote/quotes-ft.gif) bottom left no-repeat, url(https://www.a-al7b.com/vb/Ramadan-al7b2022/quote/quotes-ft.gif) bottom right no-repeat, url(https://www.a-al7b.com/vb/Ramadan-al7b2022/quote/quotes-ft.gif) bottom repeat-x, url(https://i.servimg.com/u/f30/20/18/18/38/nav_2211.png) right repeat-y, url(https://i.servimg.com/u/f30/20/18/18/38/nav_2211.png) left repeat-y;
   padding: 180px 21px 137px 23px;
   border: 0px;
   width: 96%;
   margin: 0 auto;
   text-align: center;
   background-color: #000;
   color: #fff;
}
/*نهاية كود ايطار و خلفيه للاقتباس*/







</style>

</head>
<!-- BEGIN postrow -->

<!-- BEGIN displayed -->


<table class="tborder vbseo_like_postbit" id="post20352549" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
<tr>
<td class="thead">
<div class="nav_post" >
      <div class="normal" style="float:left">
                     {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                   


         
         
         
      </div>

      <div class="normal" class="thead">

        <div class="post-head"><span class="MostWanted"> &nbsp;&nbsp;{postrow.displayed.COUNT_POSTS}</span>   
         <!-- status icon and date -->

         
 تم النشر في {postrow.displayed.POST_DATE_DMY_VALUE0} - {postrow.displayed.POST_DATE_DMY_VALUE1} - {postrow.displayed.POST_DATE_DMY_VALUE2}
         



         <!-- / status icon and date -->
      </div>
   </div>
</td>
  </tr>   
<tr>






   <td class="alt2"  colspan="1" width="200"
      <!-- user info -->
      <table class="ttborder"style="top"><table cellpadding="0" cellspacing="60" border="0" width="100%" >

      <tr>
         <td class="alt1" align="center"><div class="smallfont avataruser">








<table class="ttborder"style="top"><table border="3" width="100%" cellspacing="2"  style="border: 1px solid Magenta">
<td align="center" style="background-color: Magenta; border: 1px none;">
<span style="background-color: Magenta; color:#FFF;">.الصوره الشخصيه</span>



<tr>
<td class="alt1 infouser" align="center">{postrow.displayed.POSTER_AVATAR} </td>

</tr>




 











</div>

<div style="text-align:center" class="smallfont">

                          </div>
            <div class="smallfont">
                             
  </div>
                      <a class="bigusername" name="{postrow.displayed.U_POST_ID}">    </a>


 <table cellspacing="4" cellpadding="0" border="0">


 <table cellspacing="4" cellpadding="0" border="0">
   
   
    <tr>

<p style="text-align: center;">



                       
         <td nowrap="nowrap" align="center">

      <table>
                  <tr>
                          <td>
            <div id="postmenu_20352549" align="center">
               

               
               


                                     



                          </div>
                          </td>
            <td>

                          <table border=0 cellspacing=0 cellpadding=0 class="offlinebutton"><tr><td width="ضع مقاس الايقونه "><!-- postrow.displayed.ONLINE_IMG --> </td></tr></table>
         
                             </td>
      </tr>
      </table>
                          <!-- بيانات موقعي -->




<!-- BEGIN contact_field -->

<!-- END contact_field -->



<!-- /الاوسمه جنب الصوره اليمين -->
<!-- /https://www.3-zf.com/vb/showthread.php?p=76788#post76788    موضوع الدي نسخنا منه الكود-->


<tr>

        <!-- user info -->
<td align="center" width="100%">
<p style="text-align: center;">

               
        <tr>
            <td>

    </tr>
</table>
            </div>
  </td>
            <td align="center">
<table border="0" cellpadding="0" cellspacing="2" width="187" align="center">
<tr><td align="center">
<div id="postmenu_76788" align="center">

</table>
</td>
<td valign="middle">
<div style="width: 185px; ">
<table class="ttborder" style="top">   
<table border="3" width="100%" cellspacing="2"  style="border: 1px solid Magenta">
<tr>
<td align="center" style="background-color: Magenta; border: 1px none;">
<span style="background-color: Magenta; color:#FFF;">.AWARDS</span>
</td>
</tr>
<tr>







<!-- نظام الجوائز-->
    <td class="css_helmtd" style="border-top: 0px solid Magenta; border-bottom: 0px solid Magenta; border-right: 3px solid Magenta; border-left: 3px solid Magenta;" align="right">

<div align="center">
<marquee onmouseover="this.stop()" onmouseout="this.start()" direction="up" scrolldelay="2" scrollamount="1" style="width:170px; height:110px;"><div align="center">{postrow.displayed.AWARDS}</a>&nbsp;</div></marquee>

<!-- BEGIN switch_awards --> <tr> <th colspan="2">{switch_informations_menu.switch_awards.L_AWARDS}</th> </tr> <tr> <td id="list_awards" class="catBottom" colspan="2" style="background-image: none; text-align: center">{switch_informations_menu.switch_awards.AWARDS_LIST}</td> </tr> <tr> <td class="catBottom" colspan="2" style="text-align: center"> <input id="awards_order" type="hidden" name="awards_order" value="" /> <input style="cursor: pointer" id="sort_awards" class="liteoption" type="button" name="order" value="{switch_informations_menu.switch_awards.L_SORT}" /> </td> </tr> {switch_informations_menu.switch_awards.SCRIPT_SORT_AWARDS} <!-- END switch_awards -->

<!-- BEGIN switch_awards --> <tr> <td class="catLeft" align="center" height="28"><b><span class="gen">{switch_awards.L_AWARDS}</span></b></td> </tr> <tr> <td class="row1 awards_block_simple_wrapper" valign="top"> <table width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <td class="awards_block_simple"><span class="gen"><strong>{switch_awards.AWARDS_LIST}</strong></span></td> </tr> </table> </td> </tr> <!-- END switch_awards -->


<!-- رسول -->

<!-- نظام الجوائز--></div></td>
</tr>
</table>

</div>
</td>

<!-- /الاوسمه جنب الصوره اليمين -->




<!-- / بيانات موقعي -->






<!--هاك تحت الصوره الوسط -->
<td align="center" width="100%">    
<p style="text-align: center;">
<!--هاك التواجد -->
{postrow.displayed.profile_field.LABEL}
{postrow.displayed.POSTER_NAME}

</p>
<div class="rasool">{postrow.displayed.RANK_IMAGE}</div>
</p>
 {postrow.displayed.ONLINE_IMG}
</p>
{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}
{postrow.displayed.contact_field.CONTENT}

<!--هاك التواجد -->


<p style="text-align: center;">
    <img src="https://i.servimg.com/u/f18/20/23/40/69/aca11.gif" /><img src="https://i.servimg.com/u/f18/20/23/40/69/aca11.gif" /><img src="https://i.servimg.com/u/f18/20/23/40/69/aca11.gif" /><br />
</p>
<img src="https://2img.net/i/fa/empty.gif" /><br />
</p>




         <!-- icon and title -->



         <!-- icon and title -->



<!-- AddThis Button END -->


 <td width="180" align="center">
<table class="ttborder" style="top"> <table border="0" cellpadding="0" cellspacing="1" width="0 auto" align="center">
<tr><td align="center">
<div id="postmenu_76788" align="center">

</table>
</td>
<td valign="middle">
<div style="width: 0 auto; ">
<table class="ttborder" style="top">   
<table class="ttborder" style="top"table border="1" width="100%" cellspacing="2"  style="border: 1px solid Magenta">
<tr>
<td align="center" style="background-color: Magenta; border: 1px none;">
<span style="background-color: Magenta; color:#FFF;">.البيانات</span>

       

<!-- BEGIN profile_field -->


<tr>
<td class="alt1 infouser" align="center">{postrow.displayed.profile_field.LABEL}  {postrow.displayed.profile_field.CONTENT} </td>

</tr>






<!-- END profile_field -->




</table>


<div style="padding:3px; text-align:center;">
<div align="center">

</div>
</div>
</td>
</tr>
</table>
<!-- / user info -->
</td>
</tr>
<tr>

<td class="alt1" id="td_post_501">

<!-- message, attachments, sig -->










      

      

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_pinterest_pinit"></a>
<a class="addthis_counter addthis_pill_style"></a>
<g:plusone></g:plusone>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-50c106fa63db4869"></script>
<!-- AddThis Button END -->
           
            

            
         </div>


         <!-- icon and title -->
         <div class="smallfont">
      <span itemprop='itemreviewed'><span itemprop='description'>
                <span class="postdetails">{postrow.displayed.ICON}{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}</span>
            </span></span>
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<g:plusone></g:plusone>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
تم النشر فى :{postrow.displayed.POST_DATE_DMY_VALUE0} - {postrow.displayed.POST_DATE_DMY_VALUE1} - {postrow.displayed.POST_DATE_DMY_VALUE2}
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-50c106fa63db4869"></script>
<!-- AddThis Button END -->


         <!-- / icon and title -->


        <br /><br />

        <br />
     



          <br />


          <br />
       

            </div>      </div>




                  <!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                     <!-- END switch_vote -->

                     <!-- BEGIN switch_bar -->
                     <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                     </div>
                     <!-- END switch_bar -->

                     <!-- BEGIN switch_no_bar -->
                     <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                     <!-- END switch_no_bar -->

                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                     <!-- END switch_vote -->
                  </div>
                  <!-- END switch_vote_active -->

                  <br />




<br>





<div id="post_message_20352549">
         
         
         </div>
<!-- start continues -->




<div class="tr_continues_go">


 <div id="post_message_501" align="center">

          <img border="0" src="https://i.servimg.com/u/f18/20/23/40/69/24468110.gif" width="350"/> 
<div align="center"><div style="font-family: "Droid Arabic Kufi"; font-weight: 700; text-align: -webkit-center; background-color: rgb(0, 0, 0); color: rgb(204, 204, 204);" align="center" 0);"="" 0,="" rgb(0,="" background-color:="" 700;="" font-weight:="" 12px;="" font-size:="" kufi";="" arabic="" droid="">
   <span style="color: rgb(255, 0, 0);"><span style="font-size: 13px;">,،</span></span>
</div>
<div style="font-family: "Droid Arabic Kufi"; font-weight: 700; text-align: -webkit-center; background-color: rgb(0, 0, 0); color: rgb(204, 204, 204);" align="center" 0);"="" 0,="" rgb(0,="" background-color:="" 700;="" font-weight:="" 12px;="" font-size:="" kufi";="" arabic="" droid="">
   <span style="font-size: 13px;"><span style="color: rgb(255, 0, 0);">【•</span><strong><span arabic";"="" traditional=""><span style="color: rgb(255, 255, 255);">سُبْحَانَ</span> <span style="color: rgb(255, 0, 0);">اللَّهِ </span><span style="color: rgb(255, 255, 255);">وَبِحَمْدِهِ</span> <span style="color: rgb(255, 0, 0);">،•،</span><span style="color: rgb(255, 255, 255);">سُبْحَانَ</span> <span style="color: rgb(255, 0, 0);">اللَّه </span><span style="color: rgb(255, 255, 255);">الْعَظِيم</span></span></strong><span style="color: rgb(255, 0, 0);">•】</span></span>
</div></div>
 <!-- google_ad_section_start -->
      <!-- message -->
   <div class="postbody" align="center">

  <span style="margin: 2px; float: left;">
    <div align="center">

</div>
</span>

 <br/>
  {TOPIC_TITLE}
          <br/>     
             

<table>
  <tr>
      <td>

   
  </td>
</tr>
</table>
<span style="margin: 2px; float: left;">
   
</span>

{postrow.displayed.MESSAGE}


        <br /><br />

   

     

 
 </div>
      <!-- / message -->




        <br />

  <div class="sharethis-inline-share-buttons">
 </div>
<div class="sharethis-inline-reaction-buttons">
 </div>
<br />

        <br /><br />

        <br />

</div>







                <!-- تزيين -->



<!--https://www.a-al7b.com/vb/showthread.php?t=46675-->
                <!-- تزيين -->





        <!-- google_ad_section_end -->
         
   <div align="center">

  </div>      
      
 <!-- بداية قالب الموضوع الاصلي - http://www.arab-d.com -->
 <!-- مكان كود المصدر -->
    <!-- نهاية قالب الموضوع الاصلي - http://www.arab-d.com -->
</div>



                      <!-- BEGIN switch_attachments -->

<fieldset class="fieldset"> <legend>الملفات المرفقة</legend>
      <!-- BEGIN switch_post_attachments -->
<!-- BEGIN switch_dl_att --><table cellpadding="0" cellspacing="3" border="0"> <table border="1" width="100%" cellspacing="0" bordercolor="#000000" style="border-collapse: collapse"><tr><td align="center" bgcolor="#333333"><b><font color="#FFFFFF">اسم الملف</font></b></td><td align="center" bgcolor="#333333"><b><font color="#FFFFFF">نوع الملف</font></b></td><td align="center" bgcolor="#333333"><b><font color="#FFFFFF">حجم الملف</font></b></td><td align="center" bgcolor="#333333"><b><font color="#FFFFFF">التحمــيل</font></b></td><td align="center" bgcolor="#333333"><b><font color="#FFFFFF">مرات التحميل</font></b></td></tr>
  <tr><td align="center" width="55%">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</td>
    <td align="center" width="10%"><img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}"width="40" height="40" border="0" /></td>
    <td align="center" width="10%">{postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}</td>
    <td align="center" width="10%"><a rel="nofollow" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}"><img class="inlineimg" src="https://i.servimg.com/u/f43/15/53/11/89/downlo10.png" border="0" style="vertical-align:absmiddle; cursor:hand" hspace="0" title="اضغط هنا لتحميل الملف "/></a></td>
    <td align="center" width="15%">{postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</td></tr> </table>

<!-- END switch_dl_att -->
<!-- BEGIN switch_no_dl_att -->
                                          {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                <FONT color=Red>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</FONT>
                ? الحجم ({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) ({postrow.displayed.switch_attachments.switch_post_attachments.NB_DL})
              </table>  <!-- END switch_no_dl_att -->

                <!-- END switch_post_attachments -->



</fieldset>


                <!-- END switch_attachments -->
   
     
          <!-- BEGIN switch_signature -->



          <fieldset align="right "class="fieldset smallfont" title="التوقيع:">
<legend>التوقيع: {postrow.displayed.POSTER_NAME}</legend>
<p>
   <img title="" src="https://2img.net/i/fa/empty.gif" alt="" /><br />
</p>
<div align="center">
     <br/>

   {postrow.displayed.SIGNATURE}
      <br/><br/>
           
            </div>
</fieldset>

   
        <!-- / sig -->
<!-- END switch_signature -->


الكود الثاني

الكود:


      <div style="margin-top: 10px" align="left">
         <!-- controls -->
         
         <!-- / controls -->
      </div>

   <!-- message, attachments, sig -->
</td>
</tr>
<tr>


       
       
       
       
       
   
   



    <td class="alt1" align="left">
   
        <!-- controls -->

<div style="text-align: left;">
</div>




{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG}
       
          <a href="#quickreply" rel="nofollow" title="الرد السريع"><img src="https://i.servimg.com/u/f18/20/23/40/69/quickr10.gif"/></a>
        <!-- / controls -->
    </td>
</tr>
</table>
                         
                         



  <!-- بداية اطار سفلي -->
      </div>
  </div>
</div>
<div class="t6">
  <div class="t7"></div>
  <div class="t8"></div>
</div>
<!--نهاية التأطير السفلي -->
<br />
<!--بداية التأطير العلوي -->
<div class="t1">
  <div class="t2"></div>
  <div class="t3"></div>
</div>
<div class="body-bg">
  <div class="t4">
      <div class="t5">
<!--نهاية التأطير العلوي -->

 

  <!-- END displayed -->
   
   <!-- END postrow -->
   <div align="center">

</div>


<!-- BEGIN comment -->
   <!-- BEGIN displayed -->



<table id="post501" class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
<tr>
   
        <td class="thead" style="font-weight:normal"  id="currentPost">
            <!-- status icon and date -->
            <div align="center">
{comment.displayed.POST_DATE}
            </div>
           




            <!-- / status icon and date -->
        </td>
        <td class="thead" style="font-weight:normal" align="left">
           
            المشاركة رقم: <a href="#p{comment.displayed.U_POST_ID}" target="new" rel="nofollow" id="postcount501" name="1"><strong>#{comment.displayed.COUNT_POSTS}</strong></a>
           
        </td>
   
</tr>
<tr valign="top">
<td class="alt1" width="227px" style="text-align:center">
            <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" style="text-align:right">   
    <tr>
        <td colspan="2" class="tcat" align="center"> </td>
    </tr>
<tr>
        <td class=""></td>
       
        <td class="alt1 infouser"><div id="postmenu_501" align="center">
          <a class="bigusername" name="{comment.displayed.U_POST_ID}"> {comment.displayed.POSTER_NAME} </a>
          </div>
        </td>
    </tr>
   
    <tr>
        <td class=""><div align="center"></div></td>
        <td class=""><div align="center">{comment.displayed.POSTER_RANK}</div></td>
    </tr>
   
    <tr>
        <td class="width: 250px;"><div align="center"></div></td>
        <td class=""><div align="center">{comment.displayed.RANK_IMAGE}</div></td>
    </tr>
   
   
              <tr>
        <td colspan="2" class="" align="center"></td>
    </tr>
    <tr>
        <td colspan="2" align="center" class="alt1"><div class="smallfont avataruser">
                    <br />{comment.displayed.POSTER_AVATAR}</div>
</td>
    </tr>
    </table>
           
            <div class="smallfont" style="text-align:right">
            <br />
            <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%">
     
              <tr>
        <td colspan="2" class="" align="center"></td>
    </tr>
<!--هاك الساعه -->           




<!--هاك الساعه -->           

<!-- هاك الصوره الوسط -->           
 
<!-- الازرار -->

<!-- الازرار -->
<!--هاك اطار بيانات اضافيه سفلي -->



<!--جديد -->
<!--هاك اطار بيانات اضافيه سفلي -->
<div style="padding:3px; text-align:center;">
<div align="center">


<!-- رسول -->
<table class="ttborder" style="top"table border="3" width="100%" cellspacing="2"  style="border: 1px solid Magenta">
<tr>
<td align="center" style="background-color: Magenta; border: 1px none;">
<span style="background-color: Magenta; color:#FFF;">.البيانات</span>
<!-- BEGIN profile_field -->
<!-- جديد -->
        <tr>
        <td class="alt1 infouser" align="center">{comment.displayed.profile_field.LABEL} {comment.displayed.profile_field.CONTENT} </td>

    </tr>
   

<!-- END profile_field -->
</table>
<div style="padding:3px; text-align:center;">
<div align="center">




 












<br />
                <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" style="text-align:right">
    <tr>

    </tr>
<tr>
        <td class=""></td>
        <td class=""><div align="center">



<table border=0 cellspacing=0 cellpadding=0 class="offlinebutton"><tr><td width="ضع مقاس الايقونة ">{comment.displayed.ONLINE_IMG}</td></tr></table>
 

</div></td>
    </tr>
    <tr>
        <td class=""></td>

<!--هاك اطار بيانات اضافيه سفلي -->




<!--هاك اطار بيانات اضافيه سفلي -->
        <td class=""><div align="center">  {comment.displayed.PROFILE_IMG}

              {comment.displayed.PM_IMG} {comment.displayed.EMAIL_IMG}<!-- BEGIN contact_field -->

              {comment.displayed.contact_field.CONTENT}
<!-- END contact_field -->  </div></td>
        </tr>
</table>
           
      
<br />
    </td>
   
    <td class="alt1" id="td_post_501">
<!-- الموضوع والأيقونة -->
       
            <!-- icon and title -->
            <div class="smallfont">
                <span class="postdetails"><img src="{comment.displayed.MINI_POST_IMG}" alt="{comment.displayed.L_MINI_POST_ALT}" title="{comment.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {comment.displayed.POST_SUBJECT} 

              </span>
            </div>

            <!-- / icon and title -->
     
 <!-- google_ad_section_start -->
        <!-- message -->
        <div id="post_message_501" align="center">
           

          <img border="0" src="https://i.servimg.com/u/f18/20/23/40/69/24468110.gif" width="350"/>

      <br />         

                        <br />

<div align="center"><div style="color: rgb(0, 0, 0); font-family: "Droid Arabic Kufi"; font-size: 12px; font-weight: 700; background-color: rgb(0, 0, 0);" align="center">
   <p style="font-variant-numeric: normal; font-variant-east-asian: normal; font-weight: normal; font-stretch: normal; font-size: 10pt; line-height: normal; font-family: "Droid Arabic Kufi";">
      <span style="color: rgb(255, 255, 255); font-family: tahoma; font-size: small; font-weight: 700; background-color: rgb(0, 128, 0);">سُبْحَانَكَ اللَّهُمَّ وَبِحَمْدِكَ ، أَشْهَدُ أَنْ لا إِلهَ إِلَّا أَنْتَ أَسْتَغْفِرُكَ وَأَتْوبُ إِلَيْكَ</span><br />
   </p>
</div>
<div style="color: rgb(0, 0, 0); font-family: "Droid Arabic Kufi"; font-size: 12px; font-weight: 700; background-color: rgb(0, 0, 0);" align="center">
</div></div>         
             
<div class="postbody" align="center">
                                           
                                                 

{comment.displayed.MESSAGE}


        <br /><br />

        <br />
     



          <br />


          <br />
       

            </div>      </div>




                  <!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                     <!-- END switch_vote -->

                     <!-- BEGIN switch_bar -->
                     <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                     </div>
                     <!-- END switch_bar -->

                     <!-- BEGIN switch_no_bar -->
                     <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                     <!-- END switch_no_bar -->

                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                     <!-- END switch_vote -->
                  </div>
                  <!-- END switch_vote_active -->

                  <br />




<br>                  

                      <!-- BEGIN switch_attachments -->

<fieldset class="fieldset"> <legend>الملفات المرفقة</legend>
      <!-- BEGIN switch_post_attachments -->
<!-- BEGIN switch_dl_att --><table cellpadding="0" cellspacing="3" border="0"> <table border="1" width="100%" cellspacing="0" bordercolor="#000000" style="border-collapse: collapse"><tr><td align="center" bgcolor="#333333"><b><font color="#FFFFFF">اسم الملف</font></b></td><td align="center" bgcolor="#333333"><b><font color="#FFFFFF">نوع الملف</font></b></td><td align="center" bgcolor="#333333"><b><font color="#FFFFFF">حجم الملف</font></b></td><td align="center" bgcolor="#333333"><b><font color="#FFFFFF">التحمــيل</font></b></td><td align="center" bgcolor="#333333"><b><font color="#FFFFFF">مرات التحميل</font></b></td></tr>
  <tr><td align="center" width="55%">{comment.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</td>
    <td align="center" width="10%"><img src="{comment.displayed.switch_attachments.switch_post_attachments.U_IMG}"width="40" height="40" border="0" /></td>
    <td align="center" width="10%">{comment.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}</td>
    <td align="center" width="10%"><a rel="nofollow" href="{comment.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}"><img class="inlineimg" src="https://i.servimg.com/u/f43/15/53/11/89/downlo10.png" border="0" style="vertical-align:absmiddle; cursor:hand" hspace="0" title="اضغط هنا لتحميل الملف "/></a></td>
    <td align="center" width="15%">{comment.displayed.switch_attachments.switch_post_attachments.NB_DL}</td></tr> </table>

<!-- END switch_dl_att -->
<!-- BEGIN switch_no_dl_att -->
                                          {comment.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {comment.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                <FONT color=Red>{comment.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</FONT>
                ? الحجم ({comment.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) ({comment.displayed.switch_attachments.switch_post_attachments.NB_DL})
              </table>  <!-- END switch_no_dl_att -->






                <!-- END switch_post_attachments -->



</fieldset>


                <!-- END switch_attachments -->



     
   


         
      <br /><br />
       

       
       

           <!-- BEGIN switch_signature -->


  <!-- sig --> <center>
<table class="tborder" cellpadding="4" cellspacing="1" border="0" width="52%" align="center">
<tr>
  <td class="thead" align="center">التوقيع</td>
{comment.displayed.POSTER_NAME}
</tr>
<tr>
  <td class="alt1" title="التوقيع" align="center">
   {comment.displayed.SIGNATURE}
</tr>
</table>

  </center>

<!-- / sig -->


            <!-- END switch_signature -->
        <!-- google_ad_section_end -->

              
      
      

    </td>
</tr>
<tr>
    <td class="alt2" align="center">
 {comment.displayed.IP_IMG} {comment.displayed.REPORT_IMG}
       
       
       
       
       
    </td>
   
    <td class="alt1" align="left">
   
        <!-- controls -->

  <!-- تجميل ازرار الرد السريع-->

 <div style="margin-top: 10px" align="left">


{comment.displayed.THANK_IMG} {comment.displayed.MULTIQUOTE_IMG} {comment.displayed.QUOTE_IMG} {comment.displayed.EDIT_IMG} {comment.displayed.DELETE_IMG}

     

     
          <a href="#quickreply" rel="nofollow" title="الرد السريع"><img src="https://i.servimg.com/u/f18/20/23/40/69/quickr11.gif"/></a>

        <!-- / controls -->
    </td>
</tr>

</table>





  <!-- بداية اطار سفلي -->
      </div>
  </div>
</div>
<div class="t6">
  <div class="t7"></div>
  <div class="t8"></div>
</div>
<!--نهاية التأطير السفلي -->
<br />
<!--بداية التأطير العلوي -->
<div class="t1">
  <div class="t2"></div>
  <div class="t3"></div>
</div>
<div class="body-bg">
  <div class="t4">
      <div class="t5">
<!--نهاية التأطير العلوي -->
 

  <!-- END displayed -->

   <!-- END comment -->
   
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin-bottom:3px">
  <tr valign="bottom">
   <td class="smallfont">
                 
<!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> 
         <!-- END switch_user_authpost -->
         <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
         <!-- END switch_user_authreply -->

 
  </td>


<tr> <td class="row1" colspan="2"><span class="gensmall">{POSTERS_LIST}</span></td> </tr>

      <!-- BEGIN topicpagination -->

     <!-- END topicpagination -->
   
    </tr> </table>



  <div align="center">

</div>


<br />
<!-- social bookmarking links -->

   <table cellpadding="6" cellspacing="1" border="0" width="100%" class="tborder" align="center">
   <tr>
      <td class="thead">الإشارات المرجعية</td>
   </tr>
   <tr>
      <td class="alt2" style="padding-top:0px"><div style="clear:both"></div><ul style="list-style-type:none; margin:0px; padding:0px"><li class="smallfont" style="width:25%; min-width:160px; float:right; margin-top:6px">
   
      <a href="https://twitter.com/home?status={FORUM_URL}{TOPIC_URL}" target="socialbookmark"><img src="https://i.servimg.com/u/f11/17/99/17/05/twitte10.png" border="0" alt="إرسال الموضوع إلى Twitter" class="inlineimg" /></a>
   
   <a href="https://twitter.com/home?status={FORUM_URL}{TOPIC_URL}" target="socialbookmark" style="text-decoration:none">Twitter</a>
</li><li class="smallfont" style="width:25%; min-width:160px; float:right; margin-top:6px">
   
      <a href="http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk={FORUM_URL}{TOPIC_URL}" target="socialbookmark"><img src="https://i.servimg.com/u/f11/17/99/17/05/bookma13.gif" border="0" alt="إرسال الموضوع إلى Google" class="inlineimg" /></a>
   
   <a href="http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk={FORUM_URL}{TOPIC_URL}" target="socialbookmark" style="text-decoration:none">Google</a>
</li><li class="smallfont" style="width:25%; min-width:160px; float:right; margin-top:6px">
   
      <a href="https://www.facebook.com/sharer.php?u={FORUM_URL}{TOPIC_URL}" target="socialbookmark"><img src="https://i.servimg.com/u/f11/17/99/17/05/facebo10.jpg" border="0" alt="إرسال الموضوع إلى Facebook" class="inlineimg" /></a>
   
   <a href="https://www.facebook.com/sharer.php?u={FORUM_URL}{TOPIC_URL}" target="socialbookmark" style="text-decoration:none">Facebook</a>
</li><li class="smallfont" style="width:25%; min-width:160px; float:right; margin-top:6px">
   
      <a href="http://www.stumbleupon.com/submit?url={FORUM_URL}{TOPIC_URL}" target="socialbookmark"><img src="https://i.servimg.com/u/f11/17/99/17/05/bookma12.gif" border="0" alt="إرسال الموضوع إلى StumbleUpon" class="inlineimg" /></a>
   
   <a href="http://www.stumbleupon.com/submit?url={FORUM_URL}{TOPIC_URL}" target="socialbookmark" style="text-decoration:none">StumbleUpon</a>
</li><li class="smallfont" style="width:25%; min-width:160px; float:right; margin-top:6px">
   
      <a href="http://del.icio.us/post?url={FORUM_URL}{TOPIC_URL}" target="socialbookmark"><img src="https://i.servimg.com/u/f11/17/99/17/05/bookma11.gif" border="0" alt="إرسال الموضوع إلى del.icio.us" class="inlineimg" /></a>
   
   <a href="http://del.icio.us/post?url={FORUM_URL}{TOPIC_URL}" target="socialbookmark" style="text-decoration:none">del.icio.us</a>
</li><li class="smallfont" style="width:25%; min-width:160px; float:right; margin-top:6px">
   
      <a href="http://digg.com/submit?phrase=2&url={FORUM_URL}{TOPIC_URL}" target="socialbookmark"><img src="https://i.servimg.com/u/f11/17/99/17/05/bookma10.gif" border="0" alt="إرسال الموضوع إلى Digg" class="inlineimg" /></a>
   
   <a href="http://digg.com/submit?phrase=2&url={FORUM_URL}{TOPIC_URL}" target="socialbookmark" style="text-decoration:none">Digg</a>
</li><li class="smallfont" style="width:25%; min-width:160px; float:right; margin-top:6px">
   
      <a href="http://myweb2.search.yahoo.com/myresults/bookmarklet?u={FORUM_URL}{TOPIC_URL}" target="socialbookmark"><img src="https://i.servimg.com/u/f11/17/99/17/05/yahoo10.png" border="0" alt="إرسال الموضوع إلى Yahoo" class="inlineimg" /></a>
   
   <a href="http://myweb2.search.yahoo.com/myresults/bookmarklet?u={FORUM_URL}{TOPIC_URL}" target="socialbookmark" style="text-decoration:none">Yahoo</a>
</li><li class="smallfont" style="width:25%; min-width:160px; float:right; margin-top:6px">
   
      <a href="https://favorites.live.com/quickadd.aspx?marklet=0&mkt=en-us&url={FORUM_URL}{TOPIC_URL}" target="socialbookmark"><img src="https://i.servimg.com/u/f11/17/99/17/05/live10.gif" border="0" alt="إرسال الموضوع إلى Live" class="inlineimg" /></a>
   
   <a href="https://favorites.live.com/quickadd.aspx?marklet=0&mkt=en-us&url={FORUM_URL}{TOPIC_URL}" target="socialbookmark" style="text-decoration:none">Live</a>
</li></ul><div style="clear:both"></div></td>
   </tr>
   </table>
<br />
<!--bdayh-->
<!-- / social bookmarking links -->
 <!-- بداية اطار سفلي -->
      </div>
  </div>
</div>
<div class="t6">
  <div class="t7"></div>
  <div class="t8"></div>
</div>
<!--نهاية التأطير السفلي -->
<br />
<!--بداية التأطير العلوي -->
<div class="t1">
  <div class="t2"></div>
  <div class="t3"></div>
</div>
<div class="body-bg">
  <div class="t4">
      <div class="t5">
<!--نهاية التأطير العلوي -->
<br />

                  <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
                    <tr><td class="thead"><a name="taglist"></a><a href="https://www.facebook.com/" target="_blank">التعليق على الموضوع بواسطة الفيس بوك</a></td></tr><tr><td class="alt1 smallfont" id="tag_list_cell"><center><div id="fb-root"></div><script src="https://connect.facebook.net/ar_AR/all.js#xfbml=1"></script><fb:comments href="http://forums.arab-d.com/topic-t{TOPIC_ID}.htm" num_posts="3" width="600"></fb:comments>
                    </center>
     
                    </td></tr></table>

<br />
<!-- BEGIN switch_user_logged_in -->
                  <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">

                    <thead>
      <tr>
         <td class="tcat" colspan="2">
            
            الــرد الســـريـع
         </td>
      </tr>
   </thead>


   <tr>



      <td class="thead" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
   </tr>

 

   
   

   <tr>
      <td class="alt1 smallfont" colspan="2" align="center" style="padding:0px">

<a name="quickreply"></a>         
                       <img border="0" src="https://i.servimg.com/u/f63/13/53/37/81/oid6qr10.png" alt=".. " />
                  <br/>
         {QUICK_REPLY_FORM}<br />

         
         
      </td>
   </tr>
   
   </table>


 <!-- بداية اطار سفلي -->
      </div>
  </div>
</div>
<div class="t6">
  <div class="t7"></div>
  <div class="t8"></div>
</div>
<!--نهاية التأطير السفلي -->
<br />
<!--بداية التأطير العلوي -->
<div class="t1">
  <div class="t2"></div>
  <div class="t3"></div>
</div>
<div class="body-bg">
  <div class="t4">
      <div class="t5">
<!--نهاية التأطير العلوي -->
<br />

           <!-- END switch_user_logged_in -->



<br />





<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
 <tr>
 <td class="tcat" colspan="2" valign="top">
                                        مواضيع ذات صلة

<td class="vbmenu_control"><a href="{U_INDEX}">الرئيسيه</a></td>

<td class="vbmenu_control"><a href="https://asdd.ahladalil.com/search?search_id=newposts">مواضيع جديده</a></td>

<td class="vbmenu_control"><a href="https://asdd.ahladalil.com/search?search_id=unanswered">مواضيع لم يتم الرد عليها</a></td>

 </td>
 </tr>
 <tr>
<td id="bailienquan" class="alt1" colspan="2" valign="top">



 
 <script type="text/javascript">
            $(function () {
              $('#cungchuyenmuc').load('/sta/{PUSERNAME} td:not("td:contains("Announcement"), td:contains("Sticky"), td:contains("Global announcement")") .topic-title a.topictitle:lt(12)', function () {
  $('#cungchuyenmuc a.topictitle').wrap("<tr><td></td></tr>");
              });
              var topictitleFMvi = '{TOPIC_TITLE}';
              var fmviTopictitle = topictitleFMvi.replace(/ /gi, '+');
              $('#bailienquan').load('/search?mode=searchbox&search_keywords=' + fmviTopictitle + '&show_results=topics td:not("td:contains("Announcement"), td:contains("Sticky"), td:contains("Global announcement")") .topic-title a.topictitle:lt(12)', function () {
  $('#bailienquan a.topictitle').wrap("<tr><td></td></tr>");
              });
            });
            </script> 
      </td>
   </tr>
   </table>

 <!-- بداية اطار سفلي -->
      </div>
  </div>
</div>
<div class="t6">
  <div class="t7"></div>
  <div class="t8"></div>
</div>
 <!-- بداية اطار سفلي -->


















<!-- اخر مواضيع المنتدى-->

<!-- اخر مواضيع المنتدى-->






      <!-- next / previous links -->
   <br />
   <div class="smallfont" align="center">
      <strong>«</strong>
         <a href="{U_VIEW_OLDER_TOPIC}" rel="nofollow">الموضوع السابق</a>
         |
         <a href="{U_VIEW_NEWER_TOPIC" rel="nofollow">الموضوع التالي</a>
      <strong>»</strong>
   </div>
<!-- / next / previous links -->








<!-- popup menu contents -->
<br />

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
         <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
            <input type="hidden" name="t" value="{TOPIC_ID}" />

            <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
            <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
         </form>
      </td>
   </tr>
</table>
<!-- END viewtopic_bottom -->


<!-- **************************************************** -->



<!-- / popup menu contents -->


<!-- forum rules and admin links -->
<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
<tr valign="bottom">
   <td width="100%" valign="top">
      <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="210">
<thead>
<tr>
   <td class="thead">

      تعليمات المشاركة
   </td>
</tr>
</thead>
<tbody id="collapseobj_forumrules" style="">
        <!-- BEGIN show_permissions -->
<tr>
   <td class="alt1" nowrap="nowrap"><div class="smallfont">
      
      <div><strong>{MODERATORS}</strong> </div>
      <div><strong>{L_TABS_PERMISSIONS}</strong></div>
      <div><strong>{S_AUTH_LIST}</strong></div>

      <hr />
      
      <div><a href="/faq?mode=bbcode" target="_blank">BB code</a> is <strong>متاحة</strong></div>
      <div><a href="javascript:void(0)" target="_blank">الابتسامات</a> <strong>متاحة</strong></div>
      <div><a href="javascript:void(0)" target="_blank">كود [IMG]</a> <strong>متاحة</strong></div>
      <div>كود HTML <strong>معطلة</strong></div>
      <hr />
      <div><a href="/t2269-topic" target="_blank">قوانين المنتدى</a></div>
   </div></td>
 
</tr>
        <!-- END show_permissions -->
</tbody>
</table>
   </td>
   <td class="smallfont" align="left">
      <table cellpadding="0" cellspacing="0" border="0">
      
      <tr>
         <td>
         <div class="smallfont" style="text-align:right; white-space:nowrap">
   
      <!-- BEGIN viewtopic_bottom -->
      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
      <!-- END viewtopic_bottom -->

</div>
         </td>
      </tr>
      </table>
   </td>
</tr>
</table>
<!-- /forum rules and admin links -->

                 

                 
                 
                 
    <!-- 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 -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>




<style>
#asdbabl {
    display: none;
}
</style>



وهده صوره للعمل

اما كود لونك المفضل كي اساس
هو

الكود:

.asfar{
    border-bottom: 16px solid orange!important;
    border-top: solid orange; 8px;
    border-bottom: solid orange; 8px!important;
    background-color: 8; border-width: 8px; border-style: ridge; border-color: orange;  width : 0 auto;!important;
    border-top: 8px solid orange!important;
    padding: 8px 8px 8px!important;
}
.bnfsj {
    border-bottom: 16px solid Magenta!important;
    border-top: solid Magenta; 10px;
    border-bottom: solid Magenta; 10px!important;
    background-color: 10; border-width: 9px; border-style: ridge; border-color: Magenta;  width : 0 auto;!important;
    border-top: 10px solid Magenta!important;
    padding: 9px 9px 9px!important;
}
.a3mar {
    border-bottom: 16px solid #B31446!important;
    border-top: solid #B31446; 9px;
    border-bottom: solid #B31446; 9px!important;
    background-color: 9; border-width: 9px; border-style: ridge; border-color: #B31446;  width : 0 auto;!important;
    border-top: 9px solid #B31446!important;
    padding: 9px 9px 9px!important;
}
.smawe {
    border-bottom: 16px solid #23DAEB!important;
    border-top: solid #23DAEB; 9px;
    border-bottom: solid #23DAEB; 1px!important;
    background-color: 9; border-width: 9px; border-style: ridge; border-color: #23DAEB;  width : 0 auto;!important;
    border-top: 9px solid #23DAEB!important;
    padding: 9px 9px 9px!important;
}
.abead{
    border-bottom: 16px solid #ffffff!important;
    border-top: solid #ffffff; 8px;
    border-bottom: solid #ffffff; 8px!important;
    background-color: 8; border-width: 8px; border-style: ridge; border-color: #ffffff;  width : 0 auto;!important;
    border-top: 8px solid #ffffff!important;
    padding: 8px 8px 8px!important;
}
.Pink{
    border-bottom: 16px solid Pink!important;
    border-top: solid Pink; 9px;
    border-bottom: solid Pink; 1px!important;
    background-color: 9; border-width: 9px; border-style: ridge; border-color: Pink;  width : 0 auto;!important;
    border-top: 9px solid Pink!important;
    padding: 9px 9px 9px!important;
}
.Tomato{
    border-bottom: 16px solid Tomato!important;
    border-top: solid Tomato; 9px;
    border-bottom: solid Tomato; 9px!important;
    background-color: 9; border-width: 9px; border-style: ridge; border-color: Tomato;  width : 0 auto;!important;
    border-top: 9px solid Tomato!important;
    padding: 9px 9px 9px!important;
}

الوان لونك المفضل ما برزت بالصوره لانه التقطت الصوره عبر متصفح لا يدعم
افضل متصفح هو قوقال شرومي او نوع اخر يدعم خاصيه احلى منتدى كما تراه مناسب لمنتداك
دمتم بخير

اهلا كونان انا في موضوعي كاتب
تطوير كود التعليقات ومن ضمن
الملحقات فيه بعض الاكواد المكمله للونك المفضل
ينبغي ربط موضوع لونك المفضل بهدا الموضوع ليكتمل فقط
تحياتي لك

@كونان2000
حاولت اخلي ايطار الصوره يتغير مع البيانات ما قدرت

منور يالطائر لكل شخص زوئه يا عم
هههههه

اتمنى وضع الرابط لمنتداكم التجريبي
حتا اشوف شنو الاخطاء لان اللي عندي تمام وجميل

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