منتديات تقنيات
يسعدنا تسجيلكم بالمنتدى اهلا بكم


مفاجئة 2016 مجلة تلقائية لمنتداك على جميع الاقسام بكود واحد فقط

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

مفاجئة 2016 مجلة تلقائية لمنتداك على جميع الاقسام بكود واحد فقط

مُساهمة من طرف عبقرينو في 04/03/16, 09:22 pm

بسم الله الرحمن الرحيم
تحية طيبة لكل اعضاء وزوار منتدى تقنيات . اليوم بقدم طريقة تحويل كل اقسام موقعك الى مجلة تلقائية رائعه جدا

اذا كما هو موضح في الصورة كل اقسام موقعك ستتحول الى مجلة تلقائية رائعه وجميلة 





الان مع الكود وطريقة التركيب
توجة الى لوحة الادارة - مظهر المنتدى - التومبيلات والقوالب - ادارة عامة - قالب topics_list_box
بعدها توجه الى قالب topics_list_box واستبدله بالكامل بهذا القالب ليتم تعميمه على جميع الاقسام


الرمز:
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
 var all_checked = true;
 for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
 if (document.{topics_list_box.FORMNAME}.elements .name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
 all_checked = document.{topics_list_box.FORMNAME}.elements .checked;
 }
 }
 document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
 for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
 if (document.{topics_list_box.FORMNAME}.elements .name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
 document.{topics_list_box.FORMNAME}.elements .checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
 }
 }
}
</script>
<!-- END multi_selection -->

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">






 <!-- BEGIN multi_selection -->

<th align="center" nowrap="nowrap" width="560"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th>


 <!-- END multi_selection -->
 </tr>
 <!-- BEGIN pagination -->
  <!-- بداية اطار علوي -->
 <!-- Start Cat -->
 <div class="Cat">
 <!-- Start Cat Top -->
 <div class="CatTop">
 <div class="CatTop_Right">
 <h1> مجلة المواضيع</h1>
 </div>
 <div class="CatTop_Left">
 </div>
 </div>
 <!-- Start Cat Center -->
 <div class="CatCenter_Right">
 <div class="CatCenter_Left">
 <!-- Start Cat Body -->
 <div class="CatBody">

<!-- / نهاية اطار علوي -->
 <tr>
 

<table class="alt1" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
  <td class="alt1" align="right">{PAGINATION}</td>
 
 <td class="alt1" title="showthread.php?t=3"><a name="PageNav"></a></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_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_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_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
 </tr>
<!-- END header_row -->

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

 <span class="cattitle">
<td class="" class="{topics_list_box.row.ROW_CLASS}" width="99%" Valign="top" style="padding-left:10px">
<div style="height:86px; width:100%" class="{topics_list_box.row.ROW_CLASS}" ><span style="font-size: 12px" >
<b><span class="ca3vt">
 
                  <div class="cover_top_b">
                    <div class="cover_top_l">
                      <div class="cover_top_r">
{topics_list_box.row.ICON}{topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
<a href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}&<div class="postdetails"></strong></span>

                      </div>
                    </div>
                  </div>
    <a href="{topics_list_box.row.U_VIEW_TOPIC}"><div style="height:165px; width:302" class="Pages" >
<span style="font-size: 0px; line-height: normal" class="avatarcp">{topics_list_box.row.FIRST_POST_TEXT}
                      <div class="blog_message1" href="{topics_list_box.row.U_VIEW_TOPIC}" ></div>
</span></div><div style="padding: 0 0 10px 0;"></div>&
        <td class="row7 centered">
<div dir="rtl" style="background:rgb(300, 300, 300) repeat repeat; color: rgb(51, 51, 51); text-decoration: none; padding: 0pt; overflow: scroll; font-weight: bold; font-size: 10pt; margin: 0pt; width: 302px; font-family: tahoma; height: 60px; text-align: center; ">
  <span style="font-size: 11px" >
<b><span class="row2 centered">كاتب الموضوع : <span class="name"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span>
</span></br>
    <span class="ca3vt">مقدمة الموضوع :<span class="ca3vt"><span class="postdetails">{topics_list_box.row.FIRST_POST_TEXT}</span>
<td class="row1 centered">{topics_list_box.row.VIEWS}</td>
    <td class="row2 centered">{topics_list_box.row.REPLIES}</td>
<td class="lastpost" onmouseover='this.className="lastpost"' onmouseout='this.className="lastpost"' align="center" valign="middle" nowrap="nowrap"><div id="lastpost" class="gensmall"><span style="font-size: 10px" >أخر رد{topics_list_box.row.LAST_POST_TIME}<br />من طرف<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div></span></td>
<!-- BEGIN multi_selection -->
<td class="row2" align="center" valign="middle"><span class="smallfont"><input onClick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
<!-- END multi_selection -->

<!-- END topic --><!-- BEGIN no_topics -->
<tr>
<td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="smallfont">{topics_list_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_list_box -->

  <!-- بداية اطار سفلي -->
 </div>
 </div>
 </div>
 <!-- Start Cat Bottom -->
 <div class="CatBottom">
 <div class="CatBottom_Right">
 </div>
 <div class="CatBottom_Left">
 </div>
 </div>
 </div>

<!-- / نهاية اطار سفلي -->

<style>
  /* Strat - cover_top_b - Alrakami.Com - EbN.FaLaSteN */
.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(http://i33.servimg.com/u/f33/17/83/79/07/cover_11.gif) 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: 13px 10px 10px 10px;
 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;
}

.msr_top_b {

}

.msr_top_r {
 color: #FFF;
 font-weight: bold;
padding: 10px 10px 10px 10px;



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

.msr_top_b2 {

}
.msr_top_l2 {

}
.msr_top_r2 {
 color: #FFF;
 font-weight: bold;

 height: 10px;
}

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(http://i39.servimg.com/u/f39/17/67/55/57/oooooo11.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: 10px;line-height: 3px;color: #fff;background-image: url("http://i39.servimg.com/u/f39/17/67/55/57/bg11.jpg"); !important;top: 208px;font-weight: bold;
 position: absolute;width: 131px;height: auto;text-align: left;
} table.index-box tbody tr td.row2.centered {left: 0%;}
table.index-box tbody tr td.row1.centered:after {content: " :      مشاهدات";margin-left: 3px;}
table.index-box tbody tr td.row2.centered:after {content: " :      مسـاهمة";margin-left: 3px;}
.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: 20px;
 width: 95%;border-top: 1px solid #f4f4f4;
} table.index-box tbody tr td:last-child strong+a {
} table.index-box tbody tr td:last-child strong+a {
 position: absolute;margin: 20px 0;width: 40px;height: 40px;border-radius: 4px;
 left: 0;top: 0;background: #333 url(http://www.riyadhedu.gov.sa/images/viewer.png) center no-repeat;
} table.index-box tbody tr td:last-child strong+a:hover {background-color: #BF0101;}
table.index-box tbody tr td:last-child strong+a img {width: 100%;height: 100%;opacity: 0;}
table.index-box#c2 tbody tr:first-child {height: 714px;}
table.index-box#c2 tbody tr:first-child td:last-child {display: none;}
 
table.index-box tbody tr td.row7.centered, table.index-box tbody tr td.row7.centered {
 padding: ;line-height: ;color: #fff;background: #0E5A86 !important;top: 230px;font-weight: bold;
 position: absolute;width: 302px;height: auto;text-align: left;
}
 

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

.quote {
display:none
}
div.TabView div.Pages div.Page{
width:302px;height:165px;
padding: 0px;
border: 0px solid #b4d0f3;
overflow: hidden;
background-color:#fff;
float:left; overflow:auto}
.hinh img{
 display:none
}
.avatarcp {
width:302px;height:165px;
font :none
float:left; overflow:auto}
div.phutu_html{
display:none;
float:left; overflow:auto}
.Pages{
width:302px;height:165px;
padding: 0px;
border: 0px solid #b4d0f3;
overflow: hidden;
background-color:#fff
}</style><script>
  $(document).on('ready',function(){$('.blog_message1').each(function(){var url=$(this).attr('href');$(this).load(url+' div.postbody  img:eq(0)')})});</script>

عبقرينو
عضو نشيط


الجنس : ذكر
عدد المساهمات : 168
التقييم : 6
تاريخ الميلاد : 18/10/1997
تاريخ التسجيل : 27/02/2016
العمر : 19
الموقع : ام الدنيا مصر
العمل/الترفيه : مبرمج
المزاج : تمام

معاينة صفحة البيانات الشخصي للعضو http://mohamed-nabina.0wn0.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: مفاجئة 2016 مجلة تلقائية لمنتداك على جميع الاقسام بكود واحد فقط

مُساهمة من طرف JAR7 في 04/03/16, 09:33 pm

طرحت فأبدعت يعطيك الف عافية
جهود مبارك جزاك الله خير
دمت ودام عطائك
ودائما بأنتظار جديدك الشيق
لك خالص تقديري واحترامي
دمت بخير



JAR7
ادارة المنتدى


الجنس : انثى
عدد المساهمات : 2202
التقييم : 290
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: مفاجئة 2016 مجلة تلقائية لمنتداك على جميع الاقسام بكود واحد فقط

مُساهمة من طرف AmEr 3OshA8 في 05/03/16, 11:08 am

بارك الله فيك ع مجهودك
تقبل مروري



AmEr 3OshA8
عضو نشيط


الجنس : ذكر
عدد المساهمات : 143
التقييم : 24
تاريخ الميلاد : 11/12/1995
تاريخ التسجيل : 27/02/2016
العمر : 21
الموقع : قلبى
العمل/الترفيه : السباحه طبعا
المزاج : تأليف بن شرابى (أمير حروفه تلاطم بعضها..كثر الزين ما تعرف وين تناظر أدب واحترام ونظام واتباع..يستاهل لقب المبدع الشاطر)

معاينة صفحة البيانات الشخصي للعضو http://www.ahlawarsh.net/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: مفاجئة 2016 مجلة تلقائية لمنتداك على جميع الاقسام بكود واحد فقط

مُساهمة من طرف Abdallah.BeraidaS في 17/03/16, 10:31 pm

شكرا لكم

Abdallah.BeraidaS

الجنس : ذكر
عدد المساهمات : 8
التقييم : 10
تاريخ التسجيل : 17/03/2016

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: مفاجئة 2016 مجلة تلقائية لمنتداك على جميع الاقسام بكود واحد فقط

مُساهمة من طرف Black Love في 19/03/16, 08:29 pm

شششكرآ على الكود #بلآك
  



Black Love
عضو نشيط


الجنس : ذكر
عدد المساهمات : 96
التقييم : 15
تاريخ التسجيل : 19/03/2016
الموقع : المغرب ~~♥
العمل/الترفيه : مصمم جرافيك و مككود وسسباح ايضا هع ♥
المزاج : ~~ ححلو النهردهه هع ♥

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: مفاجئة 2016 مجلة تلقائية لمنتداك على جميع الاقسام بكود واحد فقط

مُساهمة من طرف Mr.Yakoub في 10/04/16, 11:33 am

كالعادة ابداع رائع 

وطرح يستحق المتابعة

شكراً لك 

بانتظار الجديد القادم
دمت بكل خير

Mr.Yakoub
الاشراف العام


الجنس : ذكر
عدد المساهمات : 548
التقييم : 3
تاريخ التسجيل : 28/02/2016
اوسمتي : :1:0:0

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: مفاجئة 2016 مجلة تلقائية لمنتداك على جميع الاقسام بكود واحد فقط

مُساهمة من طرف المصمم الليلي في 22/05/16, 02:32 am

شششكرآ على الكود #بلآك
  

المصمم الليلي
عضو نشيط


الجنس : ذكر
عدد المساهمات : 192
التقييم : 8
تاريخ التسجيل : 27/02/2016
اوسمتي : :1:0:0

معاينة صفحة البيانات الشخصي للعضو http://arab-ibda3.0wn0.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

- مواضيع مماثلة

إنشاء حساب أو تسجيل الدخول لتستطيع الرد

تحتاج إلى أن يكون عضوا لتستطيع الرد.

انشئ حساب

يمكنك الانضمام لمنتديات تقنيات فعملية التسجيل سهله !


انشاء حساب جديد

تسجيل الدخول

اذا كنت مسجل معنا فيمكنك الدخول بالضغط هنا


تسجيل الدخول

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى