المعلومات | الكاتب: | | اللقب: | Admin | الرتبه: | | الصورة الرمزية | | البيانات | الجنس : | | عدد المساهمات : | 1357 | السٌّمعَة : | 36 | تاريخ التسجيل : | 28/08/2014 | الموقع : | بيت الجزائر لكل العرب |
الإتصالات | الحالة: | | وسائل الإتصال: | |
| موضوع: كود المجلة الثلقائية لاحلى منتدى الاصدار السادس (حصري) والنخصص للعمل في قالب topics_list_box الأربعاء 25 نوفمبر 2015 - 12:31 |
|
كود المجلة الثلقائية لاحلى منتدى الاصدار السادس (حصري) والنخصص للعمل في قالب topics_list_boxاقدم لكم كود المجلة التلقائية لاحلى منتدى الاصدار السادس وهذا هوه الاصدار الاول الذي تم تصميمة ليعمل على قالب topics_list_box الخاص بعرض المنتديات بختلاف جميع الاكود السابقة التي تعمل على قالب topics_blog_box الخاصة بعرض المدونات في المنتدى ويحمل هذا الكود نفس مواصفات الاصدار الخامس واتمناا ان ينال رضاكم الميزة الاولى : تم تغير كود لقط الصور من داخل الموضوع ليصبح اكثر فاعلية 100% فلكود الجديد يلتقط الصورة الاولى من داخل الموضوع في اي مكان داخل الموضوع حتى لو كانت في اخر الموضوع بعكس الاكواد السابقة التي تستوجب وجود الصورة في الاسطر العشرة الاولى داخل الموضوع الميزة الثانية : تفعيل خاصية وصف الموضوع لتظهر بشكل تلقائي في خانة الوصف في المجلة بعكس الاكواد السابقة التي تضع مقدمة للموضوع فقط
وهناك تميزات كثيرة تختلف عن الاكواد السابقة كظهور صورة اخر رد وترتيب جميل وتنسيق رائع واتمنى ان تنال رضاكم وستحسانك
بسم الله فل نبدا شرح التركيب
((((الخطوة الاولى)))) قبل تركيب القالب يجب تعديل خيارات هامة من لوحة التحكم لوحة التحكم - ادارة عامة - الرسائل و الإيميلات = تشكيل وابحث عن خيار فصل الاعلانات والمواضيع المثبتة عن المواضيع العايدية : لا
ثم اذهب الى اسفل الصفحة وفعل خيار وصف المواضيع السماح بوضع وصف موجز للموضوع : نعم ((((الخطوة الثانية )))) الان نذهب لتركيب القالب لوحة التحكم + مظهر المنتدى + التومبيلات والقوالب + ادارة عامة وابحث عن قالب 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[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') { all_checked = document.{topics_list_box.FORMNAME}.elements[i].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[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') { document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked; } } } </script> <!-- END multi_selection -->
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center"> <th colspan="0" align="center" nowrap="nowrap" width="100%" class="smallfont2">مواضيع المجـلة</th>
<!-- 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 --> <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">
<div id="wrapper_bg">
<!-- 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>
<td class="" class="" width="99%" Valign="top" style="padding-left:11px"> <div style="height:86px; width:100%" class="" ><span style="font-size: 14px" > <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:171px; width:302" class="Pages" > <span style="font-size: 0px; line-height: normal" class="avatarcp">{topics_list_box.row.FIRST_POST_TEXT} <div class="list_message1" href="{topics_list_box.row.U_VIEW_TOPIC}" ></div> </span></div><div style="padding: 0 0 10px 0;"></div><td class="row6 centered"><div><div> <span style="color: rgb(0, 0, 0);"><span style="font-family: Arial; font-size: 21px;"><div align="right"><FONT color="#ffffff">تصميم منتديات مسرووور</div></span> <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: 70px; text-align: center; background-position: 0% 0%; background-repeat: repeat repeat;"> <span"{topics_list_box.row.U_VIEW_TOPIC}">وصف الموضوع : {topics_list_box.row.TOPIC_TYPE} <!-- BEGIN switch_description -->
<span style="font-family: Arial; font-size: 13px;"><div align="center">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION} </span>
<!-- END switch_description -->
<span style="font-family: Arial; font-size: 13px;"><div align="center"> <div class="AVATAR"><FONT color="#000000"> {topics_blog_box.row.TOPIC_TITLE}{topics_blog_box.row.FIRST_POST_TEXT}</div> <a href="{topics_list_box.row.U_VIEW_TOPIC}"> قراءة كامله</a> </span></div><div style="padding: 0 0 10px 0;"></div><td class="row9 centered"><div><div> <span style="color: rgb(0, 0, 0);"><span style="font-family: Arial; font-size: 21px;"><div align="right"><FONT color="#ffffff">تصميم منتديات مسرووور</div></span> <td class="row1 centered">{topics_list_box.row.VIEWS}</td> <td class="row2 centered">{topics_list_box.row.REPLIES}</td> <td class="row8 centered"> <span class="postdetails"> <span style="font-size: 9px" ><FONT color="#000000"> بواسطة: <span style="font-size: 9px" >{topics_list_box.row.TOPIC_AUTHOR} <td class="alt2" onmouseover='this.className="row1"' onmouseout='this.className="alt2"' align="center" valign="middle" nowrap="nowrap"><span class="smallfont"><div id="lastpost" class="gensmall"> <!-- BEGIN avatar --> <div style="width: 200px;"></div> <span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span> <!-- END avatar -->
<span class="postdetails"><div align="right"><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}</span> <!-- 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 -->
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->
<table class="alt1" width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <td class="alt1" align="right"><div style="text-align: center;"><span style="font-size: 16px;">{PAGINATION}</span></div></td>
<td class="alt1" title="showthread.php?t=3"><a name="PageNav"></a></td> </tr> <!-- BEGIN switch_image_resize --> <script type="text/javascript"> http://<![CDATA[ $(resize_images({ 'selector' : '.list_message', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} })); http://]]> </script> <!-- END switch_image_resize --> </table> <script> /*Writen by Tu?n Anh in codeforumotion.forumvi.com*/ $(document).on('ready',function(){$('.list_message1').each(function(){var url=$(this).attr('href');$(this).prepend('<a onclick="openWin(this.href.replace(\'#\', \'?showpost=\'), 1000, 500);return false" href="'+url+'"><img src="http://i19.servimg.com/u/f19/15/40/41/93/xxxxx10.png"/></a>');$(this).load(url+' div.postbody img:eq(0)')})});</script>
<style>.list_message1 {overflow: hidden;margin-top: -5px;width: 302px;height: 171px;padding: 3px;border: 1px solid #CFCDCE;font-size: 0px;font-family: none;}.list_message1 img {width: 302px;height: 171px;}.pun tbody.statused td.tcl {padding-left: 0;}.codebox {display: none;}.postmain blockquote,blockquote{display: none;}.list_message1 {float: left;}.list_tintuc li:nth-of-type(1) .list_message1 {margin: 0px;width: 320px;height: 212px;border: 1px solid #626263;}.list_tintuc li:nth-of-type(1) .list_message1 img {padding: 0px;width: 320px;height: 212px;}.list_tintuc li {background-color: white;} .list_tintuc li:nth-of-type(3) .list_message1, .list_tintuc li:nth-of-type(2) .list_message1 {width: 190px;height: 90px;float: left;margin: 0px;border: 1px solid #B0B0B0;}.list_tintuc li:nth-of-type(3) .list_message1 img , .list_tintuc li:nth-of-type(2) .list_message1 img {width: 190px;height: 90px;padding: 0px;}</style>
<style>.vib-item{width:100%}.itembg{background:#9d8ac7}.tp{color:#fff}.pun .itembg div a{color:#fff}div.tcl{float:left;width:200px}.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: 200px;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: 0px;opacity: 0;color: #fff;font-size: 0px;}.w-qtam{background: rgba(255,255,255,.33);border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1} .msr_top_b {
}
.msr_top_r { color: #FFF; font-weight: bold; padding: 3px 3px 3px 3px; } .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; }
#c11 tbody { margin-left: -4px; display: block; }
#lastpost{
display:block; background-image : url(http://i11.servimg.com/u/f11/15/40/41/93/212.png); border: 1px solid #A69EA0; -moz-border-radius: 10px; border-radius: 10px; padding: 4px; height: 40px;
} 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: #fff;border:1px solid #DDD;height: 345px;position: relative;
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://i33.servimg.com/u/f33/17/83/79/07/gradie15.gif"); !important;top: 208px;font-weight: bold; position: absolute;width: 130px;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: 0px; width: 94%;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: 5px 0;width: 40px;height: 40px;border-radius: 20px; 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.row8.centered, table.index-box tbody tr td.row8.centered { padding: ;line-height: ;color: #fff;background: #ffffff !important;top: 335px;font-weight: bold; position: absolute;width: 302px;height: auto;text-align: left; } table.index-box tbody tr td.row6.centered, table.index-box tbody tr td.row6.centered { padding: ;line-height: ;color: #fff;background: #ffffff !important;top: 208px;font-weight: bold; position: absolute;width: 302px;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: #ffffff !important;top: 282px;font-weight: bold; position: absolute;width: 286px;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: #ffffff !important;top: 231px;font-weight: bold; position: absolute;width: 302px;height: auto;text-align: left; }
span.avatarcp img{ width:302px;height:171px; 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:171px; padding: 0px; border: 0px solid #b4d0f3; overflow: hidden; background-color:#fff; float:left; overflow:auto} .hinh img{ display:none } .avatarcp { width:302px;height:171px; font :none float:left; overflow:auto} div.phutu_html{ display:none; float:left; overflow:auto} .Pages{ width:302px;height:171px; padding: 0px; border: 0px solid #b4d0f3; overflow: hidden; background-color:#fff } .AVATAR img { height: 90px; width: 110px; border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 0 4px #000000 inset, 0 2px 1px rgba(255, 255, 255, 0.5) inset, 0 -9px 2px rgba(0, 0, 0, 0.6) inset, 0 -12px 2px rgba(255, 255, 255, 0.3) inset; -moz-box-shadow: 0 0 4px #000000 inset, 0 2px 1px rgba(255, 255, 255, 0.5) inset, 0 -9px 2px rgba(0, 0, 0, 0.6) inset, 0 -12px 2px rgba(255, 255, 255, 0.3) inset; box-shadow: 0 0 4px #000000 inset, 0 2px 1px rgba(255, 255, 255, 0.5) inset, 0 -9px 2px rgba(0, 0, 0, 0.6) inset, 0 -12px 2px rgba(255, 255, 255, 0.3) inset; background: url('aston.jpg') no-repeat center; }
/* 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; }
#wrapper_bg{background:# url() repeat-x 0px -20px;width: 968px;margin: 0 auto;border-right: solid #004064;}
</style> ملاحظة هامة اذا كنت معدل على قالب viewforum_body الخاص بعرض المنتديات فهذا قد يتسبب في تغير في ترتيب المجلة اويتعارض معها والحل هو بحذف قالب viewforum_body وتركيب قالب الاصلي لحلى منتدى تم الشـــــــــــــــــــــرح وجميع حقوق النشر محفوظة لمصمم الكود مسرووور ولا نسمح بنقلة او نسخة لمنتدى اخر ابداااااااااااااااااااا والله يشهد عليكم |
|