منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.

انشاء منتدى مجاني شبيه بهذا المنتدى
أحلى الشبكات الإجتماعية

انشاء منتدى مجاني



 انشاء منتدى مجاني

أقسام الدعم

دعم الخدمات العامة:
مشاكل كلمة السر
مشاكل فتح المنتدى
مشاكل لوحة الإدارة
مشاكل تنسيق المظهر
المشاكل الأخرى

----------------------

دعم الخدمات التكميلية :
مشاكل النطاقات
مشاكل التومبلايت

----------------------

مراسلة الإدارة :

طلب كلمة السر
إرسال أكواد أو شروحات
أتصل بنا
كيفية طلب كلمة سر جديدة
> طريقة طلب كلمة سر

تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
المواضيع الأخيرة
» طلب بعض الاكواد المهمة جدا
اليوم في 15:08 من طرف Mohamed Nsr

» من يعطيني استايل
اليوم في 15:04 من طرف Mohamed Nsr

» طلب كود البيانات
اليوم في 14:59 من طرف FRED RAY

» بدي كود
اليوم في 14:56 من طرف Mohamed Nsr

» طلب كود تعليمات المشاركة
اليوم في 14:54 من طرف FRED RAY

» رابط منتداي يحول الى الادفلاي يرجى رفع للزعيم
اليوم في 13:38 من طرف chi kong

» منتدى يحتوى علي مشاركة
اليوم في 13:06 من طرف ahd allah

» مخالف
اليوم في 11:20 من طرف ahd allah

» طلب لتغيير ايميل الانشاء
اليوم في 6:03 من طرف JAR7

أفضل الأعضاء الموسومين
@الزعيم
 
@@
 
@stones
 
@Mohamed Nsr
 
@JAR7
 

عمل منتدى

طلب كود مميزين الشهر - الاسبوع - المنتدى - اخر المواضيع أسفل المنتدى

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

طلب كود مميزين الشهر - الاسبوع - المنتدى - اخر المواضيع أسفل المنتدى

مُساهمة من طرف FRED RAY في الخميس 25 أغسطس 2016 - 5:27

السلام عليكم ورحمة الله وبركاته
أريد كود وضع مميزين المنتدى - الشهر - الاسبوع - اخر المواضيع الذي يوضع اسفل المنتدى
مثال : http://elshiroo2.alafdal.net/
وشكرًا

Embarassed Embarassed Embarassed Embarassed

FRED RAY
 
 

انثى
عدد المساهمات : 276
معدل النشاط : 2683

http://blazingteens.ace.st

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: طلب كود مميزين الشهر - الاسبوع - المنتدى - اخر المواضيع أسفل المنتدى

مُساهمة من طرف JAR7 في الخميس 25 أغسطس 2016 - 6:02

شوف دة افضل منه
السلام عليكم ورحمة الله وبركاته
أهلا بجميع زوار وأعضاء بؤرة التطوير
أقدم لكم اليوم شرح حول كيفية تطوير شكل آخر المواضيع
( آخر المواضيع والمواضيع النشطة والمواضيع الأكثر مشاهدة و أفضل الأعضاء وأكثر الأعضاء فاتحي المواضيع  )
صورة للقالب :






ننتقل للشرح

أولا نتوجه لقالب overall_header في التومبيلات ونبحث عن هذا الكود ونقوم بحذفه :


الرمز:

 
<div id="{ID_LEFT}">
                     <!-- BEGIN giefmod_index1 -->
                     {giefmod_index1.MODVAR}
                     <!-- BEGIN saut -->
                     <div style="height:{SPACE_ROW}px"></div>
                     <!-- END saut -->
                     <!-- END giefmod_index1 -->
                  </div>


نقوم بنشر القالب ، ثم نتوجه الى قالب index_body
وبعد السطر الأول المتكون من {JAVASCRIPT}
نضع بعده مباشرة التالي :


الرمز:

 
<div id="latestTopics" class="clearfix">
   <div class="borderwrap">
      <div class="maintitle floated clearfix">
         <h2>احصائيات المنتدى</h2>
      </div>
      <div id="c0" class="maincontent">
         <table cellpadding="0" cellspacing="0" class="ipbtable">
         <thead>
         <tr>
            <th class="dropdown" width="30%">
               <noscript>
               أفضل فاتحي المواضيع
               </noscript>
               <div class="titleList noscript" style="display: block;">
                  <select>
                     <option value="topActive">أفضل فاتحي المواضيع</option>
                     <option value="topPosters">أفضل أعضاء المنتدى</option>
                     <option value="topWeek">أفضل الأعضاء في هذا الأسبوع</option>
                     <option value="topMonth">أفضل الأعضاء في هذا الشهر</option>
                  </select>
               </div>
            </th>
            <th class="tabs">
               <div class="titleList">
                 <label class="latestTitle" for="recentTopics">آخر المواضيع</label>
                                          <label class="latestTitle" for="activeTopics">المواضيع النشيطة</label>
                                          <label class="latestTitle" for="viewedTopics">المواضيع الأكثر مشاهدة</label>
               </div>
            </th>
         </tr>
         </thead>
         <tbody>
                          <tr>
         <!-- BEGIN giefmod_index1 -->
          {giefmod_index1.MODVAR}
         <!-- END giefmod_index1 -->
                          </tr>
         </tbody>
         </table>
      </div>
   </div>
</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 - 20,
            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"
    }
    $("li > a", "#recentTopics_div").mouseover(function() {
        show_tooltip(this, $(this).next().html())
    });
    $("li:contains('[Thùng rلc]')", "#recentTopics_div").appendTo("#recentTopics_div > ol");
    $(".titleList.noscript").show();
    $(".latestTitle[for='recentTopics']").addClass("active");
    $("select", ".titleList.noscript").change(function() {
        $(".postersLast").hide();
        $("#" + this.value).show();
    });
    $(".latestTitle").click(function() {
        $(".latestTitle.active").removeClass("active");
        $(this).addClass("active");
    });
    $("a", "#activeTopics_div,#viewedTopics_div").after(function() {
        var tit = this.title;
        var split = tit.lastIndexOf('-');
        this.title = tit.slice(0, split - 1);
        return '<span class="right">' + tit.slice(split + 2) + '</span>';
    }); //]]>
</script>


نضغط سجل وننشر القالب
الآن نتوجه الى تومبيلات   البوابة ونضع القوالب التالي
( القوالب رفعتها لكم على جوجل درايف )
https://drive.google.com/open?id=0B1ch_LI7V4V1WmMtYThJdmNKZWM


الآن نتوجه الى ورقة css ونضع الأكواد التالي :


الرمز:

/* اخر المواضيع - بؤرة التطوير */
#latestTopics input.topicsLast:checked + div.box-content{display:block}
table.ipbtable th{height:33px}
.olList{padding-left:22px;line-height:24px;list-style:none}
.olList li{position:relative;height:24px;width:100%;list-style-type:none;border-bottom:1px dashed #CCC;counter-increment:Zzindex}
.olList li:before{content:counter(Zzindex);display:block;height:17px;background:#EBEBEB;position:absolute;left:-22px;font-size:11px;top:4px;right: 0;border-radius:2px;text-align:center;width:16px;color:#FFF;line-height:16px;z-index:10}
.olList li:after{content:" ";background:#EBEBEB;display:block;width:6px;height:6px;position:absolute;top:9px;right: 13px;left:-9px;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.olList li:nth-child(1):before,ol.olList li:nth-child(1):after{background:red}
.olList li:nth-child(2):before,ol.olList li:nth-child(2):after{background:#FD5405}
.olList li:nth-child(3):before,ol.olList li:nth-child(3):after{background:#FDB55A}
.olList li:nth-child(3) ~ li:before,ol.olList li:nth-child(3) ~ li:after{color:#EC4403;text-shadow:0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF}
.olList li > a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;width:70%;margin-right: 23px;height:inherit}
.olList li > .right{position:absolute;left:0;top:0}
table.ipbtable th.tabs{padding:0 0 0 20px;text-align:left}
th.tabs label{display:inline-block;height:34px;line-height:30px;padding:0 12px;border:1px solid transparent;border-bottom:0 none}
th.tabs label:hover,th.tabs label.active{cursor:pointer;border-color:#DDD;background:#FFF}
.tabs .titleList{margin-bottom:-5px}
#tooltip{background-color:#FFF;border:2px solid #333;color:#131313;max-width:550px;padding:10px}
/* اداة العناوين - بؤرة التطوير */[size=14][/size]
#tooltip{background-color:#FFF;border:2px solid #333;color:#131313;max-width:550px;padding:10px}


والآن نذهب الى عناصر اضافية   ادارة العناصر المستقلة على المنتدى
وندرج العناصر بهذا الشكل :




بالتوفيق 

JAR7
أحلى مساعدة
أحلى  مساعدة

انثى
عدد المساهمات : 2355
معدل النشاط : 3699

http://www.t3qnyiat.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: طلب كود مميزين الشهر - الاسبوع - المنتدى - اخر المواضيع أسفل المنتدى

مُساهمة من طرف FRED RAY في الخميس 25 أغسطس 2016 - 17:50

لا أريد الكود بهذا الشكل ..
أريده مثل هذا الموجود اسفل http://elshiroo2.alafdal.net/

FRED RAY
 
 

انثى
عدد المساهمات : 276
معدل النشاط : 2683

http://blazingteens.ace.st

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى