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

كود تومبيلات لتحويل فالب topics_blog_box الى مجلة رباعية تظهر لكم كما تشاهد في الصورة التالية

مظهر الكود على منتديات مسرووور

لتركيب القالب ((((الخطوة الاولى)))) يجب تفعيل المدونة في المنتدى وقبل تركيب القالب يجب تعديل خيارات من لوحة التحكم لوحة التحكم - ادارة عامة - الرسائل و الإيميلات = تشكيل وابحث عن خيار فصل الاعلانات والمواضيع المثبتة عن المواضيع العايدية :لا

ثم اذهب الى اسفل الصفحة وفعل خيار وصف المواضيع السماح بوضع وصف موجز للموضوع :نعم

((((الخطوة الثانية )))) الان نذهب لتركيب القالب لوحة التحكم + مظهر المنتدى + التومبيلات والقوالب + ادارة عامة وابحث عن قالب topics_blog_box واحذفة وضع القالب الجديد مكانة

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



  <tr>
      <th colspan="7" align="center" nowrap="nowrap"> {topics_blog_box.row.L_TITLE} </th>
      <!-- BEGIN multi_selection -->
      <th align="center" nowrap="nowrap" width="20"><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>

  <td class="alt1" align="right">{PAGINATION}</td>
 

 </tr>
 <!-- END pagination -->
  <!-- E???? ??I C????E ???? ???EI?CE ??????? -->
<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>



 
                  <div class="msrooor06_top_b">
                  <div class="msrooor06_top_l">
                  <div class="msrooor06_top_r">
                  <td class="msrooor01 centered"> <span style="font-size: 9px" >{topics_blog_box.row.LAST_POST_IMG}{topics_blog_box.row.PARTICIPATE_POST_IMG}{topics_blog_box.row.TOPIC_TYPE}
                  <td class="msrooor02 centered"> <span style="font-size: 13px;"> {topics_blog_box.row.VIEWS} / <span style="font-size: 16px;">{topics_blog_box.row.REPLIES}</span></td>
                  <td class="msrooor04 centered">{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>


                        <ul class="lu"><li>
         

  <div class="flatred-box">

<div align="center"><span style="font-size: 0px;"><a href="{topics_blog_box.row.U_VIEW_TOPIC}">{topics_blog_box.row.TOPIC_TITLE}
 
    <div class="flatred-box-img">
     
   

      <a href="{topics_blog_box.row.U_VIEW_TOPIC}"><div class="msrooor" >
<span style="font-size: 0px; line-height: normal" class="msrooor">{topics_blog_box.row.FIRST_POST_TEXT}<img src="https://i.servimg.com/u/f55/18/22/98/96/33333310.jpg">
</span></div><div style="padding: 0 0 10px 0;"></div>
                    </div>
        <div dir="rtl" style="color: rgb 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: 210px; font-family: tahoma; height: 350px; text-align: center; background-position: 0% 0%; background-repeat: repeat repeat;">

  <span class="right vierep">1 - 3542</span><div class="quantam"> <p>
          <span style="font-size: 9px" > {topics_blog_box.row.ICON} <br />
          <div align="center"><FONT color="#ffffff"><span style="font-size: 9px" >{topics_blog_box.row.TOPIC_TITLE}
  <br />
              <br />
    <span style="line-height: 25px"><FONT color="#ffffff">بواسطة: <span style="font-size: 9px;">{topics_blog_box.row.TOPIC_AUTHOR}</span></p>
    <div class="w-qtam">

    <span class="postdetails"> <span style="font-size: 9px" ><FONT color="#ffffff">  {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}<br />اخر رد :<span style="font-size: 9px;"> {topics_blog_box.row.LAST_POST_AUTHOR}</span>{topics_blog_box.row.LAST_POST_IMG}
     
      </div></div></div>
   
     
      <div class="flatred-box-info">

      <h2 class="topic-title hierarchy">

                      <a class="topictitle" href="{topics_blog_box.row.U_VIEW_TOPIC}"><span style="font-size: 9px" >{topics_blog_box.row.TOPIC_TITLE}
       
      </h2>
       
       
       
       

            <span class="gensmall">

     

       
       
       
       
       
       
         
         
         
       

       
         
         
            <div class="clear"></div>
           
            <br />
           
            <!-- BEGIN multi_selection -->
            <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} />
            <!-- END multi_selection -->
     
   
   
            </div>

   
   
   
    </li></ul>
        </div>
               
               
<!-- END topic -->
<!-- BEGIN no_topics -->
<tr>
  <td class="tcl" colspan="4"><strong>{topics_blog_box.row.L_NO_TOPICS}</strong></td>
</tr>
         

<!-- END no_topics -->


<!-- BEGIN bottom -->
      </tbody>
  </table>

 
  <div class="main-foot clearfix">
      <!-- BEGIN multi_selection -->
   
 
      <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" />
    <!-- END multi_selection -->
  </tr>
  <!-- END topic --><!-- BEGIN no_topics -->
  <tr>
      <td class="row1" colspan="{topics_blog_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_blog_box.row.L_NO_TOPICS}</span></td>
  </tr>
  <!-- END no_topics --><!-- BEGIN bottom -->
  <tr>
      <td class="catBottom" 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>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_blog_box -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.blog_message', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

<style>.vib-item{width:100%}.itembg{background:#9d8ac7}.tp{color:#fff}.pun .itembg div a{color:#fff}div.tcl{float:left;width:207px}.itembg .tp+div{margin-left:199px;color:#fff}.pun .paged-head.dd {position: absolute;top: 51px;right: 0;left: 130px;padding: 8px 5px;min-height: 31px;border: none;}#main-content div.tcl > div {left: 0;border-radius: 3px 0 0 3px;}#main-content div.itembg {background: white;}#main-content div[style="background-color: #62707D;"] {background: #9d8ac7 !important;}#main-content div.tcl > h2 {left: 149px;width: 207px;position: absolute;}div.paged-foot {display: none;}.sprite-icon_topic_latest {float: right;margin-right: 5px;}</style>

<!-- E???? ??I C????E ???? ???EI?CE ??????? -->
       
       
 
 
 
    <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:#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: 5px;opacity: 0;color: #fff;font-size: 14px;}.w-qtam{background: rgba(255,255,255,.33);border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1}
            .qtam {
font-size: 4pt;
font-style: italic;
background: rgba(255,44,85,.77);
border-radius: 1px;
}

.msrooor06_top_r td, .msrooor06_top_r a:link, .msrooor06_top_r a:visited, .msrooor06_top_r a:visited, .msrooor06_top_r a:hover, .msrooor06_top_r a:active {
  text-transform: none;
  font-weight: bold;
  color: #FFF; 
}


  #lastpost{

    border : 2px solid #EEE;

    -moz-border-radius : 7px;

    -webkit-border-radius : 7px;

    border-radius : 7px;

    -moz-box-shadow : 0 0 8px #666;

    -webkit-box-shadow : 0 0 8px #666;

    box-shadow : 0 0 8px #666;}
table.index-box tbody tr:nth-child(3n+3) {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: 231px;
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.index-box tbody tr {
  width: 302px;float: left;margin-right: 12px;margin-top: 12px;border-radius: 2px;
background:url(https://i.servimg.com/u/f39/18/22/98/96/114.png) no-repeat;border:1px solid #DDD;height: 350px;position: relative;
 
    border : 2px solid #EEE;

    -moz-border-radius : 7px;

    -webkit-border-radius : 7px;

    border-radius : 7px;

    -moz-box-shadow : 0 0 8px #666;

    -webkit-box-shadow : 0 0 8px #666;

    box-shadow : 0 0 8px #666;}

table.index-box tbody tr td.row2.icon {padding: 0 !important;height: auto;}
table.index-box tbody tr td.row1.centered, table.index-box tbody tr td.row2.centered {
  padding: 7px;line-height: 3px;color: #fff;background-image: url("https://i.servimg.com/u/f39/17/67/55/57/nnnnnn11.png"); !important;top: 210px;font-weight: bold;
  position: absolute;width: 100px;height: auto;text-align: left;
}
.forum-desc {padding: 0 10px;}
.forum-name+.mods {padding: 10px;padding-top: 0;font-weight: bold;}
.forum-name+.mods+p {padding: 0 10px;font-size: 0;}
.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;}
table.index-box tbody tr td:last-child {
  position: absolute;padding: 0;bottom: 0;margin: 10px;padding-top: 30px;
  width: 88%;border-top: 1px solid #f4f4f4;
}
 
          table.index-box tbody tr td.msrooor01.centered, table.index-box tbody tr td.msrooor01.centered {
  padding: ;line-height: ;color: #fff;background: # !important;top: 6px;font-weight: bold;
  position: absolute;width: 80px;height: auto;text-align: left;
}
    table.index-box tbody tr td.msrooor02.centered, table.index-box tbody tr td.msrooor02.centered {
  padding: ;line-height: ;color: #fff;background: # !important;top: 5px;font-weight: bold;
  position: absolute;width: 288px;height: auto;text-align: left;
}
     
          table.index-box tbody tr td.msrooor03.centered, table.index-box tbody tr td.msrooor03.centered {
  padding: ;line-height: ;color: #fff;background: # !important;top: 10px;font-weight: bold;
  position: absolute;width: 298px;height: auto;text-align: left;
}
 
 
     
    table.index-box tbody tr td.msrooor04.centered, table.index-box tbody tr td.msrooor04.centered {
  padding: ;line-height: ;color: #fff;background: # !important;top: 19px;font-weight: bold;
  position: absolute;width: 273px;height: auto;text-align: left;
border: 5px solid #ffffff;
overflow: hidden;
    -moz-border-radius : 7px;

    -webkit-border-radius : 7px;

    border-radius : 7px;


background-color:#fff
}
 .msrooor img {
        height: 269px;
        width: 273px;
}
     
</style>

https://zx303.blogspot.com حقوق الكود محفوظة ل منتديات مسرووور ومدونة القرصان منتديات مسرووور/مدونة القرصان https://msrooor.yoo7.com/

آخر الأخبار

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







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

التعليقات

آخر الأخبار

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







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

شاهد أيضاً

التعليقات