طريقة جعل أي إضافة تابثة أعلى الصفحة

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

ولكن ثتبيثة هنا بشكل جديد وحصري

لكي تعاين الطريقة تفضل هنا http://magazine-v1.arabe-eye.com

يعني الإضافة تبقى في مكانها لكن عند الصعود للأعلى والوصول إليها تبقى تابثة للعيان

ويمكنك استعمالها لجعل إعلان تابث او القائمة البريدية حسب رغبتك المهم ان الطريقة يمكن تطبيقها على أي أداة

لتركيب هذا الطريقة قم بالبحث في قالبك على الوسم التالي </body> ثم فوقه ضع الكود التالي

<script>
//<![CDATA[
cnmu_makeSticky("HTML1");
function cnmu_makeSticky(elem) {
    var cnmu_sticky = document.getElementById(elem);
    var scrollee = document.createElement("div");
    cnmu_sticky.parentNode.insertBefore(scrollee, cnmu_sticky);
    var width = cnmu_sticky.offsetWidth;
    var iniClass = cnmu_sticky.className + ' cnmu_sticky';
    window.addEventListener('scroll', cnmu_sticking, false);
    function cnmu_sticking() {
        var rect = scrollee.getBoundingClientRect();
        if (rect.top < 0) {
            cnmu_sticky.className = iniClass + ' cnmu_sticking';
            cnmu_sticky.style.width = width + "%";
        } else {
            cnmu_sticky.className = iniClass;
        }
    }
}
//]]>
</script>
<style>
.cnmu_sticking {position:fixed !important; top:0; z-index:9999; margin-top: 0; position:relative\9 !important;}
.widget.cnmu_sticky {width:100% !important;}
</style>

بعد تركيبها ياتي دورك في إختيار وسم الاداة التي تريد جعلها تابثة يمكن تكون مجرد اداة او القائمة العلوية كما فعلت انا جعلتها تابثة فالطريقة تصلح مع اي إضافة كما قلت سابقا فقط غير كلمة HTML1  بوسم الإضافة التي ستطبق عليها الطريقة

ملاحضة:أي إضافة تضيفها من التخطيط وخصوصا أداة HTML/Javascript تأخد إسم معين يبدأ من HTML1 وهكذا يعني HTML2 و HTML3 و HTML4 وهكذا

لذالك لتتبيث أي إضافة عليك ان تعرف وسمها الخاص لكي تضعه في المكان المناسب في الكود

اما الإضافات الاخرى غير أدوات HTML/Javascript فلها أسمائها الخاصة مثلا

Label1 تخص التسميات

PopularPosts1 تخص المشاركات الشائعة

وهكذا كل إضافة لها وسمها الخاص بها الذي ستستعمله لتضعه في الكود في حالة رغبتك تطبيق الطريقة عليها

صورة للتوضيح اكثر

إضغط على الصورة لتضهر بحجمها الطبيعي

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

بالتوفيق للجميع ودمتم في رعاية الله وحفظه