[ تومبيلات ] كود المجلة التلقائية الراباعية اخيراُ لمنتديات احلى منتدى من صنع [ مسرووور ]

<!-- BEGIN topics_blog_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_blog_box.row.header_table.BOX_ID}() {
 var all_checked = true;
 for (i = 0; (i < document.{topics_blog_box.FORMNAME}.elements.length) && all_checked; i++) {
 if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') {
 all_checked = document.{topics_blog_box.FORMNAME}.elements[i].checked;
 }
 }
 document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}() {
 for (i = 0; i < document.{topics_blog_box.FORMNAME}.length; i++) {
 if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') {
 document.{topics_blog_box.FORMNAME}.elements[i].checked = document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked;
 }
 }
}
</script>
<!-- END multi_selection -->


<!-- cover_top_b - Design by : Sam Hameed - WwW.My-As7aB.CoM -->
                  <div class="cover_top_b">
                    <div class="cover_top_l">
                      <div class="cover_top_r">
مواضيع المجلة
                      </div>
                    </div>
                  </div>
                  <!-- /cover_top_b - Design by : Sam Hameed - WwW.My-As7aB.CoM -->
      <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center">
<th colspan="0" align="center" nowrap="nowrap" width="100%" class="smallfont2">مواضيع المجـلة</th>


 <!-- BEGIN multi_selection -->

<th align="center" nowrap="nowrap" width="100%"><input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th>


 <!-- END multi_selection -->
 </tr>
 <!-- BEGIN pagination -->
 <tr>

<table class="alt1" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
  <td class="alt1" align="right">{PAGINATION}</td>
  
 <td class="alt1" title="showthread.php?t=3"><a name="PageNav"></a></td>
 </tr>
 <!-- END pagination -->
 

<table id="c" class="ipbtable index-box" cellspacing="0" cellpadding="0">

 <!-- BEGIN multi_selection -->

<th align="center" nowrap="nowrap" width="100%"><input onclick="check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th>


 <!-- END multi_selection -->
 </tr>
 <!-- BEGIN pagination -->
 
 <!-- END pagination -->
 <!-- END header_table --><!-- BEGIN header_row -->
 <tr>
 <td class="row3" colspan="{topics_blog_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_blog_box.row.L_TITLE}</b></span></td>
 </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_blog_box.row.END_TABLE_STICKY}
 <tr>

      

 <span class="cattitle">
<td class="" class="{topics_blog_box.row.ROW_CLASS}" width="99%" Valign="top" style="padding-left:10px">
<div style="height:86px; width:100%" class="{topics_blog_box.row.ROW_CLASS}" ><span style="font-size: 12px" >
<b><span class="ca3vt">
  
      
                <td class="row33 centered">


          
                      <div class="cover_top_ms">



 <span class="postdetails"> <span style="font-size: 11px" ><FONT color="#ffffff">{topics_blog_box.row.PARTICIPATE_POST_IMG}{topics_blog_box.row.TOPIC_TYPE}
     <a href="{topics_blog_box.row.U_VIEW_TOPIC}">{topics_blog_box.row.TOPIC_TITLE}</a><div class="postdetails"></strong></span>
      </div></div></div>
                      </div>
                    </div>
                  </div>
                             <td class="row9 centered">


    <div class="flatred-box-img">
      

  <div class="flatred-box-img"><div class="MAVATAR"><div class="blog_message1" style="font-size: 0px" href="{topics_blog_box.row.U_VIEW_TOPIC}" > <div style="height:163px; width:213" style="font-size: 0px" class="{topics_blog_box.row.FIRST_POST_TEXT}" ></span></div>
</span></div><div style="padding: 0 0 10px 0;"></div>
                    </div>
            <!-- BEGIN multi_selection -->

            <!-- END multi_selection -->
      
    
    
            </div>
 <td class="row7 centered">



<span style="font-size: 9px" ><FONT color="#000000"><div align="center"><div class="WEVATAR"><img src="https://indianaintern.net/images/impact_awards/play-button.png"></img></div>
                            </div>
                      </div>
        
        <div class="cal right">
            <span style="font-size: 9px" ><FONT color="#000000">{topics_blog_box.row.ICON}
        <div class="cal right">
          </div></span>
                                 <td class="row8 centered">
    
  <div dir="rtl" style="color: rgb(51, 51, 51); text-decoration: none; padding: 0pt; overflow: scroll; font-weight: bold; font-size: 10pt; background-image: none; background-attachment: scroll; background-color: rgb(300, 300, 300); margin: 0pt; width: 100%px; font-family: tahoma; height: 70px; text-align: center; background-position: 0% 0%; background-repeat: repeat repeat;">
 
 <span"{topics_blog_box.row.U_VIEW_TOPIC}">وصف الموضوع : {topics_blog_box.row.TOPIC_TYPE}
    
      <!-- BEGIN switch_description -->






         <span style="font-family: Arial; font-size: 13px;"><div align="center">{topics_blog_box.row.topic.switch_description.TOPIC_DESCRIPTION}
      </span>





      <!-- END switch_description -->

               <span style="font-family: Arial; font-size: 13px;"><div align="center"> <div class="AVATAR"><FONT color="#000000">{topics_blog_box.row.TOPIC_TITLE}<span style="font-family: Arial; font-size: 13px;"{topics_blog_box.row.FIRST_POST_TEXT}</span>
                       <br />  <a href="{topics_blog_box.row.U_VIEW_TOPIC}"> قراءة كامله</a>
        <td class="row5 centered">


    <span class="postdetails"> <span style="font-size: 9px" ><FONT color="#ffffff"><div align="center">  {L_COMMENTS}: {topics_blog_box.row.REPLIES} -
        <span class="postdetails"> <span style="font-size: 9px" ><FONT color="#ffffff"> {L_VIEWS}: {topics_blog_box.row.VIEWS}
      
          <td class="row4 centered">
         <div class="e-qtam">


<span style="font-size: 9px" ><FONT color="#000000"><div align="right">{topics_blog_box.row.L_BY} <strong>{topics_blog_box.row.TOPIC_AUTHOR}</strong>
        
        
        <div class="cal right"> -
            <span style="font-size: 9px" ><FONT color="#000000">    ({topics_blog_box.row.FIRST_POST_DMY_VALUE2}/
              {topics_blog_box.row.FIRST_POST_DMY_VALUE1}/
              {topics_blog_box.row.FIRST_POST_DMY_VALUE0})  -
              

        <div class="cal right"> -
          </div></span>
        
 <td class="row1 centered">
<!-- BEGIN avatar -->
<div style="width: 200px;"></div>
<span class="lastpost-avatar">{topics_blog_box.row.topic.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->




<span class="postdetails"><div align="right"><span style="font-size: 10px" > أخر رد {topics_blog_box.row.LAST_POST_TIME}<br />من طرف<br />{topics_blog_box.row.LAST_POST_AUTHOR} {topics_blog_box.row.LAST_POST_IMG}</span>
<!-- BEGIN multi_selection -->
<td class="row2" align="center" valign="middle"><span class="smallfont"><input onClick="javascript:check_uncheck_main_{topics_blog_box.row.BOX_ID}();" type="checkbox" name="{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.BOX_ID}" value="{topics_blog_box.row.FID}" {topics_blog_box.row.L_SELECT} /></span></td>
<!-- END multi_selection -->




<!-- END topic --><!-- BEGIN no_topics -->
<tr>
<td class="row1" colspan="{topics_blog_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="smallfont">{topics_blog_box.row.L_NO_TOPICS}</span></td>
</tr>
 

<!-- END no_topics --><!-- BEGIN bottom -->
















<!-- END bottom --><!-- BEGIN footer_table -->




</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_blog_box -->




 <table class="alt1" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
 <td class="alt1" align="right"><div style="text-align: center;"><span style="font-size: 16px;">{PAGINATION}</span></div></td>




<td class="alt1" title="showthread.php?t=3"><a name="PageNav"></a></td>
</tr>
<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
http://<![CDATA[
$(resize_images({ 'selector' : '.blog_message1', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
http://]]>
</script>
<!-- END switch_image_resize -->
</table>
<script> /*Writen by Tu?n Anh in codeforumotion.forumvi.com*/
   $(document).on('ready',function(){$('.blog_message1').each(function(){var url=$(this).attr('href');$(this).prepend('
  <a onclick="openWin(this.href.replace(\'#\', \'?showpost=\'), 1000, 500);return false" href="'+url+'"></a>
  ');$(this).load(url+' div.postbody img:eq(0)')})});</script>


        
  
    
  
    <style type="text/css">.pun a.topictitle{font:15px "Segoe UI",Tahoma,Helvetica,sans-serif;color:#000}#content-container div#main{margin-top:50px}#content-container div#right{width:1px;height:1px}#content-container div#content{margin-right:0}
      .flatred-box-img{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;background: url #000}.flatred-box-img img{width:100%;min-height:100%}.flatred-box:hover .flatred-box-img img{opacity:.3}.flatred-box-info{position:absolute;bottom:0;height:28px;line-height:50px;padding:3px 17px;background: rgba(255,255,255,.97);left:0;right:0;transition:all .3s}.flatred-box:hover .flatred-box-info{height:50px}
      img[src*="http://i57.servimg.com/u/f57/15/23/22/46/loadin10.gif"]{width:60px;min-height:60px;height:30px;position:relative;margin-left:-30px;left:50%;margin-top:42px;opacity:.5}nav .a19{background: #333333;border-left: 3px solid #F10331;}nav #group-frumlink a.a19:after{content:" ";border:7px solid transparent!important;border-right-color:#fff!important;position:absolute;right:-1px;top:9px}h2.topic-title{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quantam {position: absolute;left: 3px;right: 3px;margin: 3px 0;top: 0px;opacity: 0;color: #fff;font-size: 0px;}.w-qtam{background: rgba(255,255,255,.33);border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1}

      /* Strat - cover_top_b - Alrakami.Com - EbN.FaLaSteN */
.cover_top_b {
   background: url(http://i33.servimg.com/u/f33/17/83/79/07/cover_10.gif) repeat-x left top;
}
.cover_top_l {
   background: url(http://i33.servimg.com/u/f33/17/83/79/07/cover_11.gif) no-repeat left top;
}
.cover_top_m {
   color: #FFF;
   font-weight: bold;
  text-align: center;

padding: 1px 10px 10px 10px;
   text-shadow:1px 1px 0 #005483;
}
.cover_top_m td, .cover_top_m a:link, .cover_top_m a:visited, .cover_top_m a:visited, .cover_top_m a:hover, .cover_top_m a:active {
   text-transform: none;
   font-weight: bold;
   color: #FFF;   
}

.cover_top_b2 {
   background: url(http://i33.servimg.com/u/f33/17/83/79/07/cover_13.gif) repeat-x left top;
}
.cover_top_l2 {
   background: url(http://i33.servimg.com/u/f33/17/83/79/07/cover_14.gif) no-repeat left top;
}
.cover_top_m {
   color: #FFF;
   font-weight: bold;
   background: url() no-repeat right top;
   height: 10px;
}
/* End - cover_top_b - Alrakami.Com - EbN.FaLaSteN */
            img[src*="http://i57.servimg.com/u/f57/15/23/22/46/loadin10.gif"]{width:60px;min-height:60px;height:30px;position:relative;margin-left:-30px;left:50%;margin-top:42px;opacity:.5}nav .a19{background: #333333;border-left: 3px solid #F10331;}nav #group-frumlink a.a19:after{content:" ";border:7px solid transparent!important;border-right-color:#fff!important;position:absolute;right:-1px;top:9px}h2.topic-title{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quantam {position: absolute;left: 3px;right: 3px;margin: 3px 0;top: 5px;opacity: 0;color: #fff;font-size: 14px;}.w-qtam{background-image: url(""); !important;border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1}

table.index-box tbody tr:nth-child(4n+4) {margin-right:0}
#c2 tbody tr:nth-child(5){margin:12px 0 0 0}
#c4 tbody tr{height:304px!important}
#c11 tbody tr:nth-child(4){margin-right:-9px}
#c11 tbody tr {
height: 223px;
width: 310px;
margin-right: 3px;
}
#c11 tbody {
margin-left: -4px;
display: block;
}




.formbuttonrow {
   background: #fff;padding: 0;padding-top: 8px;border-top: 1px solid #f4f4f4 !important;
}
.maintitle, #qpost {background-color: transparent !important;}
.borderwrap .maintitle h2 {color: #f40;font-size: 24px;position: relative;z-index: 1;
}
table.index-box tbody tr {
   width: 223px;float: left;margin-right: 2px;margin-top: 15px;border-radius: 2px;
   background:url(http://i21.servimg.com/u/f21/19/34/83/47/10.png) no-repeat;border:1px solid #DDD;height: 350px;position: relative;
  padding: 5px;
  
   border-radius: 20px 20px 20px 20px;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;

}
.mods+p a:nth-of-type(2n+1) {position: relative;display: inline-block;height: 16px;width: 16px;z-index: 1;float: left;}
.mods+p a:nth-of-type(2n+1) img {position: absolute;margin: 2px 3px;}
.mods+p a:nth-of-type(2n+2) {
   padding: 2px 4px;color: #333;display: inline-block;width: calc(50% - 26px);
   border-radius: 2px;font-size: 12px;margin-left: -16px;padding-left: 22px;
   height: 16px;overflow: hidden;float: left;
} .mods+p a:nth-of-type(2n+2):hover, .mods+p a:nth-of-type(2n+1):hover+a:nth-of-type(2n+2) {background: #333;color: #fff;}

width: 94%;border-top: 1px solid #f4f4f4;
} table.index-box tbody tr td:last-child strong+a {
} table.index-box tbody tr td:last-child strong+a {
position: absolute;margin: 5px 0;width: 40px;height: 40px;border-radius: 20px;
left: 0;top: 0;background: #333 url(http://www.riyadhedu.gov.sa/images/viewer.png) center no-repeat;
} table.index-box tbody tr td:last-child strong+a:hover {background-color: #BF0101;}
table.index-box tbody tr td:last-child strong+a img {width: 100%;height: 100%;opacity: 0;}
table.index-box#c2 tbody tr:first-child {height: 714px;}
table.index-box#c2 tbody tr:first-child td:last-child {display: none;}
      

                table.index-box tbody tr td.row9.centered, table.index-box tbody tr td.row9.centered {
   padding: ;line-height: ;color: #fff;background:#fff url(http://i68.servimg.com/u/f68/15/40/41/93/d10.gif) !important;top: 39px;font-weight: bold;
   position: absolute;width: 213px; height: 163px; auto;text-align: left;
border: 5px solid #ffffff;
overflow: hidden;

}

                table.index-box tbody tr td.row5.centered, table.index-box tbody tr td.row5.centered {
   padding: ;line-height: ;color: #fff;background: # !important;top: 325px;font-weight: bold;
   position: absolute;width: 223px;height: auto;text-align: left;
}
                      table.index-box tbody tr td.row4.centered, table.index-box tbody tr td.row4.centered {
   padding: ;line-height: ;color: #fff;background: # !important;top: 345px;font-weight: bold;
   position: absolute;width: 223px;height: auto;text-align: left;
}
          table.index-box tbody tr td.row8.centered, table.index-box tbody tr td.row8.centered {
   padding: ;line-height: ;color: #fff;background: # !important;top: 202px;font-weight: bold;
   position: absolute;width: 213px; height: 54px; auto;text-align: left;
border: 5px solid #ffffff;
overflow: hidden;

}
            table.index-box tbody tr td.row1.centered, table.index-box tbody tr td.row1.centered {
   padding: ;line-height: ;color: #fff;background: # !important;top: 260px;font-weight: bold;
   position: absolute;width: 213px; height: 50px; auto;text-align: left;
border: 5px solid #ffffff;
overflow: hidden;
}
                table.index-box tbody tr td.row7.centered, table.index-box tbody tr td.row7.centered {
   padding: ;line-height: ;color: #fff;background: # !important;top: 39px;font-weight: bold;
   position: absolute;width: 213px; height: 10px; auto;text-align: left;


}
      table.index-box tbody tr td.row33.centered, table.index-box tbody tr td.row33.centered {
   padding: ;line-height: ;color: #fff;background: # !important;top: 0px;font-weight: bold;
   position: absolute;width: 221px;height: auto;text-align: left;
}
    
span.avatarcp img{
width:213px;height:163px;
background-color:beige;
border:1px solid #999999;
padding:2px
float:left; overflow:auto}

.quote {
display:none
}
div.TabView div.Pages div.Page{
width:213px;height:163px;
padding: 0px;
border: 0px solid #b4d0f3;
overflow: hidden;
background-color:#fff;
float:left; overflow:auto}
.hinh img{
 display:none
}
.avatarcp {
width:213px;height:163px;
font :none
float:left; overflow:auto}
div.phutu_html{
display:none;
float:left; overflow:auto}
.Pages{
width:213px;height:163px;
padding: 0px;
border: 0px solid #b4d0f3;
overflow: hidden;

}
  
  .AVATAR img {

    display: none!important;

}
      




      .MAVATAR img {
        height: 163px;
        width: 213px;
    }
  
      .WEVATAR img {
        height: 144px;
        width: 223px;
    }
.cover_top_ms {
   color: #FFF;
   font-weight: bold;
  text-align: center;

padding: 10px 7px 7px 7px;
   text-shadow:1px 1px 0 #005483;
}
.cover_top_ms td, .cover_top_ms a:link, .cover_top_ms a:visited, .cover_top_ms a:visited, .cover_top_ms a:hover, .cover_top_ms a:active {
   text-transform: none;
   font-weight: bold;
   color: #FFF;  
}

</style>