احلي بيت




تحميل برامج, تصميم صور وعروض اشراف ومسابقات, ومعلومات عامة, اسلاميات, معاني الاسماء
 
الرئيسيةالبوابةس .و .جبحـثالتبادل الاعلانيالتسجيلدخول
أهلا بك من جديد يا http://hitskin.com/themes/14/44/39/i_icon_latest_reply.gifزائر http://hitskin.com/themes/14/44/39/i_icon_latest_reply.gif آخر عضو مسجل http://hitskin.com/themes/14/44/39/i_icon_latest_reply.gif Jood123 http://hitskin.com/themes/14/44/39/i_icon_latest_reply.gifفمرحباً به

شاطر | 
 

  [Javascript] جعل المواضيع والمشاركات تظهر بشكل انسيابي كالفي بي

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



انثى
عدد المساهمات : 11893
تاريخ التسجيل : 20/05/2010





http://a7labeet.ba7r.org
مُساهمةموضوع: [Javascript] جعل المواضيع والمشاركات تظهر بشكل انسيابي كالفي بي   الأحد 19 يوليو 2015, 3:18 am

[Javascript] جعل المواضيع والمشاركات تظهر بشكل انسيابي كالفي بي

الكود للنسخة phpbb3 فقط


صورة للمعاينة الخاصية
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]



كود الجافا سكربت
الكود , يجب جعله علي جميع الصفحات

الرمز:

var CopyrightNotice = 'Make the threads and posts appear streamlined version phpBB3
        All rights reserved to the developer " A7medvirus " www.ahlamontada.com.';
   
        $(function() {
            if ($('.forabg ul.forums')[0]) {
                $('.hierarchy').next().remove();
                x=$('.forabg ul.forums dl.icon').get();
                for (i=0; i<x.length; i++) {
                    var topics=x[i].childNodes[1].childNodes[0].nodeValue;
                    var posts=x[i].childNodes[2].childNodes[0].nodeValue;
                    $(x[i]).find('.hierarchy').after('<div
        class="a7medvirus-tp"
        style="margin-bottom:3px;font-size:1.1em;">
 
 
    <td> المواضيع  </td><b> '+topics +'  </b>
 
      <td> </td>  <td> || </td> <td>  </td>
 
 
    <td>  المشاركات </td><b>  '+posts+'  </b>
 
 
 
 
    </div>');    }
     
 
   
                $('.forabg').addClass('index-box');
                $('.forabg dd.topics').remove();
                $('.forabg dd.posts').remove();
            }
        });

ثم نذهب الي
لوحة الادارة / مظهر المنتدي/ الوان/ ورقة تصميم css
ونضع هذا الكود

الرمز:

    /*بداية الكود لجعل المواضيع والمشاركات احترافية */
    .a7medvirus-tp{
    background: none repeat scroll 0 0 #edfbff;
        border: 1px dotted #999999;
        margin-top: 5px;
        padding: 3px;
    }
    div.index-box dl.icon dd.dterm {width: 68%;}
    div.index-box dl.icon dd.lastpost {float: right; width: 29%;}
    /*All rights reserved a7medvirus */














لمراسلة الادارة اتصل بنا واضغط [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]



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



ذكر
عدد المساهمات : 125
تاريخ التسجيل : 10/08/2015
العمر : 45


http://anwarbasal.alamuntada.com/
مُساهمةموضوع: رد: [Javascript] جعل المواضيع والمشاركات تظهر بشكل انسيابي كالفي بي   الأربعاء 12 أغسطس 2015, 10:41 pm



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


اخوكم انور ابو البصل
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
[Javascript] جعل المواضيع والمشاركات تظهر بشكل انسيابي كالفي بي
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
احلي بيت :: أكــــواد للمنـــتديات :: أكواد الجافا إسكريبت JAVA-