المعلومات | الكاتب: | | اللقب: | Admin | الرتبه: | | الصورة الرمزية | | البيانات | الجنس : | | عدد المساهمات : | 1357 | السٌّمعَة : | 36 | تاريخ التسجيل : | 28/08/2014 | الموقع : | بيت الجزائر لكل العرب |
الإتصالات | الحالة: | | وسائل الإتصال: | |
| موضوع: كود المجلة التلقائية لاحلى منتدى الاصدار الخامس ( حصريا ) الخميس 26 نوفمبر 2015 - 10:00 |
|
كود المجلة التلقائية لاحلى منتدى الاصدار الخامس ( حصريا )كود المجلة التلقائية لاحلى منتدى الاصدار الخامس بشكل جديد ويختلف كليااا عن اكواد المجلات السابقة التي تم عرضها في منتدانااااا وتم تطوير الاكواد الخاصة بالمجلة لتصبح اكثر فاعلية واسهل في التحكم واليكم الاضافات الجديدة والمتميزة في هذا الكود الميزة الاولى : تم تغير كود لقط الصور من داخل الموضوع ليصبح اكثر فاعلية 100% فلكود الجديد يلتقط الصورة الاولى من داخل الموضوع في اي مكان داخل الموضوع حتى لو كانت في اخر الموضوع بعكس الاكواد السابقة التي تستوجب وجود الصورة في الاسطر العشرة الاولى داخل الموضوع الميزة الثانية : تفعيل خاصية وصف الموضوع لتظهر بشكل تلقائي في خانة الوصف في المجلة بعكس الاكواد السابقة التي تضع مقدمة للموضوع فقط
وهناك تميزات كثيرة تختلف عن الاكواد السابقة كظهور صورة اخر رد وترتيب جميل وتنسيق رائع واتمنى ان تنال رضاكم وستحسانك
بسم الله فل نبدا شرح التركيب
((((الخطوة الاولى)))) قبل تركيب القالب يجب تعديل خيارات هامة من لوحة التحكم لوحة التحكم - ادارة عامة - الرسائل و الإيميلات = تشكيل وابحث عن خيار فصل الاعلانات والمواضيع المثبتة عن المواضيع العايدية : لا
ثم اذهب الى اسفل الصفحة وفعل خيار وصف المواضيع السماح بوضع وصف موجز للموضوع : نعم ((((الخطوة الثانية )))) الان نذهب لتركيب القالب لوحة التحكم + مظهر المنتدى + التومبيلات والقوالب + ادارة عامة وابحث عن قالب 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[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') { all_checked = document.{topics_blog_box.FORMNAME}.elements[i].checked; } } document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked = all_checked; } function check_uncheck_all_{topics_blog_box.row.header_table.BOX_ID}() { for (i = 0; i < document.{topics_blog_box.FORMNAME}.length; i++) { if (document.{topics_blog_box.FORMNAME}.elements[i].name == '{topics_blog_box.FIELDNAME}[]{topics_blog_box.row.header_table.BOX_ID}') { document.{topics_blog_box.FORMNAME}.elements[i].checked = document.{topics_blog_box.FORMNAME}.all_mark_{topics_blog_box.row.header_table.BOX_ID}.checked; } } } </script> <!-- END multi_selection -->
<table class="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_blog_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_blog_box.row.header_table.BOX_ID}" value="0" /></th>
<!-- END multi_selection --> </tr> <!-- BEGIN pagination --> <tr>
<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_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>
<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_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:171px; width:302" class="Pages" > <span style="font-size: 0px; line-height: normal" class="avatarcp">{topics_blog_box.row.FIRST_POST_TEXT} <div class="blog_message1" href="{topics_blog_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;"> <h{topics_blog_box.row.U_VIEW_TOPIC}">وصف الموضوع : </h2> <!-- BEGIN switch_description --> <span class="genmed">
<span style="font-family: Arial; font-size: 13px;"><div align="center">{topics_blog_box.row.topic.switch_description.TOPIC_DESCRIPTION} </span>
<!-- END switch_description -->
</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_blog_box.row.VIEWS}</td> <td class="row2 centered">{topics_blog_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_blog_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_blog_box.row.topic.avatar.LAST_POST_AVATAR}</span> <!-- END avatar -->
<span class="postdetails"><div align="right"><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}</span> <!-- 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 -->
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_blog_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' : '.blog_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(){$('.blog_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=" "/></a>');$(this).load(url+' div.postbody img:eq(0)')})});</script>
<style>.blog_message1 {overflow: hidden;margin-top: -5px;width: 302px;height: 171px;padding: 3px;border: 1px solid #CFCDCE;font-size: 0px;font-family: none;}.blog_message1 img {width: 302px;height: 171px;}.pun tbody.statused td.tcl {padding-left: 0;}.codebox {display: none;}.postmain blockquote,blockquote{display: none;}.blog_message1 {float: left;}.blog_tintuc li:nth-of-type(1) .blog_message1 {margin: 0px;width: 320px;height: 212px;border: 1px solid #626263;}.blog_tintuc li:nth-of-type(1) .blog_message1 img {padding: 0px;width: 320px;height: 212px;}.blog_tintuc li {background-color: white;} .blog_tintuc li:nth-of-type(3) .blog_message1, .blog_tintuc li:nth-of-type(2) .blog_message1 {width: 190px;height: 90px;float: left;margin: 0px;border: 1px solid #B0B0B0;}.blog_tintuc li:nth-of-type(3) .blog_message1 img , .blog_tintuc li:nth-of-type(2) .blog_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> (((( طريقة اضافة صورة وكتابة الوصف للموضوع )))) كود عرض الصورة سيلتقط الصورة الاولى من داخل الموضوع ويعرضها غلاف بشكل تلقائي لهذا يجب ان يحتوي موضوعك على صورة والصورة التي تريدها ان تكون غلاف يجب ان تكون الصورة الاولى في الموضوع ومثال لو كان موضوعك يحتوي على خمس صور فالكود سيضع الصورة الاولى غلاف لموضوعك بشكل تلقائي اما طريقة كتابة وصف الموضوع فكتب وصف موضوعك في مربع الوصف في صفحة انشاء موضوع جديد كما في الصورة في الاسفل
((((اسئلة شائعة بعد تركيب المجلة)))) س / يوجد خانات فارغة في اسفل المجلة ج / هذا بسبب عدد المواضيع في منتداك اذهب الى لوحة التحكم - ادارة عامة - الرسائل و الإيميلات = تشكيل وزود او انقص عدد المواضيع رقم او رقمين حسب الخانات الفارغة لديك
وجميع حقوق النشر محفوظة لمصمم الكود مسرووور ولا نسمح بنقلة او نسخة لمنتدى اخر ابداااااااااااااااااااا الا بعد اذن من هنا أو من صاحب الكود
|
|