منتدى فضائى : اصلاح وصيانة الريسيفرات والاجهزه الكهربائيه وتحديد اتجاه الاقمار الصناعيه واقوى السيرفرات المجانيه والمدفوعه لفتح القنوات المشفرة واحدث البرامج الخاص بالكمبيوتر  

الرئيسيةأحدث الصورالتسجيلدخول



شاطر

[ تومبيلات ] كود المجلة التلقائية الراباعية  Empty
 

 [ تومبيلات ] كود المجلة التلقائية الراباعية

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل 
معلومات العضـو
محمد صبحي
المديرالعام
محمد صبحي
رقم العضوية : 1
تاريخ التسجيل : 17/05/2016
المشاركات : 479
الدولة : مصر
#1مُساهمةموضوع: [ تومبيلات ] كود المجلة التلقائية الراباعية    [ تومبيلات ] كود المجلة التلقائية الراباعية  I_icon_minitimeالثلاثاء أكتوبر 31, 2017 8:57 am

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

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

مظهر الكود بعد التركيب  في المنتدى
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


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



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
 فصل الاعلانات و المواضيع المثبتة عن المواضيع العادية : لا


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

واضغط على تعديل قالب المدونة topics_blog_box
واحذف القالب وضع القالب التالي مكانة
Spoiler:

الكود:
الكود:
<!--
 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">&nbsp;{topics_blog_box.row.L_TITLE}&nbsp;</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>





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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


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




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

الرابط    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
[ تومبيلات ] كود المجلة التلقائية الراباعية
استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» طريقة وضع كود تومبيلات يظهر للزوار فقط
» طريقة وضع كود تومبيلات يظهر للاعضاء فقط
» كود CSS : لوضع اخر مساهمه قبل عدد المواضيع بدون تومبيلات
» حصري كود تومبيلات ترقيم المساهمات للنسخة phpBB2 و phpbb3
» كود تومبيلات جعل البيانات الشخصية بالعرض اعلى الموضوع

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
المصراويه  :: منتديات الدعم والمساعدة :: اكواد وقوالب التومبيلات وتقنيات اخرى :: أكواد التومبلايت-
انتقل الى:  
أختر لغة المنتدى من هنا
الساعة الآن

اخـرالمواضيــع [ تومبيلات ] كود المجلة التلقائية الراباعية  I-icon-latest-reply_c1a56 الموقع الشامل القديم [ تومبيلات ] كود المجلة التلقائية الراباعية  I_icon_minitimeالسبت يناير 13, 2024 4:33 pm من طرف [ تومبيلات ] كود المجلة التلقائية الراباعية  I-icon-latest-reply_c1a56 برنامج حسابات مجانى [ تومبيلات ] كود المجلة التلقائية الراباعية  I_icon_minitimeالثلاثاء ديسمبر 06, 2022 6:22 am من طرف [ تومبيلات ] كود المجلة التلقائية الراباعية  I-icon-latest-reply_c1a56جديد البرامج المهمة [ تومبيلات ] كود المجلة التلقائية الراباعية  I_icon_minitimeالثلاثاء ديسمبر 06, 2022 6:16 am من طرف [ تومبيلات ] كود المجلة التلقائية الراباعية  I-icon-latest-reply_c1a56سته برامج لحفظ أرقامك الهامة(دليل هاتف)مع بعض المواقع المختصة [ تومبيلات ] كود المجلة التلقائية الراباعية  I_icon_minitimeالثلاثاء ديسمبر 06, 2022 6:12 am من طرف [ تومبيلات ] كود المجلة التلقائية الراباعية  I-icon-latest-reply_c1a56ملف قنوات لــ ترومان 333/666/777/888/999/2010/190 معالجC سي بتاريخ 7-11-2022 [ تومبيلات ] كود المجلة التلقائية الراباعية  I_icon_minitimeالأربعاء نوفمبر 16, 2022 7:28 pm من طرف

Powered by vBulletin Forums ahlamontada
(Copyright ©2015 - 2024 , phpBB2 subsilver)


ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
* * * ( ا لــمــصـــر ا و يــــــــــه ) * * *