كود تومبيلات لتحويل قالب topics_blog_box لمنتديات أحلى منتدى لمجلة تلقائية التصميم رقم

كود تومبيلات لتحويل فالب topics_blog_box الى مجلة رباعية تظهر لكم كما تشاهد في الصورة التالية
لتركيب القالب ((((الخطوة الاولى)))) يجب تفعيل المدونة في المنتدى وقبل تركيب القالب يجب تعديل خيارات من لوحة التحكم لوحة التحكم - ادارة عامة - الرسائل و الإيميلات = تشكيل وابحث عن خيار فصل الاعلانات والمواضيع المثبتة عن المواضيع العايدية :لا
ثم اذهب الى اسفل الصفحة وفعل خيار وصف المواضيع السماح بوضع وصف موجز للموضوع :نعم
((((الخطوة الثانية )))) الان نذهب لتركيب القالب لوحة التحكم + مظهر المنتدى + التومبيلات والقوالب + ادارة عامة وابحث عن قالب topics_blog_box واحذفة وضع القالب الجديد مكانة
{BOARD_INDEX}
</table>
      </form>
<br>
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td align="left" valign="middle" width="50">
        <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a>
        <!-- END switch_user_authpost -->
      </td>

      <td class="gensmall" align="left" valign="bottom" nowrap="nowrap">
        <span class="nav">
         
    <div class="clearfix">
      <form class="forum-search right" action="/search" method="get">
          <input class="bginput" type="text" onblur="if (this.value == '') this.value = '{L_SEARCH}...';" onclick="if (this.value == '{L_SEARCH}...') this.value = '';" value="{L_SEARCH}..." size="20" id="search_keywords" name="search_keywords" />
          <input class="liteoption" type="submit" value="{L_SEARCH}" />
          <input type="hidden" name="search_where" value="f{FORUM_ID}" />
      </form>
    </div>
   
        </span>
      </td>
  </tr>
</table>
  <!-- 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 -->
</table>
      </form>
<br>




 <!-- 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="" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>

 
 <td class="alt1" title="showthread.php?t=3"><a name="PageNav"></a></td>
 </tr>
 <!-- END pagination -->
 

<table id="c" class="ipbtable topics-blog" 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">

                      <script>
  function gioihant(a){

  return a.substring(0,55)+'';
  }
</script>
       
              <div class="cover_top_b">
                    <div class="cover_top_l">
                      <div class="cover_top_g6">
{topics_blog_box.row.NEWEST_POST_IMG}  {topics_blog_box.row.PARTICIPATE_POST_IMG}  {topics_blog_box.row.TOPIC_TYPE}
<FONT color="#ffffff"><a href="{topics_blog_box.row.U_VIEW_TOPIC}"><FONT color="#ffffff"><script>document.write(gioihant('{topics_blog_box.row.TOPIC_TITLE}'));</script></a> <div class="postdetails"></strong></span>
                      </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:170px; width:302" 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"></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: 229px; font-family: tahoma; height: 80px; text-align: center; background-position: 0% 0%; background-repeat: repeat repeat;">
 
 <span style="font-family: Arial; font-size: 11px;"><span"{topics_blog_box.row.U_VIEW_TOPIC}">
 
      <!-- BEGIN switch_description -->






        <span style="font-family: Arial; font-size: 13px;"><div align="center">{topics_blog_box.row.TOPIC_TYPE}{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"><div class="nnvvcc"><div class="vqvwe">{topics_blog_box.row.TOPIC_TYPE}{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="row1 centered"> <span class="postdetails"> <FONT color="#ffffff"><div align="center"> {L_COMMENTS}: {topics_blog_box.row.REPLIES}
      <td class="row2 centered"> <span class="postdetails"> <FONT color="#ffffff"><div align="center">  {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: 10px" ><FONT color="#000000">  بتاريخ  {topics_blog_box.row.FIRST_POST_DMY_VALUE0}/
              {topics_blog_box.row.FIRST_POST_DMY_VALUE1}/
              {topics_blog_box.row.FIRST_POST_DMY_VALUE2}  
           
        <div class="cal right">
          </div></span>
     



<!-- BEGIN avatar -->

<!-- END avatar -->





<!-- BEGIN multi_selection -->

<!-- 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 -->

  <tr>
      <td class="alt2" colspan="{topics_blog_box.row.COLSPAN}" valign="middle">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td> <span class="gensmall">{PAGINATION}</span></td>
              <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td>
            </tr>
        </table>
      </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 -->
<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*="https://i.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(https://i.servimg.com/u/f33/17/83/79/07/cover_10.gif) repeat-x left top;
}
.cover_top_l {
  background: url(https://i.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(https://i.servimg.com/u/f33/17/83/79/07/cover_13.gif) repeat-x left top;
}
.cover_top_l2 {
  background: url(https://i.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*="https://i.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.topics-blog 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: 279px;
width: 229px;
margin-right: 4px;
}
#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.topics-blog tbody tr:hover {
      background: #FFF url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
color: #383838;
font-family: tahoma;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: 700;
}
table.topics-blog tbody tr {
width: 229px;
float: left;
margin-right: 10px;
margin-bottom: 20px;
border-radius: 2px;
border: 1px solid #;
height: 350px;
position: relative;
border: 0px solid #EEE;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 0px;
      background: #eee url(https://i.servimg.com/u/f33/17/83/79/07/bg_alt10.png) repeat-x left bottom;
    -moz-box-shadow: 0 0 8px #666;
    -webkit-box-shadow: 0 0 8px #666;
    box-shadow: 0 0 2px #666;
    position: relative;
    border-radius: 9px;
color: #383838;
font-family: tahoma;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: 700;

}
.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.topics-blog tbody tr td:last-child strong+a {
} table.topics-blog 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.topics-blog tbody tr td:last-child strong+a:hover {background-color: #BF0101;}
table.topics-blog tbody tr td:last-child strong+a img {width: 100%;height: 100%;opacity: 0;}
table.topics-blog#c2 tbody tr:first-child {height: 714px;}
table.topics-blog#c2 tbody tr:first-child td:last-child {display: none;}
   

 table.topics-blog tbody tr td.row9.centered, table.topics-blog tbody tr td.row9.centered {
    color: #fff;
    background: #ddd url() center no-repeat;
    top: 65px;
    font-weight: bold;
    position: absolute;
    width: 229px;
    height: 222px;
    text-align: left;
border: 0px solid #ddd;
}

   
table.topics-blog tbody tr td.row4.centered, table.topics-blog tbody tr td.row4.centered {
    padding: ;
    line-height: ;
    color: #fff;
    background: # !important;
    top: 273px;
    font-weight: bold;
    position: absolute;
    width: 223px;
    height: auto;
    text-align: left;
    padding: 0px 5px 0px 0px;
}
table.topics-blog tbody tr td.row8.centered, table.topics-blog tbody tr td.row8.centered {
color: #fff;
top: 287px;
font-weight: bold;
position: absolute;
width: 229px;
height: 63px;
text-align: left;
border: 0px solid #ffffff;
overflow: hidden;
      -webkit-border-radius: 0px 0px 10px 10px;
}

                table.topics-blog tbody tr td.row7.centered, table.topics-blog tbody tr td.row7.centered {
padding: ;
line-height: ;
color: #fff;
background: # !important;
top: 70px;
font-weight: bold;
position: absolute;
width: 225px;
height: 10px;
text-align: left;
}
      table.topics-blog tbody tr td.row33.centered, table.topics-blog tbody tr td.row33.centered {
  padding: ;line-height: ;color: #fff;background: # !important;top: 0px;font-weight: bold;
  position: absolute;width: 229px;height: auto;text-align: left;
}
 

.quote {
display:none
}

 
  .AVATAR img {

    display: none!important;

}

  .vqvwe code {

    display: none!important;

}
  .nnvvcc a:link {

    display: none!important;

}
  .codebox {
        display: none!important;

}
.postbody {
        display: none!important;

}   
.MAVATAR img {
height: 222px;
width: 229px;
}
                        .MAVATAR img:hover {
opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
      .MAVATAR a {
        display: none!important;

} 
      .MAVATAR .codebox {
        display: none!important;

} 
      .WEVATAR img {
      height: 170px;
        width: 229px;
    }
.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;
}
table.topics-blog tbody tr td:last-child strong + a {
position: absolute;
width: 40px;
height: 40px;
border-radius: 7px;
left: 0;
top: 0;
background: #333 url(http://www.riyadhedu.gov.sa/images/viewer.png) center no-repeat;
margin: 7px 0px 0px 5px;
}
      .lastpost-avatar img {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 38px;
    width: 38px;
    padding: 0px 4px 0px 5px;
}

      .cover_top_g6 {
background: url(https://i.servimg.com/u/f33/17/83/79/07/cover_12.gif) no-repeat right top;
color: #FFF;
font-weight: 700;
padding: 13px 10px 10px;
text-align: center;
text-shadow: 1px 1px 0 #005483;
height: 18px;
}
            .cover_top_g6 {
        text-transform: none;
  font-weight: bold;
  color: #FFF; 
}
     
  table.topics-blog tbody tr td.row2.icon {padding: 0 !important;height: auto;}
table.topics-blog tbody tr td.row1.centered, table.topics-blog tbody tr td.row2.centered {
padding: 10px;
line-height: 3px;
color: #fff;
background-image: url("https://i.servimg.com/u/f33/17/83/79/07/gradie15.gif");
top: 42px;
font-weight: bold;
position: absolute;
width: 94px;
height: auto;
text-align: center;
} table.topics-blog tbody tr td.row2.centered {left: 0%;}
table.topics-blog tbody tr td.row1.centered:after {content: "    ";margin-left: 3px;}
table.topics-blog tbody tr td.row2.centered:after {content: "      ";margin-left: 3px;}
.forum-desc {padding: 0 10px;}
</style>
https://zx303.blogspot.com حقوق الكود محفوظة ل منتديات مسرووور ومدونة القرصان منتديات مسرووور/مدونة القرصان https://msrooor.yoo7.com/
آخر الأخبار

كود تومبيلات لتحويل قالب topics_blog_box لمنتديات أحلى منتدى لمجلة تلقائية التصميم رقم _08







عن القرصان جاك سبارو

التعليقات

آخر الأخبار

كود تومبيلات لتحويل قالب topics_blog_box لمنتديات أحلى منتدى لمجلة تلقائية التصميم رقم _08







عن القرصان جاك سبارو

شاهد أيضاً

التعليقات
