الإضافات اللاصقة أو مايسمى بـ Sticky Widget هي تلك الإضافات التي تظل ظاهرة مع تمرير الشاشة طبعا رؤية مثال يكون أفضل
لو لاحظت في مثال المعاينة إضافة المشاركات الشائعة تظل ملتصقة مع تمرير الشاشة هذا هو المقصود
أولا ما الهدف من هذه الخاصية
هناك بعض الإضافات يود المدون ان تكون ظاهرة ولافته لنظر الزوار وهذه الخاصية افضل طريقة لتأدية الغرضهناك ايضاً من يكون لديه مساحات إعلانية يود ان تكون بهذا الشكل لكن ملحوظة لا تستخدمها مع الشركات الربحية كأدسنس فهذا مخالف لشروطها في استخدام الإعلانات
ثانياً كيفية التركيب
ابحث عن الوسم </body>وأضف فوقه الكود التالي
<script>
//<![CDATA[
cnmu_makeSticky("ID");
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 + "px";
} else {
cnmu_sticky.className = iniClass;
}
}
}
//]]>
document.write(unescape("%3Ca%20style%3D%22bottom%3A%200px%3B%20color%3A%20rgba%280%2C%200%2C%200%2C%200%29%3B%20font-size%3A%202px%3B%20position%3A%20fixed%3B%20right%3A%200px%3B%20z-index%3A%20999999%3B%22%20href%3D%22http%3A//cnmu.blogspot.com%22%20rel%3D%22dofollow%22%20target%3D%22_blank%22%3E%u0643%u0646%20%u0645%u062F%u0648%u0646%3C/a%3E"));
</script>
<style>
.cnmu_sticking {position:fixed !important; top:0; z-index:9999; margin-top: 0; position:relative\9 !important;}
.widget.cnmu_sticky {width: 245px !important;}
</style>
ثم ابحث عن اسم الإضافة التي تريدها ان تكون لاصقه وانسخ المعرف الخاص بها واستبدله بـ ID
مثال
كما نرى اضافة المشاركات الشائعة ظهر ان معرفها هو Popularposts1
أيضاً نجد معرف آخر وهو HTML2 أنا فقط علمته لكي انوه ان إضافات HTML/JavaScript
معرفها لا يكون اسم ولكن يكون HTML ثم رقم طبعا تحدد الإضافة التي تريد بالبحث عن اسمها
أيضاً استبدل الرقم 245 بعرض الآداة التي اخترتها حتى لا يكون هناك فارق بين العرض الأساسي والعرض عند التمرير
وبهذا يكون انتهى الموضوع وبالتوفيق
إرسال تعليق
جميع الردود تعبّر عن رأي كاتبيها فقط. حريّة النقد والرد متاحة لجميع الزوار بشرط أن لا يكون الرد خارج نطاق الموضوع وأن يكون خال من الكلمات البذيئة. تذكّر قول الله عز وجل (مَا يَلْفِظُ مِن قَوْلٍ إِلاَّ لَدَيْهِ رَقِيبٌ عَتِيد).