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