كود تومبيلات لتحويل قالب 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">
                    <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(277, 277, 277); margin: 0pt; width: 302px; font-family: tahoma; height: 250px; text-align: center; background-position: 0% 0%; background-repeat: repeat repeat;">
                <span style="font-size: 9px" > <br />
<FONT color="#FC0303"><span style="font-family: 'Times New Roman';"><strong><span style="font-size: 20.4444446563721px;"> {topics_blog_box.row.TOPIC_TYPE}<FONT color="#0033cc"> {topics_blog_box.row.TOPIC_TITLE}
                            <br />
 <span style="font-size: 11px" > <div class="AVATAR"><FONT color="#000000"><span style="font-family: 'Times New Roman'; font-size: 15.5555562973022px;"> <span class="nnvvcc">{topics_blog_box.row.FIRST_POST_TEXT}</span></div>
                              <br />
    <span class="postdetails"> <span style="font-size: 9px" ><FONT color="#E80C0C">  {L_COMMENTS}:<FONT color="#0033cc"> {topics_blog_box.row.REPLIES} -
        <span class="postdetails"> <span style="font-size: 9px" ><FONT color="#E80C0C"> {L_VIEWS}: <FONT color="#0033cc">{topics_blog_box.row.VIEWS}<br />ÃÎÑ ÑÏ  {topics_blog_box.row.LAST_POST_AUTHOR}{topics_blog_box.row.LAST_POST_IMG}
                                      <br />
                                      <br />
     
          <br />
   
    <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>

 

      <!-- BEGIN switch_description -->










      <!-- END switch_description -->
   


  <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="row99 centered"> <div class="alt88">
<!-- 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 -->

  <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 -->
</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:.0}.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}
      .WEVATAR img {
      height: 370px;
        width: 302px;
    }
      /* 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(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: 302px;
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: 302px;
float: left;
margin-right: 20px;
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(https://i.servimg.com/u/f62/19/34/83/47/no-pre10.png) center no-repeat;
    top: 65px;
    font-weight: bold;
    position: absolute;
    width: 302px;
    height: 233px;
    text-align: left;
border: 0px solid #ddd;
}

   


table.topics-blog tbody tr td.row99.centered, table.topics-blog tbody tr td.row99.centered {
padding: ;
line-height: ;
top: 299px;
font-weight: bold;
position: absolute;
width: 302px;
height: 50px;
text-align: left;
border: 5px solid #;
overflow: hidden;
background: # !important;
}
                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: 298px;
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: 302px;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: 233px;
width: 302px;
}
      .MAVATAR a {
        display: none!important;

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

} 

.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;
}
      .alt88 {
background: #eee 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;
padding-top: 5px;
padding-bottom: 9px;
border-top: 1px solid #ddd;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;     
}
            .alt88: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;
padding-top: 5px;
padding-bottom: 9px;
border-top: 1px solid #ddd;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;     
}
      .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: 130px;
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 لمنتديات أحلى منتدى لمجلة تلقائية التصميم رقم _07







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

التعليقات

آخر الأخبار

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







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

شاهد أيضاً

التعليقات
