خربشات
اهلا بكم في منتدي خربشات

نرحب بك للستجيل معنا ...او اذ كنت عضوا فنرحب بك من جديد

مع تحيات / مستر فونت
اللون الاحمراللون الأزرقاللون الأسوداللون الأخضراللون الوردياللون البحرياللون الرمادي

اسم العضو
كلمة المرور

أهلا وسهلا بك إلى خربشات.
أهلا وسهلا بك ضيفنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمات، بالضغط هنا.كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، وفي حال رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه.

الرئيسيةالرئيسية  اليوميةاليومية  مكتبة الصورمكتبة الصور  س .و .جس .و .ج  بحـثبحـث  الأعضاءالأعضاء  المجموعاتالمجموعات  التسجيلالتسجيل  دخولدخول  

شاطر | 
 

 كود اخر مواضيع المنتدى فقط بجافا سكربت + Css

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

الجنس : ذكر
عدد المساهمات : 443
المستوي العام : 4756
التقييم : 0
تاريخ التسجيل : 18/12/2010
العمر : 28
الموقع : profawy.yoo7.com

مُساهمةموضوع: كود اخر مواضيع المنتدى فقط بجافا سكربت + Css   الخميس مايو 18, 2017 11:22 am


كود اخر مواضيع المنتدى فقط بجافا سكربت + Css

اقدم لكم بعيدا عن قوالب ولمحبي نسخة الجديدة كود javascript يعمل على وضع اخر المواضيع تحت الواجهه بشكل منظم وجمالي 
صورة للامر 




طريقة التركيب اذهب إلى. لوحة الادارة. عناصر اضافية. HTML و JAVASCRIPT
.اكواد javascript تفعيل اكواد javascript اختار نعم وسجل
ثم انشاء كود الاسم اي شئ اختار جميع صفحات
وضع الكود الاتي



الكود:
[size=14][/size]
jQuery(document).ready(function() {[size=14][/size]
    var i = 15;[size=14][/size]
    jQuery('#main-content').prepend('<ul class="topiclist topics quespende"><h1 class="page-title tquespende"> اخر مواضيع المنتدى</h1><div id="tpccont"></div></ul>');[size=14][/size]
    jQuery.get('/search?search_topics=' + jQuery('#i_icon_mini_logout').attr('alt').split('[')[1].split(']')[0].replace(/ /g, ''), function(p) {[size=14][/size]
        var o = 0;[size=14][/size]
        if (jQuery('#main-content li.row', p).length) {[size=14][/size]
            jQuery('#main-content li.row', p).each(function() {[size=14][/size]
                if (i > o) {[size=14][/size]
                    var m = jQuery(this).html();[size=14][/size]
                    jQuery('#tpccont').append('<li class="row">' + m + '</li>');[size=14][/size]
                    o++;[size=14][/size]
                }[size=14][/size]
            });[size=14][/size]
        } else {[size=14][/size]
            jQuery('#tpccont').closest('ul').remove();[size=14][/size]
        }[size=14][/size]
    });[size=14][/size]
});

ثم سجل 
ثم نذهب إلى  مظهر المنتدى. صور والوان. الوان. ورقة css وضع الكود الاتي
وسجل



الكود:
quespende{margin-bottom:10px}[size=14][/size]
.quespende .row:last-child{border-bottom:1px solid #E5E5E5}[size=14][/size]
.quespende .row{border-bottom:0;border-top:1px solid #E5E5E5}[size=14][/size]
.quespende .views,.quespende img{display:none}[size=14][/size]
.quespende .icon{background-image:url(https://www.afriqa-sat.com/vb/images/icons/icon41.gif)!important}[size=14][/size]
.quespende .row .icon dd{border-left:0;padding-left:1px}[size=14][/size]
.quespende .dterm{font-size:0!important;margin-left:60px;padding-left:11px!important}[size=14][/size]
.quespende a.topictitle{color:#222;cursor:pointer;display:inline-block;font-family:arial, sans-serif;font-size:13px;font-weight:700;margin-top:5px}[size=14][/size]
.quespende .lastpost{float:right;margin-right:10px;width:auto}[size=14][/size]
.quespende .lastpost a{color:#222}[size=14][/size]
.quespende .posts{width:100px}[size=14][/size]
.quespende .posts:after{content:' الردود'}[size=14][/size]
.quespende #buttonsolved{float:right;margin-left:3px;margin-right:10px;margin-top:5px}[size=14][/size]
.tquespende{font-family:arial, sans-serif!important;font-size:18px!important;margin:10px 0 6px 6px !important}  

لزيادة عدد المواضيع او انقاصها عليك تغيير بكود javascript العدد 15 الى عدد مناسب ^_& 
دمتم بخير
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://profawy.yoo7.com/
 
كود اخر مواضيع المنتدى فقط بجافا سكربت + Css
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
خربشات :: أكـــــواد :: اكواد css-
انتقل الى: