منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.

انشاء منتدى مجاني شبيه بهذا المنتدى
أحلى الشبكات الإجتماعية

انشاء منتدى مجاني



 انشاء منتدى مجاني

أقسام الدعم

دعم الخدمات العامة:
مشاكل كلمة السر
مشاكل فتح المنتدى
مشاكل لوحة الإدارة
مشاكل تنسيق المظهر
المشاكل الأخرى

----------------------

دعم الخدمات التكميلية :
مشاكل النطاقات
مشاكل التومبلايت

----------------------

مراسلة الإدارة :

طلب كلمة السر
إرسال أكواد أو شروحات
أتصل بنا
كيفية طلب كلمة سر جديدة
> طريقة طلب كلمة سر

تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
المواضيع الأخيرة
أفضل الأعضاء الموسومين
@الزعيم
 
@@
 
@stones
 
@Mohamed Nsr
 
@JAR7
 

عمل منتدى

للخبراء فقط جوجل نيوز

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

للخبراء فقط جوجل نيوز

مُساهمة من طرف Power Lord animus في الإثنين 7 نوفمبر 2016 - 22:51

السلام عليكم 

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

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

Power Lord animus
 
 

ذكر
عدد المساهمات : 386
معدل النشاط : 1770

http://www.house-kora.org/

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

رد: للخبراء فقط جوجل نيوز

مُساهمة من طرف ahd allah في الثلاثاء 8 نوفمبر 2016 - 0:01

@Power Lord animus كتب:السلام عليكم 

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

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

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

ahd allah
أحلى مساعدة
أحلى  مساعدة

ذكر
عدد المساهمات : 1747
معدل النشاط : 3490

http://madany.moontada.net

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

رد: للخبراء فقط جوجل نيوز

مُساهمة من طرف JAR7 في الثلاثاء 8 نوفمبر 2016 - 15:59

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

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





الان مع الكود وطريقة التركيب
توجة الى لوحة الادارة - مظهر المنتدى - التومبيلات والقوالب - ادارة عامة - قالب 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>

JAR7
أحلى مساعدة
أحلى  مساعدة

انثى
عدد المساهمات : 2584
معدل النشاط : 4008

http://www.t3qnyiat.com/

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

رد: للخبراء فقط جوجل نيوز

مُساهمة من طرف Power Lord animus في الثلاثاء 8 نوفمبر 2016 - 20:23

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

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





الان مع الكود وطريقة التركيب
توجة الى لوحة الادارة - مظهر المنتدى - التومبيلات والقوالب - ادارة عامة - قالب 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>
نعم يا اختى انا بالفعل استخدام هذا الكود لكن المشكلة فى الصفحة الرئيسية يا اختى اريد المجلة تكون فى قالب index_box

Power Lord animus
 
 

ذكر
عدد المساهمات : 386
معدل النشاط : 1770

http://www.house-kora.org/

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

رد: للخبراء فقط جوجل نيوز

مُساهمة من طرف {عذآب} في الأربعاء 9 نوفمبر 2016 - 23:26

@Power Lord animus كتب:
@JAR7 كتب:اهلا وسهلا بك
يمكنك من تحويل الاقسام الى مدونات
من خلال لوحة الادارة . ادارة عامة . منتدى . المنتديات والفئات .
واختار القسم الذي تريدة وحوله من منتدى الى مدونة
وهنا يوجد كود يقوم بتحويل الاقسام الى مجله تلقائية
@عبقرينو كتب:بسم الله الرحمن الرحيم
تحية طيبة لكل اعضاء وزوار من اليوم بقدم طريقة تحويل كل اقسام موقعك الى مجلة تلقائية رائعه جدا

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





الان مع الكود وطريقة التركيب
توجة الى لوحة الادارة - مظهر المنتدى - التومبيلات والقوالب - ادارة عامة - قالب 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>
نعم يا اختى انا بالفعل استخدام هذا الكود لكن المشكلة فى الصفحة الرئيسية يا اختى  اريد المجلة تكون فى قالب index_box
يمكنك التوجه لمنتديات مختصة في تنفيذ طلبات القوالب والتومبيلات Cool

{عذآب}
أحلى مساعدة
أحلى  مساعدة

ذكر
عدد المساهمات : 3073
معدل النشاط : 6238

http://www.quran-jed.net/index.php/component/muscol/Z/97-/85-/14

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

رد: للخبراء فقط جوجل نيوز

مُساهمة من طرف JAR7 في الخميس 10 نوفمبر 2016 - 5:36

اهلا اخي العزيز .. كل شئ متواجد عند جروحة ^_^ تفضل الشرح كامل ^_^
للنسخة 2 :/ ويارب تكون نفس نسختك

قالب index_box تحويل الفئات لثلاث اقسام مربعه
قالب صندوق الفئات  
الشكل الأول

الشكل الثاني


وسيتم بأذن الله انزال بقية الاشكال من صندوق الفئات  

معلومآت آلگود :
 
آلنسخة : phpbb2
 
آلنوع : تومبيلات
 
طريقهّ آلترّگيّپ :


لوحة الادارة - مظهر المنتدى - التومبيلات القوالب





نعدل على
قالب index_box

نقوم بحذف جميع محتويات القالب ونستبدله بهذا الكود
نختار احد هذا الشكلين
هذا قالب الشكل الأول

الرمز:

<!-- www.haya-m.net --><!-- BEGIN catrow --><!-- BEGIN forumrow -->


<div class="Hbox"><div class="Hstyle"></div>


 <div class="Hbox1" align="center">


 <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />


 <h{catrow.forumrow.LEVEL} class="hierarchy">


 <span class="forumlink">


 <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />


 </span>


 </h{catrow.forumrow.LEVEL}>      


           </div>





                     <div class="Hbox2"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span>


 <span class="gensmall">


 <!-- BEGIN switch_moderators_links -->


 {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}


 <!-- END switch_moderators_links -->


 {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}


 </span></div>


                        <div class="Hbox3">


                  <span class="gensmall">{catrow.forumrow.LAST_POST}</span>


                          </div>      


            


                     <div class="Hbox4"><center><strong>المواضيع</strong> {catrow.forumrow.TOPICS} | <strong>المشاركات</strong> {catrow.forumrow.POSTS} </center></div>


                    


                     </div>


 <!-- END forumrow -->


 <!-- BEGIN tablefoot -->


<!-- END tablefoot --><!-- END catrow --><!-- www.haya-m.net -->


الشكل الثاني

الرمز:

<!-- www.haya-m.net --><!-- BEGIN catrow --><!-- BEGIN forumrow -->


<div class="Hbox"><div class="Hstyle"><img src="http://illiweb.com/fa/subsilver/empty.gif" alt="{catrow.forumrow.U_VIEWFORUM}" /></div>


 <div class="Hbox1" align="center">


         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />


      <h{catrow.forumrow.LEVEL} class="hierarchy">


         <span class="forumlink">


               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />


            </span>


         </h{catrow.forumrow.LEVEL}>          


           </div>





                     <div class="Hbox2"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span>


         <span class="gensmall">


            <!-- BEGIN switch_moderators_links -->


            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}


            <!-- END switch_moderators_links -->


            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}


         </span></div>


                        <div class="Hbox3">&nbsp;


                  <span class="gensmall">{catrow.forumrow.LAST_POST}</span>


                          </div>      


            


                     <div class="Hbox4"><center><strong>المواضيع</strong> {catrow.forumrow.TOPICS} | <strong>المشاركات</strong> {catrow.forumrow.POSTS} </center></div>


                    


                     </div>


   <!-- END forumrow -->


   <!-- BEGIN tablefoot -->  


<!-- END tablefoot --><!-- END catrow --><!-- www.haya-m.net -->



ثم نسجل

ومن لوحة الادارة - عناصر اظافية

ننزل للأسفل  



نتأكد من تفعيل الجافاسكربت  







مهم جدا وضع علامة صح على الصفحة الرئيسية والمنتديات الثانوية



ونضيف الكود


الرمز:


var copyright ="www.haya-m.net - haya @ Rights Reserved";


// Avatar in index by mastersly phpbb2


    $(document).on('ready', function() {


        $(' .Hbox  .Hbox3').prepend('<div class="avatar-index"><div>');


        $(' .Hbox  .Hbox3  .avatar-index ').each(function () {


            var profileUser = $(this).parent().children('span').children('span').children('strong').children('a').attr('href');


            $(this).html('<a href="' + profileUser + '" class="avatar-index-enlace"><img src="http://cdn1.iconfinder.com/data/icons/basicset/user_64.png" alt="No Avatar" /></a>');


            $(this).children('a').load(profileUser + ' .forumline .row1.gensmall[align="center"]:eq(0) img:eq(0)');


        });


    });


document.writeln("<style>.avatar-index { float: right; }.avatar-index img { width: 40px; height: 40px; padding: 1px; border: 1px solid #DDD; margin: 0 1px; }</style><script type='text/javascript' src='http://js.haya-m.net/box.js'></script>");


والآن نذهب إلى



ننزل للأسفل







ونظيف الكود التالي

قالب css لشكل الأول

الرمز:

/*----- www.haya-m.net تنسيق الفئات  ---*/





.Hbox{width:250px; height:340px; border:0px ; margin:5px;padding:0px; }


.Hstyle{


  background-image:url(http://i19.servimg.com/u/f19/18/46/95/67/911.png);


 width:250px;


 height:180px;}


a.forumtitley{color:#FFF;padding:4px;margin-bottom:0;font-family:arial;


       font-size:16px;


       font-weight:bold;}


.Hbox1{background:#FFFFFF;color:#FFF;padding:4px;margin-bottom:0; }


.Hbox2{ background-image:url(http://i19.servimg.com/u/f19/18/46/95/67/1010.gif); }


.Hbox3{ background-image:url(http://i19.servimg.com/u/f19/18/46/95/67/1010.gif); }


.Hbox4{  background-image:url(http://i19.servimg.com/u/f19/18/46/95/67/1110.gif);


  color:#000000;padding:4px;margin-bottom:0 }


قالب css لشكل الثاني

الرمز:

/*----- www.haya-m.net تنسيق الفئات  ---*/





.Hbox{width:250px; height:340px; border:0px ; margin:5px;padding:0px; }


a.forumtitley{color:#FFF;padding:4px;margin-bottom:0;font-family:arial;


       font-size:16px;


       font-weight:bold;}


.Hbox1{background:#FFFFFF;color:#FFF;padding:4px;margin-bottom:0; }


.Hbox2{ background-image:url(http://i19.servimg.com/u/f19/18/46/95/67/1010.gif); }


.Hbox3{ background-image:url(http://i19.servimg.com/u/f19/18/46/95/67/1010.gif); }


.Hbox4{  background-image:url(http://i19.servimg.com/u/f19/18/46/95/67/1110.gif);


  color:#000000;padding:4px;margin-bottom:0 }








.Hstyle img[alt^="/f1"]{


  background-image:url(http://i19.servimg.com/u/f19/18/46/95/67/99000010.png);


   width:250px;


   height:180px;}





.Hstyle img[alt^="/f2"]{


  background-image:url(http://i19.servimg.com/u/f19/18/46/95/67/untitl10.png);


   width:250px;


   height:180px;}





.Hstyle img[alt^="/f3"]{


  background-image:url(http://i19.servimg.com/u/f19/18/46/95/67/untitl11.png);


   width:250px;


   height:180px;}


JAR7
أحلى مساعدة
أحلى  مساعدة

انثى
عدد المساهمات : 2584
معدل النشاط : 4008

http://www.t3qnyiat.com/

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

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


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