كود مايكل سوفت لبرمجه جميع الاعضاء والمشاركات واخر المواضيع

=9e07273cb3a5e74e5c6082e797b720a7&cvf[1]=a141db0a582e4745127796c277d13378&eval=plus&p_vote=4873676]

رد: هل لي بشريط آخر المواضيع مع أفضل عشر أعضاء في الشهر

كود مايكل سوفت لبرمجه جميع الاعضاء والمشاركات واخر المواضيع Sujet11

من طرف Michael_vx في الثلاثاء 23 يونيو 2015 - 15:18
تم اخيرا انهاء التعديلات والتنسيقات المطلوبة بعد سهر ليالى ومحاولات لم اتوقع انها سوف تنجح معى
صورة الشكل النهائى والذى استطعت التوصل اليه

تكبير الصورة معاينة الأبعاد الأصلية.
كود مايكل سوفت لبرمجه جميع الاعضاء والمشاركات واخر المواضيع 2u603uo

كود مايكل سوفت لبرمجه جميع الاعضاء والمشاركات واخر المواضيع 2u603uo

والان مع الخطوات
الخطوة الاساسيه الاولى
1
التعديل على قالب Overall_header
جد الكود التالى وقم بحذفه

الكود: ---------تضليل المحتوى
تظليل المحتوى

الكود:: <div id="{ID_LEFT}">  {giefmod_index1.MODVAR}  <div style="height:{SPACE_ROW}px"></div>   </div>

2
التعديل بقالب Index_body
اسفل كلمة

الكود: ---------تضليل المحتوى
تظليل المحتوى
[list=linenums]
[*]{CHATBOX_TOP}
[/list]
اضف الكود التالى

الكود: ---------تضليل المحتوى
تظليل المحتوى

الكود:: <div id="{ID_LEFT}" class="main"> <div class="main-head"> <div class="page-title"> <h2><a href="http://msoft.olympe.in">مايكل سوفت</a><br /></h2> </div> </div> <div class="main-content"> <table cellspacing="0" class="table"> <tbody class="statused">  {giefmod_index1.MODVAR}  </tbody> </table> </div> <script type="text/javascript"> //<![CDATA[ var versionMinor = parseFloat(navigator.appVersion), versionMajor = parseInt(versionMinor), IE = document.all && !window.opera && 7 > versionMajor, IE7 = document.all && !window.opera && 7 <= versionMajor, OP = window.opera, FF = document.getElementById, NS = document.layers; function get_item(a, c) { if (IE) return c ? window.opener.document.all[a] : document.all[a]; if (FF) return c ? window.opener.document.getElementById(a) : document.getElementById(a); if (NS) return c ? window.opener.document.layers[a] : document.layers[a] } var current_tooltip; function show_tooltip(a, c) { var b = get_item("tooltip"); b || (b = document.createElement("div"), b.setAttribute("id", "tooltip"), document.body.appendChild(b)); b.style.zIndex = 1000; b.style.position = "absolute"; b.innerHTML = "<p>" + c + "</p>"; b.style.visibility = "visible"; a.onmousemove = move_tooltip; a.onmouseout = function() { b.style.visibility = "hidden" }; a.title = "" } var offsetxpoint = -60, offsetypoint = 20, real_body = document.compatMode && "BackCompat" != document.compatMode ? document.documentElement : document.body, real_body = document.documentElement ? document.documentElement : document.body; function move_tooltip(a) { var c = !IE ? a.pageX : event.clientX + real_body.scrollLeft, d = !IE ? a.pageY : event.clientY + real_body.scrollTop, b = IE && !window.opera ? real_body.clientWidth - event.clientX - offsetxpoint : window.innerWidth - a.clientX - offsetxpoint - 200, e = IE && !window.opera ? real_body.clientHeight - event.clientY - offsetypoint : window.innerHeight - a.clientY - offsetypoint - 20, f = 0 > offsetxpoint ? -1 * offsetxpoint : -1E3; current_tooltip = get_item("tooltip"); current_tooltip.style.left = b < current_tooltip.offsetWidth ? IE ? real_body.scrollLeft + event.clientX - current_tooltip.offsetWidth + "px" : window.pageXOffset + a.clientX - current_tooltip.offsetWidth + "px" : c < f ? "5px" : c + offsetxpoint + "px"; current_tooltip.style.top = e < current_tooltip.offsetHeight ? IE ? real_body.scrollTop + event.clientY - current_tooltip.offsetHeight - offsetypoint + "px" : window.pageYOffset + a.clientY - current_tooltip.offsetHeight - offsetypoint + "px" : d + offsetypoint + "px" } $("#recent_topics li a:first-child").mouseover(function() { show_tooltip(this, $(this).next().html()) }); $("#active_topics a, #viewed_topics a").mouseover(function() { show_tooltip(this, $(this).prev().text().replace(/(.*)\s-\s\d+.+/, "$1")); }).after(function() { return '<span class="lastRight">' + this.title.replace(/.*\s-\s(\d+.+)/, "$1") + '</span>' }); $(".changeLast").change(function() { $(".half.group_" + $(this).data("group")).hide(); $("#" + this.value).show(); }); //]]> </script> </div>

3
التعديل بقالب mod_recent_topic
استبد كامل القالب بالكود التالى

الكود: ---------تضليل المحتوى
تظليل المحتوى

الكود::  <tr> <th class="double"> <h2>اجدد المواضيع <span class="right">اخر رد</span> </h2> </th> <th> <select class="changeLast" data-group="post"> <option value="top_posters">افضل المشاركين</option> <option value="active_starters">الاكثر نشاطا</option> </select> </th> <th> <select class="changeLast" data-group="time"> <option value="users_week">الاعضاء الاكثر نشاطا لهذا الاسبوع</option> <option value="users_month">الاعضاء الاكثر نشاطا لهذا الشهر</option> </select> </th> </tr> <td class="double" rowspan="3"> <ul id="recent_topics">  <li> <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a> <div class="tooltip_data" style="display:none"> <p> <span style="color:red">الموضوع</span>: {classical_row.recent_topic_row.L_TITLE} </p> <p> <span style="color:blue">وقت الانشاء</span>: {classical_row.recent_topic_row.S_POSTTIME} </p> </div>  <a class="lastRight" href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>   <span class="lastRight"> {classical_row.recent_topic_row.switch_poster_guest.S_POSTER} </span>  </li>  </ul> </td>

4
استبدل قالب mod_most_active_topics بالتالى

الكود: ---------تضليل المحتوى
تظليل المحتوى

الكود:: <tr> <th class="topicLast"> <h2>الاكثر ردودا</h2> </th> <th class="topicLast"> <h2>الاكثر مشاهدات</h2> </th> </tr> <tr> <td> <ul id="active_topics" class="half">  <li> <span style="display:none">{TOPIC.TITLE}</span> <a href="{TOPIC.LINK}" title="{TOPIC.TITLE}">{TOPIC.NAME}</a> </li>  </ul> </td>

5
اسبدل القالب mod_most_viewed_topics بالتالى

الكود: ---------تضليل المحتوى
تظليل المحتوى

الكود::  <td> <ul id="viewed_topics" class="half">  <li> <span style="display:none">{TOPIC.TITLE}</span> <a href="{TOPIC.LINK}" title="{TOPIC.TITLE}">{TOPIC.NAME}</a> </li>  </ul> </td> </tr>

6
استبدل القالب mod_most_active_starters بالتالى

الكود: ---------تضليل المحتوى
تظليل المحتوى

الكود::  <ul id="active_starters" class="half group_post">  <li> {POSTER.NAME} <span class="lastRight"> {POSTER.NB_TOPICS} </span> </li>  </ul> </td>

7
استبدل القالب mod_top_post_users_month بالتالى

الكود: ---------تضليل المحتوى
تظليل المحتوى

الكود::   <ul id="users_month" class="half group_time">  <li> {POSTER.NAME} <span class="lastRight"> {POSTER.NB_POSTS} </span> </li>  </ul> </td> </tr>

8
استبدل القالب mod_top_post_users_week بالتالى

الكود: ---------تضليل المحتوى
تظليل المحتوى

الكود:: <td> <ul id="users_week" class="half group_time">  <li> {POSTER.NAME} <span class="lastRight"> {POSTER.NB_POSTS} </span> </li>  </ul>

9
استبدل القالب mod_top_posters بالتالى

الكود: ---------تضليل المحتوى
تظليل المحتوى

الكود:: <td> <ul id="top_posters" class="half group_post">  <li> {POSTER.NAME} <span class="lastRight"> {POSTER.NB_POSTS} </span> </li>  </ul>

الخطوة الثانيه الاساسيه
اضف الكود التالى بورقة التصميم CSS

الكود: ---------تضليل المحتوى
تظليل المحتوى

الكود:: /* مايكل سوفت */ #content-container div#main{margin-bottom:0} *+ html #content-container div#main{margin-right:0;margin-left:10} #content-container div#left{float:left;width:100%} #left{margin:15px 0} #left,#left *,#left li:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #left table.table{border-collapse:collapse;empty-cells:show;table-layout:fixed;width:100%} #left a{text-decoration:bold} #left td{width:25%;vertical-align:top;border-width:0 1px} #left .double{border-left:0;width:50%} #left li{position:relative;width:100%; list-style-type:none;height:22px;line-height:24px;border-bottom:1px dashed #000000!important;counter-increment:Zzindex} #left li:before{content:counter(Zzindex);display:block;height:16px;background:#000;position:absolute;right:-23px;font-size:11px;top:5px;border-radius:2px;text-align:center;width:18px;color:#FFF;line-height:16px} #left li:after{content:"";background:#74F3FF;display:block;width:6px;height:6px;position:absolute;top:10px;right:-8px;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)} #left li:nth-child(1):before,#left li:nth-child(1):after{background:red} #left li:nth-child(2):before,#left li:nth-child(2):after{background:#FF9300} #left li:nth-child(3):before,#left li:nth-child(3):after{background:#FFC700} #left li:nth-child(4):before,#left li:nth-child(4):after{background:#FFF100} #left li:nth-child(5):before,#left li:nth-child(5):after{background:#E9FE01} #left li:nth-child(6):before,#left li:nth-child(6):after{background:#BBFF00} #left li:nth-child(7):before,#left li:nth-child(7):after{background:#75FF00} #left li:nth-child(8):before,#left li:nth-child(8):after{background:#0DFA05} #left li:nth-child(9):before,#left li:nth-child(9):after{background:#03FC8E} #left li:nth-child(10):before,#left li:nth-child(10):after{background:#01FEC4} #left li:nth-child(11):before,#left li:nth-child(11):after{background:#01F8FE} #left li:nth-child(12):before,#left li:nth-child(12):after{background:#01C9FE} #left li:nth-child(13):before,#left li:nth-child(13):after{background:#0084FF} #left li:nth-child(15):before,#left li:nth-child(15):after{background:#001AFF} #left li:nth-child(16):before,#left li:nth-child(16):after{background:#7E00FF} #left li:nth-child(17):before,#left li:nth-child(17):after{background:#C200FF} #left li:nth-child(18):before,#left li:nth-child(18):after{background:#C200FF} #left li:nth-child(19):before,#left li:nth-child(19):after{background:#E51ADA} #left li:nth-child(20):before,#left li:nth-child(20):after{background:#9A40BF} #left a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;width:60%;height:inherit} #active_topics a,#viewed_topics a{width:70%} #left #recent_topics a{width:80%} #left .lastRight{left:0;text-align:right;position:absolute;top:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;right:auto} #left ul,#left th{padding-left:0px;padding-right:25px;margin:0} #left ul{height:114px} #left .changeLast{border:0 none!important;background:inherit;margin-top:0!important;margin-bottom:-1px;padding:0!important} #left .changeLast,#left th h2{color:#FFFFFF} #left th{width:30%;vertical-align:right} th.topicLast{border-top:1px solid #FFFFFF!important} th.double{text-align:right} #recent_topics li{margin:.0px 0} #left #recent_topics .lastRight{width:20%!important} .half li:nth-child(6),.half li:nth-child(7),.half li:nth-child(8),.half li:nth-child(9),.half li:nth-child(10),#active_starters,#users_month{display:none} /* Tooltip */ #tooltip{background-color:#FFF;border:2px solid #333;color:#131313;max-width:550px;padding:10px} /* مايكل سوفت */

الخطوة الثالثة الاساسيه
قم بضبط اعدادات عنصر اخر المواضيع كالتالى
عدد المواضيع 12
الحركة لا
الباقى لا تغيير
ثم حفظ
الخطوة الرابعة الاساسية
وضع جميع العناصر بالترتيب فى العامود الايمن كما بالصورة التالية

تصغير الصورة معاينة الأبعاد الأصلية.
كود مايكل سوفت لبرمجه جميع الاعضاء والمشاركات واخر المواضيع 4qjwp1

كود مايكل سوفت لبرمجه جميع الاعضاء والمشاركات واخر المواضيع 4qjwp1

واخيرا
لن اسمح مطلقا بالعبث او ازالة حقوق الملكية والمجهود الذى قمت به فى هذا الاسكربت وغير مسموح بتاتا مهما كانت الاسباب ان يتم حذف اسمى الموجود باعلى الصندوق الخاص بالاحصائيات واكرر مهما كان السبب ممنوع ازالة الحقوق
لعنة الله على من يحذف الحقوق لانه الاسكربت هذا استغرق منى اكثر من 10 ايام لاعادة هيكلته وتنسيقة ليتناسب مع احلى منتدى العربية

أهلا بكم في منتداكم:- منتديات علم سوفت-:
يمنع وضــع مواضيع بغير مكانها الصحيح .
الرجاء قراءة قوانين المنتدي والقوانين الخاصة بالاقسام قبل الكتابة بها .
-(( لو لم تلقى منى ما تريد))- * توجه هنــــــــــــــــــا.
عدم ردي على أي موضوع لك لايعني أني لم أرغب بالرد عليك وإنما الوقت محدود بالنسبه لي لظروفي الشـــخـصـيــــــه والعمل وأعباء أخرى لايعلمها غير ربي .
لطلبات الدعم الفنى هنــــــــــــــــــــــا

بارك الله فيك على الموضوع القيم والمميز

وفي انتظار جديدك الأروع والمميز

لك مني أجمل التحيات

وكل التوفيق لك يا رب

» [كود css] للتحكم بنوع الخط بالمساهمات وحجم المواضيع والمشاركات
» الحل الامثل لحذف التقويم و التعليمات و قائمة الاعضاء=للحماية
» جميع أصدارات vb3 المضمونه
» هل ممكن اعطائي كود اخر المواضيع
» شرح عمل كود اخر المواضيع اعلى الصفحه