عـالــم تـقـنـيـات

ستايلات تومبيلات - تكويد - قوالب تومبيلات - تقنيات حاسوب - برامج - العاب - فوتوشوب - ملحقات


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

 :: تقنيات احلى منتدى :: تقنيات متقدمة

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل

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

#293
الزعيم
الزعيم
المدير العام
المدير العام
المساهمات : 235
تاريخ التسجيل : 27/08/2016
الموقع : https://taqniyat.123.st/
https://taqniyat.123.st

مُساهمةالزعيم الثلاثاء سبتمبر 06, 2016 5:06 pm

السلام عليكم و رحمة الله و بركاته

مرحبا اعضاء و زوار منتدى الدعم و المساعده العربى
أخيرا كود المجلة التلقائية
لمنتديات أحلى منتدى وتلقائية  100%
ولا يحتاج لتعديل او متابعة مستقبلية وحتى الاعضاء يستطيعون
المشاركة في  المجلة بدون اي تدخل من المدير
الكود من تصميم أخوكم مسرووور
مؤئسس منتديات مسرووور

[ تومبيلات ] كود المجلة التلقائية الراباعية اخيراُ لمنتديات احلى منتدى Do.php?imgf=141657574601291

طريقة عمل الكود

يقوم الكود بتحويل قالب المدونةtopics_blog_box
الى شكل مجلة رباعية وبشكل الي يضع صورة من داخل الموضوع في غلاف الموضوع في المجلة
مع عرض مقدمة لمحتو الموضوع في المجلة وبدون اي جهد او متابعة مجلة تلقائية 100%

مظهر الكود بعد التركيب  في المنتدى
[ تومبيلات ] كود المجلة التلقائية الراباعية اخيراُ لمنتديات احلى منتدى Do.php?imgf=141657574601291


قبل البد في تركيب الكود يجب تعديل خيار في لوحة الادارة للاهمية
اولا   اذهب الى لوحة الادارة +ادارة عامة + الرسائل و الإيميلات =التشكيل


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
[ تومبيلات ] كود المجلة التلقائية الراباعية اخيراُ لمنتديات احلى منتدى Qs1i74
 فصل الاعلانات و المواضيع المثبتة عن المواضيع العادية : لا


والان نذهب الى قالب المدونة في التومبيلات
لوحة الادارة +مظهر المنتدى + التومبيلات والقوالب + ادارة عامة

واضغط على تعديل قالب المدونة 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 -->
<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">&nbsp;<b>{topics_blog_box.row.L_TITLE}</b></span></td>
 </tr>
<!-- END header_row -->

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

               <td class="row8 centered">
                      <div class="x-qtam">

{topics_blog_box.row.ICON} <br />{topics_blog_box.row.NEWEST_POST_IMG}
      
      </div></div></div>
<td class="" class="{" width="99%" Valign="top" style="padding-left:11px">
<div style="height:86px; width:100%" class="" ><span style="font-size: 14px" >
<b>

                  <div class="cover_top_b">
                    <div class="cover_top_l">
                      <div class="cover_top_r">
                            <div class="3-qtam">
 <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 align="center"> <div align="center"><a href="{topics_blog_box.row.U_VIEW_TOPIC}"><div style="width:215px; height:160px;" class="Pages" >
<span style="font-size: 0px; line-height: normal" class="AVAVA"> {topics_blog_box.row.FIRST_POST_TEXT}<img src="http://i55.servimg.com/u/f55/18/22/98/96/33333310.jpg">
</span></div><div style="padding: 0 0 10px 0;"></div></a>
  
  
                      <td class="row7 centered">


              <span style="font-size: 0px; line-height: normal" class="AVAVA"><div align="center"><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: 215px; font-family: tahoma; height: 102px; text-align: center; background-position: 0% 0%; background-repeat: repeat repeat;">
<span style="font-size: 10px" > <FONT color="#000000"><div align="center"><div class="AVATAR">{topics_blog_box.row.FIRST_POST_TEXT}</div>
                            <br />
          أخر رد  {topics_blog_box.row.LAST_POST_AUTHOR}
                                      <br />
                                      <br />



          <td class="row4 centered">
         <div class="e-qtam">

      <div align="center"><FONT color="#000000"><span style="font-size: 9px" >بواسطة: <span style="font-size: 9px" >{topics_blog_box.row.TOPIC_AUTHOR}</span></p>
      

          <td class="row5 centered">
         <div class="w-qtam">

    <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}
      
      
      </div></div></div>
      <!-- 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 -->




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

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

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

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


        
        
  
  
  
    <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*="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;}.e-qtam{background-image: url("http://i39.servimg.com/u/f39/18/22/98/96/88888812.png"); !important;border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1}
            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("http://i39.servimg.com/u/f39/18/22/98/96/cover_10.gif"); !important;border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1}
                  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;}.x-qtam{background-image: url(""); !important;border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1}
            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;}.s-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;
}
  
  #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(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: -3px;
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: 12px;margin-top: 12px;border-radius: 2px;
background:url(http://i39.servimg.com/u/f39/18/22/98/96/6711.png) no-repeat;border:1px solid #DDD;height: 310px;position: relative;
  
}
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("http://i39.servimg.com/u/f39/17/67/55/57/nnnnnn11.png"); !important;top: 214px;font-weight: bold;
 position: absolute;width: 100px;height: auto;text-align: left;
}
  
table.index-box tbody tr td.row7.centered, table.index-box tbody tr td.row7.centered {
 padding: ;line-height: ;color: #fff;background: # !important;top: 205px;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: 3px;font-weight: bold;
 position: absolute;width: 221px;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: 290px;font-weight: bold;
 position: absolute;width: 223px;height: auto;text-align: left;
}
          table.index-box tbody tr td.row5.centered, table.index-box tbody tr td.row5.centered {
 padding: ;line-height: ;color: #fff;background: # !important;top: 300px;font-weight: bold;
 position: absolute;width: 223px;height: auto;text-align: left;
}
    table.index-box tbody tr td.row9.centered, table.index-box tbody tr td.row9.centered {
 padding: ;line-height: ;color: #fff;background: # !important;top: 41px;font-weight: bold;
 position: absolute;width: 223px;height: auto;text-align: left;


}

span.avatarcp img{
width:215px;height:160px;
background-color:beige;
border:1px solid #999999;
padding:2px
float:left; overflow:auto}

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

    -webkit-border-radius : 7px;

    border-radius : 7px;


background-color:#fff
}


.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() no-repeat left top;
}
.cover_top_r {
 color: #FFF;
 font-weight: bold;
  text-align: center;
 background: url(http://i33.servimg.com/u/f33/17/83/79/07/cover_12.gif) no-repeat right top;
padding: 10px 7px 7px 7px;
 text-shadow:1px 1px 0 #005483;
}
.cover_top_r td, .cover_top_r a:link, .cover_top_r a:visited, .cover_top_r a:visited, .cover_top_r a:hover, .cover_top_r 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_r2 {
 color: #FFF;
 font-weight: bold;
 background: url(http://i33.servimg.com/u/f33/17/83/79/07/cover_15.gif) no-repeat right top;
 height: 10px;
}

        .AVAVA img {
              height: 160px;
        width: 215px;
      border: 6px solid #1A7FAF;
      align: center;

    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;}
      

  .AVATAR img {
        height: 50px;
        width: 50px;
    }</style>




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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
[ تومبيلات ] كود المجلة التلقائية الراباعية اخيراُ لمنتديات احلى منتدى Zswa6g


اخطاء يجب تلافيها حتى تظهر صور المجلة بالشكل المنتاااااااااز والصحيح
1- لا تظع صورة للبسملة في بداية موضوعك فلكود يلتقط الصورة الاولى من داخل الموضـــــــــــــــــــوع
2- لا تضع رابط تحميل او رابط موقع قبل رابط الصورة فقد يوثر على صورة الموضوع في المجــــــــــلة
3- لا تكبر خط كتابة المقدمة فـ كود تكبير الخط اذا كان في بداية الموضوع قد يظهر مع الصورة في المجلة



تم الشـــــــــــــــــــــرح

استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة

مواضيع مماثلة
» تومبيلات كود المرفقات مثل vb - احلى منتدى
» تومبيلات استايل ازرق تطويري لاحلى منتدى
» ستايل تومبيلات تطويري محول من فى بى لاحلى منتدى
» كود تومبيلات اخر مواضيع القسم مثل الـVB
» استايل تومبيلات - استايل لمنتديات الدعم , برتقالي

للمشاركة انت بحاجه الى تسجيل الدخول او التسجيل

يجب ان تعرف نفسك بتسجيل الدخول او بالاشتراك معنا للمشاركة

التسجيل

انضم الينا لن يستغرق منك الا ثوانى معدودة!


أنشئ حساب جديد

تسجيل الدخول

ليس لديك عضويه ؟ بضع ثوانى فقط لتسجيل حساب


تسجيل الدخول

عـالــم تـقـنـيـات :: تقنيات احلى منتدى :: تقنيات متقدمة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
©phpBB | منتدى مجاني | منتدى مجاني للدعم و المساعدة | التبليغ عن محتوى مخالف | آخر المواضيع