يشير مصطلح "العناصر الثابتة" في Tumblr إلى أي كائن في سمة Tumblr لا يتحرك بالنسبة إلى نافذة المتصفح. على سبيل المثال ، قد يحتوي نسقك على شريط جانبي تم إصلاحه. في هذه الحالة ، لا يتحرك الشريط الجانبي عند التمرير لأسفل الصفحة ؛ يظل دائمًا في نفس المكان بالنسبة إلى نافذة المتصفح. يتم تحديد العناصر الثابتة في رمز أوراق الأنماط المتتالية للقالب الخاص بك.
HTML و CSS
يتم تحديد جميع سمات Tumblr من خلال مجموعة من HTML و CSS. بشكل عام ، يتحكم HTML في بنية السمة ، بينما تملي CSS أسلوبها. تحتوي العديد من مواقع الويب على ملفات HTML و CSS منفصلة. ومع ذلك ، فإن HTML و CSS لموضوع Tumblr النموذجي موجودان معًا في كود مصدر موحد واحد.
العثور على الموضوع الخاص بك CSS
من أجل تحديد موقع الكود المصدري للسمة الخاصة بك ، يجب عليك تسجيل الدخول إلى حساب Tumblr الخاص بك. من لوحة التحكم ، انقر فوق رمز الترس للوصول إلى قائمة الإعدادات. في قائمة الإعدادات ، حدد المدونة التي ترغب في عرضها. في قائمة تخصيص المدونة ، انقر فوق "تخصيص" في قسم المظهر. سينقلك هذا إلى صفحة تخصيص المظهر. تحت عنوان المظهر الخاص بك ، انقر فوق "تحرير HTML". سيعرض هذا HTML و CSS الخاصين بموضوعك.
المركز: عقار ثابت
ضمن رمز المظهر الخاص بك ، يمكنك الضغط على "Ctrl-F" للبحث عن عناصر محددة. إذا قمت بكتابة "position: fixed" في حقل البحث ، يمكنك التنقل بين مثيلات مختلفة من العناصر الثابتة في قالبك. إذا لم يُرجع بحثك أي نتائج أو كان أقل من المتوقع ، فحاول البحث عن "position: fixed" بدون مسافة بعد علامة النقطتين. سيتم تسمية العنصر الذي تم إصلاحه قبل قوس "{". على سبيل المثال ، #sidebar {position: fixed؛} سيصلح عنصرًا بمعرف "الشريط الجانبي".
وضع العناصر
بمجرد تحديد طريقة تحديد موضع العنصر ، يمكنك تحريكه على طول المحاور الأفقية أو الرأسية بعدد معين من وحدات البكسل. للقيام بذلك ، حدد حافة حاوية العنصر وعدد وحدات البكسل التي تريدها لفصل العنصر عن تلك الحافة. على سبيل المثال ، #sidebar {position: fixed؛ أعلى: 20 بكسل ؛ يمين: 10 بكسل ؛} سيضع الشريط الجانبي 20 بكسل من أعلى نافذة المتصفح و 10 بكسل من يمين نافذة المتصفح.
تغيير العناصر الثابتة
إذا قمت بتحديد موقع عنصر ثابت ، يمكنك تغيير طريقة وضعه. تعمل السمة "position: static" على إصلاح موضع العنصر بالنسبة إلى مكانه في تدفق تعليمات HTML البرمجية. تُستخدم هذه السمة لتعويض العنصر بمقدار معين عن موضعه الثابت العادي. على سبيل المثال ، #sidebar {position: dynamic؛ right: 20px؛} سيعوض عنصر #sidebar بمقدار 20 بكسل عن حده الأيمن العادي. أخيرًا ، الموضع: السمة المطلقة تزيل العنصر من تدفق المستند وتضعه بالنسبة للعنصر الذي يحتويه. على سبيل المثال ، إذا كان العنصر ذو الموضع المطلق موجودًا داخل عنصر ذي موضع نسبي ، فإن أي تغييرات في موضعه ستحدث بالنسبة للعنصر ذي الموضع النسبي. يمكنك تجربة أنواع تحديد المواقع المختلفة هذه لتخصيص العناصر التي تم إصلاحها في قالب Tumblr الخاص بك.
