[code] اخر 10 مواضيع بطريقة جديدة (قائمة جانبية)

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

[code] اخر 10 مواضيع بطريقة جديدة (قائمة جانبية)

السبت يناير 16, 2016 12:12 pm


🇦🇸

:Eqwe:
لوحة الادارة - عناصر اضافية - العناصر المستقلة على الرئيسية او البوابة - انشئ عنصر شخصي
كم في الصورة

الكود
الكود:
 
<!--
 * Application: Widget of the last 10 tutorials
 * Description: This application can displays the last tutorials and member avatar of topics.
 * Version: 1.08032014-jq1.9.1 - Sobek (Khnum & Maet)
 * Made and Optimizations by JScript - 2014/03/08
 * Copyright (c) 2013 JScript <jscriptbrasil at live dot com>
 * This work is free. You can redistribute it and/or modify it
 * under the terms of the WTFPL, Version 2
  -->
<div style="margin: 0px; height: 213px; max-height: 225px; overflow: auto;" class="main-content _sbcollapsable" id="mod_recent_tutorials">
      
   <!--  #region recent_topic_row  -->   
   <ul style="margin: 0px ! important; padding-left: 0px ! important;" class="ipsList_withminiphoto" id="ul_recent_tutorials">
             
      <!--  content  -->       
      <div>
         <br /><br />Loading...
      </div>
         
   </ul>
      
   <!--  #endregion recent_topic_row  -->
</div>
  <script type="text/javascript">
//<![CDATA[
/***
* User Definition Variables
***/
/* Put here your forum number!!! */
var sForumNumber = 1;
/* END */
 
/***
* System Defined Variables - Do not edit if you don't know!
***/
var oConfig = {
        sCSS:
            '<style>' +
            '.ipsList_withminiphoto li {' +
                'margin-bottom: 8px;' +
            '}' +
            '.ipsType_smaller, .ipsType_smaller a {' +
                'font-size: 11px !important;' +
            '}' +
            '.ipsUserPhoto.ipsUserPhoto_mini {' +
                'width: 30px;' +
                'height: 30px;' +
                'border: 1px solid rgb(213, 213, 213);' +
                'background: none repeat scroll 0% 0% rgb(255, 255, 255);' +
                'box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);' +
                'padding: 1px;' +
            '}' +
            '.ipsType_small {' +
                'font-size: 12px;' +
            '}' +
            '.desc.ipsType_smaller {' +
                'color: #777777;' +
                'margin: 0;' +
            '}' +
            '.list_content {' +
                'margin-left: 40px;' +
                'word-wrap: break-word;' +
            '.ipsList_withminiphoto {' +
                'list-style: none outside none !important;' +
            '}' +
            '</style>',
        sTarget: '',
        sFound: 'td:eq(2)',
        sCommon: 'a.topictitle',
        sGetIMG: ''
    };
 
jQuery(function () {
    /* Add CSS */
    jQuery(oConfig.sCSS).insertBefore('body');
 
    /* Forum versions! */
    var phpBB2 = jQuery('.bodyline');
    var phpBB3 = jQuery('#wrap');
    var punbb = jQuery('#pun-intro');
    var invision = jQuery('#ipbwrapper');
 
    if (phpBB2.length) {
        oConfig.sTarget = '.three-col td:eq(1) > table.forumline:last tbody tr:not(":empty")';
        oConfig.sGetIMG = ' #emptyidcc .row1.gensmall img:eq(0)';
    } else if(phpBB3.length) {
        oConfig.sTarget = '.topiclist.topics.bg_none li:not(":empty")';
        oConfig.sFound = 'dd.dterm';
        oConfig.sGetIMG = ' #profile-advanced-right img:eq(0)';
    } else if(punbb.length) {
        oConfig.sTarget = '.statused tr:not(":empty")';
        oConfig.sFound = '.tcl.tdtopics';
        oConfig.sGetIMG = ' #profile-advanced-right .main-content img:first';
    } else if(invision.length) {
        oConfig.sTarget = '.borderwrap table.ipbtable tbody tr:not(":empty")';
        oConfig.sGetIMG = ' #profile-advanced-right .box-content.profile.center img:first';
    };
 
    /* Fire event for 'scroll' to show the widget... */
    var elem = document.getElementById("ul_recent_tutorials");
    if (isInViewPort(elem)) {
        LastTutorials();
    } else {
        jQuery(window).on('scroll.widget', showWidget(elem));
    }
});
 
/* Function to check if an element is visible in view port */
function isInViewPort(elem) {
  var rect = elem.getBoundingClientRect();
 
  return (
  rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */
  rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */ );
}
/* Start function to show the widget... */
function showWidget(elem) {
  return function() {
        /* Chech if the widget is visible in view port! */
      if (isInViewPort(elem)) {
            /* If visible, stop event!!! */
        jQuery(window).off('scroll.widget');
         
            LastTutorials();
      }
  }
}
/* Widget conent */
function LastTutorials() {
    var oTarget = 0;
    /* First forum link to read info */
    jQuery.get('/f' + sForumNumber + '-', function(data) {
        oTarget = jQuery(oConfig.sTarget, data);
    }).always(function() {
        jQuery('#ul_recent_tutorials').html('');
        var i = 0
        oTarget.each(function() {
            if (i == 10) {
                return false;
            }
            var oThis = jQuery(this); /* DOM chached for fast execution! */
            var oFound = oThis.find(oConfig.sFound);
            if (oFound.length) {
                var sTopicTitle = oFound.find(oConfig.sCommon).parent().html();
                var oUserInf = oThis.find('a[href^="/u"]');
                var sAutor = oUserInf.html();
                var sUserUrl = oUserInf.attr('href');
                var sHtml =
                    '<li class="clearfix">' +
                        '<a href="' + sUserUrl + '" class="ipsUserPhotoLink left">' +
                            '<img src="" alt="Foto" class="ipsUserPhoto ipsUserPhoto_mini">' +
                        '</a>' +
                        '<div class="list_content">' +
                            '<span class="ipsType_small">' + sTopicTitle + '</span>' +
                            '<p class="desc ipsType_smaller">' +
                                'Criado por <a href="' + sUserUrl + '">' + sAutor + '</a>' +
                            '</p>' +
                        '</div>' +
                    '</li>';
                jQuery('#ul_recent_tutorials').append(sHtml);
            }
            i++
        });
 
        /* Now, read the member avatar info */
        /* DOM chached for fast execution! */
        oTarget = jQuery('#ul_recent_tutorials > li');
        oTarget.each(function(index) {
            oThis = jQuery(this); /* DOM chached for fast execution! */
            var load_container = oThis.children('a');
            var UserURL = load_container.attr('href');
            var def_img = "http://i78.servimg.com/u/f78/18/17/62/92/defaul10.png"; /* In case request profile errors! */
            var sHtml = '<img src="' + def_img + '" alt="Foto" class="ipsUserPhoto ipsUserPhoto_mini" style="width: 30px; height: 30px; border: 1px solid rgb(213, 213, 213); background: none repeat scroll 0% 0% rgb(255, 255, 255); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); padding: 1px;">';
            /* Gets the avatar saved in local storage (Fastest!)*/
            var UserIMG = sessionStorage.getItem(UserURL);
 
            /* If avatar alread saved, then no request member profile! */
            if (UserIMG) {
                load_container.children('img').attr('src', UserIMG);
            } else { /* if not, then only request per session!!! */
                load_container.load(UserURL + oConfig.sGetIMG, function() {
                    var imgTag = load_container.children('img');
 
                    if (imgTag.length == 0) {
                        load_container.append(sHtml); /* Saves the default avatar in local storage */
                        sessionStorage.setItem(UserURL, def_img);
                    } else {
                        imgTag.attr('class', 'ipsUserPhoto ipsUserPhoto_mini');
                        imgTag.css({
                            'width': '30px',
                            'height': '30px',
                            'border': '1px solid rgb(213, 213, 213)',
                            'padding': '1px',
                            'background': 'none repeat scroll 0% 0% rgb(255, 255, 255)',
                            'box-shadow': '0px 2px 2px rgba(0, 0, 0, 0.1)'
                        });
                        /* Saves the member avatar in local storage */
                        sessionStorage.setItem(UserURL, imgTag.attr('src'));
                    }
                });
            }
        });
    });
}
//]]>
</script>


جميع الحقوق محفوظه لشركة انكور التطويرية
يرجى ذكر المصدر عند المنقل


والسلام ختام



للتواصل مع الادارة تفضل اضغطط هناا
avatar
Mc Nabulsy

مؤسس انكور
مؤسس انكور

ذكر


عدد المساهمات : 3623

السٌّمعَة : 62

phpbb2

firefox

تاريخ التسجيل : 05/01/2016

العمر : 20

الموقع : https://inkor.yoo7.com/


https://inkor.yoo7.com

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

رد: [code] اخر 10 مواضيع بطريقة جديدة (قائمة جانبية)

السبت يناير 16, 2016 4:05 pm


شكرا لك



avatar
Mohamed DZ

عضو مميز
عضو مميز

ذكر


عدد المساهمات : 670

السٌّمعَة : 1

تاريخ التسجيل : 08/01/2016

العمر : 14

الموقع : https://inkor.yoo7.com/


https://inkor.yoo7.com/

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

رد: [code] اخر 10 مواضيع بطريقة جديدة (قائمة جانبية)

السبت يناير 16, 2016 4:50 pm


اكواد رائعه



avatar
THE ROCK

عضو نشيط
عضو نشيط

ذكر


عدد المساهمات : 235

السٌّمعَة : 0

تاريخ التسجيل : 08/01/2016


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

رد: [code] اخر 10 مواضيع بطريقة جديدة (قائمة جانبية)

الأحد يناير 17, 2016 1:52 am


ﺷگـړُﺂ ﻟﻣ̝̚ﺷآړُگـﭠﮑ ﭬﯾ ]اِنْكْوُرْ ]
ﻟﺂ ﭠפړُﻣ̝̚ﻧﺂ ﻣ̝̚ﻧ ﻣ̝̚ۆآﺿﯾﻋﮑ آﻟړُآئـﻋةة..
ﭠﺣﯾآﭠﯾ

avatar
المساعد جميل

عضو مشارك
عضو مشارك

عدد المساهمات : 105

السٌّمعَة : 0

تاريخ التسجيل : 17/01/2016


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

رد: [code] اخر 10 مواضيع بطريقة جديدة (قائمة جانبية)

الأحد يناير 17, 2016 11:49 pm


طرح رائع
بروعتك
كلمات ابهرتنا وراقت لنا

ابداعك وصل القمم

avatar
hady

عضو مميز
عضو مميز

عدد المساهمات : 544

السٌّمعَة : 0

تاريخ التسجيل : 17/01/2016


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

رد: [code] اخر 10 مواضيع بطريقة جديدة (قائمة جانبية)

الإثنين يناير 18, 2016 10:48 am


روعه موضوع رائع ومميز

عاشت الايادي دوم التالق

avatar
مونتي

عضو مشارك
عضو مشارك

عدد المساهمات : 61

السٌّمعَة : 0

تاريخ التسجيل : 18/01/2016


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

رد: [code] اخر 10 مواضيع بطريقة جديدة (قائمة جانبية)

الثلاثاء يناير 19, 2016 1:49 pm


كل الشكر والامتنان على روعهـ بوحـكـ
..
وروعهـ مانــثرت .. وجماليهـ طرحكـ

avatar
مثقف ولكن!

عضو مميز
عضو مميز

عدد المساهمات : 831

السٌّمعَة : 0

تاريخ التسجيل : 06/01/2016


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

رد: [code] اخر 10 مواضيع بطريقة جديدة (قائمة جانبية)

الثلاثاء يناير 19, 2016 8:12 pm


دائما مميز
شكرا لك

avatar
المشاغب

عضو جديد
عضو جديد

عدد المساهمات : 28

السٌّمعَة : 0

تاريخ التسجيل : 19/01/2016


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

رد: [code] اخر 10 مواضيع بطريقة جديدة (قائمة جانبية)

الخميس يناير 21, 2016 12:51 am


سطورك احساس وحروفك أنفاس
أسرني نزفك وأطربني عزفك
نبضات حروفك بعثرت مشاعري
واصلو ابداعكم هناا
ودي لكم ولا ينتهي

avatar
TIGER

عضو مشارك
عضو مشارك

عدد المساهمات : 138

السٌّمعَة : 0

تاريخ التسجيل : 21/01/2016


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

رد: [code] اخر 10 مواضيع بطريقة جديدة (قائمة جانبية)

الأربعاء مايو 04, 2016 8:05 am


مشكووور  

avatar
Alfat7

عضو مشارك
عضو مشارك

عدد المساهمات : 85

السٌّمعَة : 0

تاريخ التسجيل : 14/01/2016


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

رد: [code] اخر 10 مواضيع بطريقة جديدة (قائمة جانبية)

الثلاثاء فبراير 14, 2017 2:44 pm


الله يعطيك العافيه على الكود الجميل



avatar
marsel

عضو مشارك
عضو مشارك

ذكر


عدد المساهمات : 65

السٌّمعَة : 0

تاريخ التسجيل : 14/02/2017

الموقع : لا يوجد


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

رد: [code] اخر 10 مواضيع بطريقة جديدة (قائمة جانبية)

الثلاثاء مايو 02, 2017 3:33 pm




avatar
el-masri

عضو مميز
عضو مميز

ذكر


عدد المساهمات : 280

السٌّمعَة : 0

pbboard

chrome

تاريخ التسجيل : 10/04/2017


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

رد: [code] اخر 10 مواضيع بطريقة جديدة (قائمة جانبية)

الأربعاء مايو 31, 2017 4:00 am


أبدعت,,,,,

,,,,,,,وتألقت

سلمت لنا يمناك على كل حرف خطته,,,

,,,,,,على كل كلمة رسمتها

عذرا,, لتقبل عباراتي المتواضعة,,,

فلم اجد الحروف التي تليق بسمو قلمك ,,

,,,,التي قد تلملم ردا يناسب روعة ما قدمته

لك ودي وجل تقديري,,



avatar
روبي

مبدعين انكور
مبدعين انكور

انثى


عدد المساهمات : 824

السٌّمعَة : 14

phpbb2

chrome

تاريخ التسجيل : 27/05/2017

الموقع : http://www.des-roubi.com/vb/


http://www.des-roubi.com/vb/

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

رد: [code] اخر 10 مواضيع بطريقة جديدة (قائمة جانبية)

الخميس يونيو 01, 2017 4:21 pm


بسم الله الرحمن الرحيم......

السلام عليكم ورحمة الله وبركاته........

بارك الله فيك اخي على الموضوع الرائع والمميز والشامل من جميع الجوانب

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

وشكرا لك على كل ماتقدمه للمنتدى من مشاركات التي اعدها دهبية

واتمنى ان تواصل معنا على هدا المستوى من التميز

تحياتي الخالصة لك اخي

avatar
☚ إآلُمـيَسًٌُُتـ,رٍۈ シ

عضو مميز
عضو مميز

ذكر


عدد المساهمات : 587

السٌّمعَة : 1

other

chrome

تاريخ التسجيل : 27/05/2017


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

رد: [code] اخر 10 مواضيع بطريقة جديدة (قائمة جانبية)

الأحد يونيو 04, 2017 4:28 pm


جميــــل جداً ...ممتـــاز ... انتظر جديد حصرياتك

avatar
ELProf-DN

عضو مميز
عضو مميز

ذكر


عدد المساهمات : 1219

السٌّمعَة : 40

phpbb3

firefox

تاريخ التسجيل : 27/05/2017

العمر : 29

الموقع : profawy.yoo7.com


http://profawy.yoo7.com/

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

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

عليك اولا بالاطلاع على قوانين شركة انكور التطويرية قبل المشاركة


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



  • © phpBB | منتدى مجاني | منتدى مجاني للدعم و المساعدة | إتصل بنا | التبليغ عن محتوى مخالف | الحصول على مدونة

    من نحن؟

    شركة انكور التطويرية لدعم ومساعدة وتطوير جميع المواقع والمنتديات من جميع الشكليات والنواحي من خلال عمل الشروحات المصورة سواء فيديوهات او صور لمختلف انواع المواقع والمنتديات و المدونات ودعم واشهار وتلبية تصاميم ما يحتاجه اصحاب المواقع ليطورو من انفسهم ومواقعهم بصورة مجانية

    ادارة شركة انكور التطويرية غير مسؤولة عن اي اتفاق يتم بين الاعضاء