اكبر واقدم منتدى للعبة مغامرات الشرق Metin2 بجميع انواعها , أقوى الهاكات والخدمات والسيرفرات وبرمجة metin2 وأفضل الشروحات للعبة وحلول لجميع المشاكل , ونهتم بكروس فاير وكل ما يلزمها
 
الرئيسيةالرئيسية  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  
عاجل : تم تفريغ قسم هاكات مايتن 2 بسبب جميع الهاكات التي بالقسم انتهت صلاحيتها وسوف يتم قريباً طرح هاكات جديده لعشاق مايتن2

اخر 10 مشاركات

منتديات منظمة الصحراء


 

 كود يعمل على تحويل اقسام المنتدى الى مجلة روعة

اذهب الى الأسفل 
2 مشترك
كاتب الموضوعرسالة
des-org
صاحب الموقع
صاحب الموقع
des-org


الجنس : انثى
مشآرڪآتي: : 1939
نقآطيّ ›› *: : 4397
عدد التقييم : 21
تاريخ التسجيل : 23/10/2012
العمر : 27
المزاج : رايقه

كود يعمل على تحويل اقسام المنتدى الى مجلة روعة Empty
مُساهمةموضوع: كود يعمل على تحويل اقسام المنتدى الى مجلة روعة   كود يعمل على تحويل اقسام المنتدى الى مجلة روعة I_icon_minitimeالثلاثاء أغسطس 25, 2015 12:33 am

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





وهذه صورة للكود المدهش الذى يحول اقسام المنتدى لمجلة احترافية




كود يعمل على تحويل اقسام المنتدى الى مجلة روعة 2015-010

الان بعد مشاهدتك للكود سوف اقوم بشرح طريقة تركيب الكود فى منتداك




توجة الى لوحة الادارة - مظهر المنتدى - التومبيلات والقوالب - ادارة عامة - قالب 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 .name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') {
 all_checked = document.{topics_blog_box.FORMNAME}.elements .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 .name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') {
 document.{topics_blog_box.FORMNAME}.elements&nbsp;.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">






 <!-- BEGIN multi_selection -->

<th align="center" nowrap="nowrap" width="560"><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 -->
  <!-- بداية اطار علوي -->
 <!-- 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_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th>


 <!-- END multi_selection -->
 </tr>
 <!-- BEGIN pagination -->
 
 <!-- END pagination -->
 <!-- END header_table --><!-- BEGIN header_row -->
 <tr>
 <td class="row3" colspan="{topics_blog_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_blog_box.row.L_TITLE}</b></span></td>
 </tr>
<!-- END header_row -->

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

 <span class="cattitle">
<td class="" class="{topics_blog_box.row.ROW_CLASS}" width="99%" Valign="top" style="padding-left:10px">
<div style="height:86px; width:100%" class="{topics_blog_box.row.ROW_CLASS}" ><span style="font-size: 12px" >
<b><span class="ca3vt">
 
                  <div class="cover_top_b">
                    <div class="cover_top_l">
                      <div class="cover_top_r">
{topics_blog_box.row.ICON}{topics_blog_box.row.NEWEST_POST_IMG}{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}&<div class="postdetails"></strong></span>

                      </div>
                    </div>
                  </div>
    <a href="{topics_blog_box.row.U_VIEW_TOPIC}"><div style="height:165px; width:302" class="Pages" >
<span style="font-size: 0px; line-height: normal" class="avatarcp">{topics_blog_box.row.FIRST_POST_TEXT}<img src="http://im38.gulfup.com/hClav.jpg">
</span></div><div style="padding: 0 0 10px 0;"></div>&
        <td class="row7 centered">
<div dir="rtl" style="color: rgb(51, 51, 51); text-decoration: none; padding: 0pt; overflow: scroll; font-weight: bold; font-size: 10pt; background-image: none; background-attachment: scroll; background-color: rgb(300, 300, 300); margin: 0pt; width: 302px; font-family: tahoma; height: 60px; text-align: center; background-position: 0% 0%; background-repeat: repeat repeat;">
  <span style="font-size: 11px" >
<b><span class="row2 centered">كاتب الموضوع : <span class="name"><strong>{topics_blog_box.row.TOPIC_AUTHOR}</strong></span>
</span></br>
     <span class="ca3vt">مقدمة الموضوع :<span class="ca3vt"><span class="postdetails">{topics_blog_box.row.FIRST_POST_TEXT}</span>
<td class="row1 centered">{topics_blog_box.row.VIEWS}</td>
    <td class="row2 centered">{topics_blog_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_blog_box.row.LAST_POST_TIME}<br />من طرف<br />{topics_blog_box.row.LAST_POST_AUTHOR} {topics_blog_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_blog_box.row.BOX_ID}();" type="checkbox" name="{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.BOX_ID}" value="{topics_blog_box.row.FID}" {topics_blog_box.row.L_SELECT} /></span></td>
<!-- END multi_selection -->

<!-- END topic --><!-- BEGIN no_topics -->
<tr>
<td class="row1" colspan="{topics_blog_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="smallfont">{topics_blog_box.row.L_NO_TOPICS}</span></td>
</tr>
  
 
<!-- END no_topics --><!-- BEGIN bottom -->




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

   <!-- بداية اطار سفلي -->
 </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>

بعدها توجه الى قالب 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>


واضغط سجل وانشر التعديل والف مبروك عليك المجله
مع تحيات ادارة / منتديات منظمة الصحراء

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://grupmalak.com/
chiachip
عضو جديد
عضو جديد
chiachip


مشآرڪآتي: : 21
نقآطيّ ›› *: : 31
عدد التقييم : 0
تاريخ التسجيل : 24/08/2015
العمر : 39

كود يعمل على تحويل اقسام المنتدى الى مجلة روعة Empty
مُساهمةموضوع: رد: كود يعمل على تحويل اقسام المنتدى الى مجلة روعة   كود يعمل على تحويل اقسام المنتدى الى مجلة روعة I_icon_minitimeالثلاثاء أغسطس 25, 2015 3:14 pm

هذا القالب لا يوجد تحقق منه

توجة الى لوحة الادارة - مظهر المنتدى - التومبيلات والقوالب - ادارة عامة - قالب topics_blog_box
اضغط عليه تعديل وقم بحذف القالب بالكامل وتركيب هذا القالب
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود يعمل على تحويل اقسام المنتدى الى مجلة روعة
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كود جافا لاخفاء او اظهار اقسام المنتدى بشكل احترافى لاحلى منتدى
» كود css روعة للهيدر اعلى المنتدى ايكونات الدخول حصريا بشكل متحرك
» مطلوب تحويل صيغة ملف
» هاك m2k-mod يعمل بتاريخ 29/8/2014
» تحميل برنامج تحويل الصور الى كرتون

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات منظمة الصحراء :: تطوير المنتديات وحمايتها :: تَطْوِيرُ مُنْتَديَاتِ احلى مُنْتَدَى-
انتقل الى: