EnglishFrenchGermanSpainItalianDutchRussianPortugueseArabic

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

السلام عليكم
كيف الحال إخواني في هذه التدوينة سيتم شرح طريقة لجعل أي إضافة تابثة أعلى الصفحة
ولكن ثتبيثة هنا بشكل جديد وحصري
لكي تعاين الطريقة تفضل هنا 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 تخص المشاركات الشائعة
وهكذا كل إضافة لها وسمها الخاص بها الذي ستستعمله لتضعه في الكود في حالة رغبتك تطبيق الطريقة عليها
صورة للتوضيح اكثر

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

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

ليست هناك تعليقات:

إرسال تعليق

التالي السابق الرئيسية