تثبيت القائمة الجانبية لبلوجر

الاخوة الافاضل ابحث منذ فترة عن طريقة لتثبيت القائمة الجانبية لبلوجر saidbar ولم افلح وبعد فترة قررت ان ابحث في القالب الذي استخدمة عن الكود

صورة 'Amr Awwad' الرمزية
Amr Awwad
:: عضو نشيط ::
تاريخ الإنضمام: 29 - 07 - 2016
رقم العضوية : 352694
الدولة : مصر
المشاركات: 242
قديمة 16 - 02 - 2018, 01:25
المشاركة 1
  • قوة السمعة : 50
  • الإعجاب: 64

    الاخوة الافاضل

    ابحث منذ فترة عن طريقة لتثبيت القائمة الجانبية لبلوجر saidbar

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

    رمز Code:
     <script type='text/javascript'> 
                //<![CDATA[
                // Plugin: Sticky jQuery ~ BY: http://stickyjs.com
                (function(e){var t={topSpacing:0,bottomSpacing:0,className:"is-sticky",wrapperClassName:"sticky-wrapper",center:false,getWidthFrom:"",responsivewidth : false},n=e(window),r=e(document),i=[],s=n.height(),o=function(){var t=n.scrollTop(),o=r.height(),u=o-s,a=t>u?u-t:0;for(var f=0;f<i.length;f++){var l=i[f],c=l.stickyWrapper.offset().top,h=c-l.topSpacing-a;if(t<=h){if(l.currentTop!==null){l.stickyElement.css("width","").css("position","").css("top","");l.stickyElement.trigger("sticky-end",[l]).parent().removeClass(l.className);l.currentTop=null}}else{var p=o-l.stickyElement.outerHeight()-l.topSpacing-l.bottomSpacing-t-a;if(p<0){p=p+l.topSpacing}else{p=l.topSpacing}if(l.currentTop!=p){l.stickyElement.css("width",l.stickyElement.width()).css("position","fixed").css("top",p);if(typeof l.getWidthFrom!=="undefined"){l.stickyElement.css("width",e(l.getWidthFrom).width())}l.stickyElement.trigger("sticky-start",[l]).parent().addClass(l.className);l.currentTop=p}}}},u=function(){s=n.height();for(var t=0;t<i.length;t++){var r=i[t];if(typeof r.getWidthFrom!=="undefined"&&r.responsiveWidth===true){r.stickyElement.css("width",e(r.getWidthFrom).width())}}},a={init:function(n){var r=e.extend({},t,n);return this.each(function(){var n=e(this);var s=n.attr("id");var o=s?s+"-"+t.wrapperClassName:t.wrapperClassName;var u=e("<div></div>").attr("id",s+"-sticky-wrapper").addClass(r.wrapperClassName);n.wrapAll(u);if(r.center){n.parent().css({width : n.outerWidth(),marginLeft:"auto",marginRight:"auto"})}if(n.css("float")=="right"){n.css({"float":"none"}).parent().css({"float":"right"})}var a=n.parent();a.css("height",n.outerHeight());i.push({topSpacing:r.topSpacing,bottomSpacing:r.bottomSpacing,stickyElement:n,currentTop:null,stickyWrapper:a,className:r.className,getWidthFrom:r.getWidthFrom,responsivewidth : r.responsiveWidth})})},update:o,unstick:function(t){return this.each(function(){var t=e(this);var n=-1;for(var r=0;r<i.length;r++){if(i[r].stickyElement.get(0)==t.get(0)){n=r}}if(n!=-1){i.splice(n,1);t.unwrap();t.removeAttr("style")}})}};if(window.addEventListener){window.addEventListener("scroll",o,false);window.addEventListener("resize",u,false)}else if(window.attachEvent){window.attachEvent("onscroll",o);window.attachEvent("onresize",u)}e.fn.sticky=function(t){if(a[t]){return a[t].apply(this,Array.prototype.slice.call(arguments,1))}else if(typeof t==="object"||!t){return a.init.apply(this,arguments)}else{e.error("Method "+t+" does not exist on jQuery.sticky")}};e.fn.unstick=function(t){if(a[t]){return a[t].apply(this,Array.prototype.slice.call(arguments,1))}else if(typeof t==="object"||!t){return a.unstick.apply(this,arguments)}else{e.error("Method "+t+" does not exist on jQuery.sticky")}};e(function(){setTimeout(o,0)})})(jQuery);
                //]]>
              </script>
              &lt;script type='text/javascript'&gt; 
                //&lt;![CDATA[
                var stickyWork = &quot;<data:content/>&quot;;
                var FstickyWork = stickyWork.replace(/(\r\n|\n|\r)/gm,&quot; &quot;);
                if ( FstickyWork === &quot;yes&quot; ) {
                  $(document).ready(function(){$(&quot;#header-navigation&quot;).sticky({topSpacing:0});});
                }
                //]]&gt;
              &lt;/script&gt;


    وقمت باخذ نمسخة ثانية منه وقمت بتعديل "header-navigation" الى lable3
    وبالفعل اشتغلت ولكن المشلكة ان الاضافة تتداخل مع الفوتر

    فهل من حل لايقاف الاضافة اول ما تصل الى الفوتر ؟؟

    قديمة 04 - 03 - 2018, 13:45
    المشاركة 2
    صورة 'Ehab Obaidat‎‏' الرمزية
    Ehab Obaidat‎‏
    .:: عضو متألق ::.
    تاريخ الإنضمام: 19 - 02 - 2015
    رقم العضوية : 263969
    الدولة : Palestine - Jerusalem
    المشاركات: 8,396
    555
    قديمة 04 - 03 - 2018, 19:05
    المشاركة 3
    صورة 'Amr Awwad' الرمزية
    Amr Awwad
    :: عضو نشيط ::
    تاريخ الإنضمام: 29 - 07 - 2016
    رقم العضوية : 352694
    الدولة : مصر
    المشاركات: 242
    افتراضي رد : تثبيت القائمة الجانبية لبلوجر
    قديمة 07 - 03 - 2018, 00:56
    المشاركة 4
    صورة 'Ehab Obaidat‎‏' الرمزية
    Ehab Obaidat‎‏
    .:: عضو متألق ::.
    تاريخ الإنضمام: 19 - 02 - 2015
    رقم العضوية : 263969
    الدولة : Palestine - Jerusalem
    المشاركات: 8,396
    555
    افتراضي رد : تثبيت القائمة الجانبية لبلوجر
    الكود لا يوجد فيه مشكله فقط تحتاج الى تعديل اكواد css الخاصه ب كود الجديد بحيث يصبح مختلف عن الكود الاخر حتى لا تحدث مشكله
    قديمة 07 - 03 - 2018, 08:10
    المشاركة 5
    صورة 'Amr Awwad' الرمزية
    Amr Awwad
    :: عضو نشيط ::
    تاريخ الإنضمام: 29 - 07 - 2016
    رقم العضوية : 352694
    الدولة : مصر
    المشاركات: 242
    افتراضي رد : تثبيت القائمة الجانبية لبلوجر
    @Ehab Obaidat‎‏

    الكود مفيهوش مشكلة ويعمل بشكل المثالي
    المطلوب التعديل بحيث يقف تطبيق الكود عند الوصول للفوتر حتى لا يتداخل معه
    قديمة 07 - 03 - 2018, 08:18
    المشاركة 6
    صورة 'Amr Awwad' الرمزية
    Amr Awwad
    :: عضو نشيط ::
    تاريخ الإنضمام: 29 - 07 - 2016
    رقم العضوية : 352694
    الدولة : مصر
    المشاركات: 242
    افتراضي رد : تثبيت القائمة الجانبية لبلوجر
    قبل وبعد الوصول للفوتر
    الصور المصغرة المرفقة
    اضغط على الصورة المصغرة لمشاهدتها بحجمها الأصلي

اسم الصورة : Capture.JPG
عدد المشاهدات : 14
حجم الصورة : 82.6 كيلوبايت
رقم هوية الصورة : 795084   اضغط على الصورة المصغرة لمشاهدتها بحجمها الأصلي

اسم الصورة : Ca11pture.JPG
عدد المشاهدات : 12
حجم الصورة : 81.2 كيلوبايت
رقم هوية الصورة : 795085  
    قديمة 12 - 03 - 2018, 23:34
    المشاركة 7
    صورة 'Ehab Obaidat‎‏' الرمزية
    Ehab Obaidat‎‏
    .:: عضو متألق ::.
    تاريخ الإنضمام: 19 - 02 - 2015
    رقم العضوية : 263969
    الدولة : Palestine - Jerusalem
    المشاركات: 8,396
    555
    افتراضي رد : تثبيت القائمة الجانبية لبلوجر
    @Amr Awwad

    قوم بضافه اكواد css الخاصه في فوتر وهي اكواد مارجين والابعاد بمعنى كود لي يعمل مساحه في فوتر الى الكود الجديد لي استخدمته في تثبيت قائمه الجانيه

    الكود صعب تقول كيف تعمل ان ما كان قدامك انت فيك تشوف اكواد فوتر وتخذ منها اكواد لي مخليه فوتر بعيد وكم ارتفاعه وهذا اساس تستخدمها او استخدام الكود الموجود في بوست post لي يعطي مسافه بين بوست و الفوتر في اخر قائمه الجانيه

    تخياتي بتوفيق
    قديمة 13 - 03 - 2018, 00:42
    المشاركة 8
    صورة 'Amr Awwad' الرمزية
    Amr Awwad
    :: عضو نشيط ::
    تاريخ الإنضمام: 29 - 07 - 2016
    رقم العضوية : 352694
    الدولة : مصر
    المشاركات: 242
    افتراضي رد : تثبيت القائمة الجانبية لبلوجر
    قديمة 13 - 03 - 2018, 12:13
    المشاركة 9
    صورة 'Ehab Obaidat‎‏' الرمزية
    Ehab Obaidat‎‏
    .:: عضو متألق ::.
    تاريخ الإنضمام: 19 - 02 - 2015
    رقم العضوية : 263969
    الدولة : Palestine - Jerusalem
    المشاركات: 8,396
    555
    مغلق
    العلامات المرجعية

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

    أدوات الموضوع ابحث في الموضوع
    ابحث في الموضوع:

    البحث المتقدم
    طرق العرض



    الساعة معتمدة بتوقيت جرينتش +3 . الساعة الآن : 17:44.
    المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
    فعلى كل شخص تحمل مسئولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه
    التعليقات المنشورة لا تعبر عن رأي معهد ترايدنت ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)

    جميع الحقوق محفوظة Traidnt 2018
    • 00966138651070
    • 00966138648289
    • 2051033691
    Powered by vBulletin® Version 3.8.7 .Copyright ©2000 - 2018, Jelsoft Enterprises Ltd
    SEO by vBSEO ©2011, Crawlability, Inc.