أرسلت بتاريخ : 24\11\2015 | المشاركة رقم: |
| الجنس : | التقيم : 1020 | المشاركات : 12355 | |
| |
| | المجلة التلقائية لاحلى منتدى الاصدار السابع (حصري)
تحية طيبة لكم ايها الاحبة اعضاء وزوار منتديات مسرووور اقدم لكم كود المجلة التلقائية لاحلى منتدى الاصدار السابع بشكل جديد ويختلف كليااا عن الاكواد السابقة لي ويحتوي على تميزات كثيرة تختلف عن الاكواد السابقة ومن اجمل المجلات التي صممت واتمنااا ان تنال رضاكم وستحسانكم ويعمل هذا الكود على قالب المدونة topics_blog_box
مواصفت الكود 1- يلتقط الصورة الاولى من داخل كل موضوع ويضعها غلاف للمجلة وفي حال لاتوجد صورة في الموضوع يضع صورة بديلة ترمز للمنتدى 2- تفعيل وصف الموضوع في المجلة عن طريق تفعيل خيار وصف الموضوع من لوحة التحكم في منتداك وفي حالة عدم كتابة وصف يضع بشكل تلقائي مقدمة من الموضوع في خانة الوصف
الكود يعمل على النسخة الثانية فقط
بسم الله فل نبدا شرح التركيب ((((الخطوة الاولى)))) قبل تركيب القالب يجب تعديل خيارات هامة من لوحة التحكم لوحة التحكم - ادارة عامة - الرسائل و الإيميلات = تشكيل وابحث عن خيار فصل الاعلانات والمواضيع المثبتة عن المواضيع العايدية :لا
ثم اذهب الى اسفل الصفحة وفعل خيار وصف المواضيع السماح بوضع وصف موجز للموضوع :نعم
((((الخطوة الثانية )))) الان نذهب لتركيب القالب لوحة التحكم + مظهر المنتدى + التومبيلات والقوالب + ادارة عامة وابحث عن قالب topics_blog_box واحذفة وضع القالب الجديد مكانة
- لمشاهدة الكود أضغط هنا:
- الكود:
-
<!-- BEGIN topics_blog_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<!-- END multi_selection -->
<!-- BEGIN multi_selection -->
<!-- END multi_selection -->
<!-- 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="msrooorpper_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>
<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"> <td class="row33 centered">
<div class="cover_top_ms">
<span class="postdetails"> <span style="font-size: 11px" ><FONT color="#ffffff">{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}</a><div class="postdetails"></strong></span> </div></div></div> </div> </div> </div> <td class="row9 centered">
<div class="flatred-box-img">
<div class="flatred-box-img"><div class="MAVATAR"><div class="blog_message1" style="font-size: 0px" href="{topics_blog_box.row.U_VIEW_TOPIC}" > <div style="height:163px; width:213" style="font-size: 0px" class="{topics_blog_box.row.FIRST_POST_TEXT}" ></span></div> </span></div><div style="padding: 0 0 10px 0;"></div> </div> <!-- BEGIN multi_selection -->
<!-- END multi_selection --> </div> <td class="row7 centered">
<span style="font-size: 9px" ><FONT color="#000000"><div align="center"><div class="WEVATAR"><img src="https://indianaintern.net/images/impact_awards/play-button.png"></img></div> </div> </div> <div class="cal right"> <span style="font-size: 9px" ><FONT color="#000000">{topics_blog_box.row.ICON} <div class="cal right"> </div></span> <td class="row8 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: 100%px; font-family: tahoma; height: 70px; text-align: center; background-position: 0% 0%; background-repeat: repeat repeat;"> <span"{topics_blog_box.row.U_VIEW_TOPIC}">وصف الموضوع : {topics_blog_box.row.TOPIC_TYPE} <!-- BEGIN switch_description -->
<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 style="font-family: Arial; font-size: 13px;"><div align="center"> <div class="AVATAR"><FONT color="#000000">{topics_blog_box.row.TOPIC_TITLE}<span style="font-family: Arial; font-size: 13px;"{topics_blog_box.row.FIRST_POST_TEXT}</span> <br /> <a href="{topics_blog_box.row.U_VIEW_TOPIC}"> قراءة كامله</a> <td class="row5 centered">
<span class="postdetails"> <span style="font-size: 9px" ><FONT color="#ffffff"><div align="center"> {L_COMMENTS}: {topics_blog_box.row.REPLIES} - <span class="postdetails"> <span style="font-size: 9px" ><FONT color="#ffffff"> {L_VIEWS}: {topics_blog_box.row.VIEWS} <td class="row4 centered"> <div class="e-qtam">
<span style="font-size: 9px" ><FONT color="#000000"><div align="right">{topics_blog_box.row.L_BY} <strong>{topics_blog_box.row.TOPIC_AUTHOR}</strong> <div class="cal right"> - <span style="font-size: 9px" ><FONT color="#000000"> ({topics_blog_box.row.FIRST_POST_DMY_VALUE2}/ {topics_blog_box.row.FIRST_POST_DMY_VALUE1}/ {topics_blog_box.row.FIRST_POST_DMY_VALUE0}) -
<div class="cal right"> - </div></span> <td class="row1 centered"> <!-- 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_message1', '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+'"></a> ');$(this).load(url+' div.postbody img:eq(0)')})});</script>
<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: url #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}
/* 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_m { color: #FFF; font-weight: bold; text-align: center;
padding: 1px 10px 10px 10px; text-shadow:1px 1px 0 #005483; } .cover_top_m td, .cover_top_m a:link, .cover_top_m a:visited, .cover_top_m a:visited, .cover_top_m a:hover, .cover_top_m 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_m { color: #FFF; font-weight: bold; background: url() no-repeat right top; height: 10px; } /* End - cover_top_b - Alrakami.Com - EbN.FaLaSteN */ 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: 5px;opacity: 0;color: #fff;font-size: 14px;}.w-qtam{background-image: url(""); !important;border-radius:4px;overflow:hidden}.flatred-box:hover .quantam{opacity:1}
table.index-box tbody tr:nth-child(4n+4) {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: 223px; width: 310px; margin-right: 3px; } #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: 223px;float: left;margin-right: 1px;margin-top: 15px;border-radius: 2px; background:url(http://i21.servimg.com/u/f21/19/34/83/47/10.png) no-repeat;border:1px solid #DDD;height: 350px;position: relative; padding: 5px; border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
} .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;}
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.row9.centered, table.index-box tbody tr td.row9.centered { padding: ;line-height: ;color: #fff;background:#fff url(http://i68.servimg.com/u/f68/15/40/41/93/d10.gif) !important;top: 39px;font-weight: bold; position: absolute;width: 213px; height: 163px; auto;text-align: left; border: 5px solid #ffffff; overflow: hidden;
}
table.index-box tbody tr td.row5.centered, table.index-box tbody tr td.row5.centered { padding: ;line-height: ;color: #fff;background: # !important;top: 325px;font-weight: bold; position: absolute;width: 223px;height: auto;text-align: left; } table.index-box tbody tr td.row4.centered, table.index-box tbody tr td.row4.centered { padding: ;line-height: ;color: #fff;background: # !important;top: 345px;font-weight: bold; position: absolute;width: 223px;height: auto;text-align: left; } table.index-box tbody tr td.row8.centered, table.index-box tbody tr td.row8.centered { padding: ;line-height: ;color: #fff;background: # !important;top: 202px;font-weight: bold; position: absolute;width: 213px; height: 54px; auto;text-align: left; border: 5px solid #ffffff; overflow: hidden;
} table.index-box tbody tr td.row1.centered, table.index-box tbody tr td.row1.centered { padding: ;line-height: ;color: #fff;background: # !important;top: 260px;font-weight: bold; position: absolute;width: 213px; height: 50px; auto;text-align: left; border: 5px solid #ffffff; overflow: hidden; } table.index-box tbody tr td.row7.centered, table.index-box tbody tr td.row7.centered { padding: ;line-height: ;color: #fff;background: # !important;top: 39px;font-weight: bold; position: absolute;width: 213px; height: 10px; auto;text-align: left;
} table.index-box tbody tr td.row33.centered, table.index-box tbody tr td.row33.centered { padding: ;line-height: ;color: #fff;background: # !important;top: 0px;font-weight: bold; position: absolute;width: 221px;height: auto;text-align: left; } span.avatarcp img{ width:213px;height:163px; background-color:beige; border:1px solid #999999; padding:2px float:left; overflow:auto}
.quote { display:none } div.TabView div.Pages div.Page{ width:213px;height:163px; padding: 0px; border: 0px solid #b4d0f3; overflow: hidden; background-color:#fff; float:left; overflow:auto} .hinh img{ display:none } .avatarcp { width:213px;height:163px; font :none float:left; overflow:auto} div.phutu_html{ display:none; float:left; overflow:auto} .Pages{ width:213px;height:163px; padding: 0px; border: 0px solid #b4d0f3; overflow: hidden;
} .AVATAR img {
display: none!important;
}
.MAVATAR img { height: 163px; width: 213px; } .WEVATAR img { height: 144px; width: 223px; } .cover_top_ms { color: #FFF; font-weight: bold; text-align: center;
padding: 10px 7px 7px 7px; text-shadow:1px 1px 0 #005483; } .cover_top_ms td, .cover_top_ms a:link, .cover_top_ms a:visited, .cover_top_ms a:visited, .cover_top_ms a:hover, .cover_top_ms a:active { text-transform: none; font-weight: bold; color: #FFF; } #msrooorpper_bg{background:# url() repeat-x 0px px;width: 968px;margin: 0 auto;border-right: solid ;} </style>
(((( طريقة اضافة صورة وكتابة الوصف للموضوع )))) كود عرض الصورة سيلتقط الصورة الاولى من داخل الموضوع ويعرضها غلاف بشكل تلقائي لهذا يجب ان يحتوي موضوعك على صورة والصورة التي تريدها ان تكون غلاف يجب ان تكون الصورة الاولى في الموضوع ومثال لو كان موضوعك يحتوي على خمس صور فالكود سيضع الصورة الاولى غلاف لموضوعك بشكل تلقائي اما طريقة كتابة وصف الموضوع فكتب وصف موضوعك في مربع الوصف في صفحة انشاء موضوع جديد كما في الصورة في الاسفل
((((ملاحضات بعد تركيب الكود)))) / يوجد خانات فارغة في اسفل المجلة ج / هذا بسبب عدد المواضيع في منتداك اذهب الى لوحة التحكم - ادارة عامة - الرسائل و الإيميلات = تشكيل وزود او انقص عدد المواضيع رقم او رقمين حسب الخانات الفارغة لديك
بعض الصور في المجلة لم تصغر ج / هذا بسبب رابط الصورة فبعض روابط الصور يتي فيها العرض وطول محدد في الرابط لهذا لا تصغر في المجلة والحل اما تعيد رفع الصورة لتحصل على رابط جديد او تغير الصورة من داخل الموضوعلعمل تعديلات على الكود ليتناسب مع ستايل منتداك يجب تغير بعض الصور الاساسية في الكووود وابحث في القالب عن الروابط التالية وستبدلها مع مراعات المقاس - الكود:
-
http://i68.servimg.com/u/f68/15/40/41/93/d10.gif صورة شعار المنتدى استبدل الرابط بشعار لموقعك ويفضل ان تكون الخلفية بيضاء او شفافة وبنفس المقاس - الكود:
-
http://i21.servimg.com/u/f21/19/34/83/47/10.png خلفية المجلة عند تصميمك لصورة مشابهه يجب ان تراعي الحجم والالون في تصميمك تم الشـــــــــــــــــــــرح
وجميع حقوق النشر محفوظة لمصمم الكود مسرووور ومنتديات مسرووور وتم عرض هذا الكود لمنتدى الدعم لاحلى منتدى ومبروك عليكم الكود وبالتوفيق للجميع لا تحرموني من صالح الدعاء مع فائق الاحترام والتقدير مسرووور | | |
مواضيع ذات صلة بـ هذا الموضوع
الجمعة 25 ديسمبر - 19:32 | المشاركة رقم: | | الجنس : | التقيم : 5 | المشاركات : 8 | |
| |
| | رد: المجلة التلقائية لاحلى منتدى الاصدار السابع (حصري)
| | |
الأحد 27 ديسمبر - 11:19 | المشاركة رقم: | | الجنس : | التقيم : 5 | المشاركات : 10 | |
| |
| | رد: المجلة التلقائية لاحلى منتدى الاصدار السابع (حصري)
| | |
|
|
|