• [قرار إداري] سيتم حذف جميع الأعضاء المسجلين الجدد الذين اختاروا تسمية عشوائية وليس لديهم صورة رمزية بعد 7 أيام.
  • [قرار إداري] يُمنع منعًا باتًا الرد بلغة غير العربية، أو بردود عشوائية، أو بالاكتفاء باقتباس الموضوع فقط. مخالفة ذلك قد تؤدي إلى حظر العضوية.
  • 👋 أهلاً وسهلاً بك أخي الزائر، يشرفنا انضمامك إلى مجتمعنا! التسجيل من هنا

WIKIBA

عضـو نشيـط
إنضم
14 أبريل 2025
المشاركات
70
مستوى التفاعل
227
النقاط
640
العمر
45
الإقامة
slo
الموقع الالكتروني
🔗
مجموع اﻻوسمة
1
الجنس
ذكر
المشاهدات: 202 | الردود: 4
هذا كود CSS (أو بالأدق Less لأنه فيه متغير @xf-responsiveMedium خاص بـ XenForo) وظيفته:
media query (@media (min-width: @xf-responsiveMedium) {...}):

يعني الكود هذا ينطبق فقط لما تكون الشاشة أعرض من @xf-responsiveMedium
(اللي عادةً هو حجم معين للتابلت أو الديسكتوب، وليس الجوال).

داخل الشرط:
.message-user
(جزء بيانات العضو بجانب الرد مثل الاسم والصورة الرمزية):
position: sticky;: يعني يبقى مثبت في مكانه لما تسكرول الصفحة،
لكن مش بالكامل ثابت مثل fixed، بل يبقى عادي إلى أن يوصل نقطة معينة ويثبت.
top: 37px;: يبدأ يثبت لما يوصل بعد 37 بكسل من أعلى الشاشة.
.message-userArrow (غالباً السهم الصغير اللي يربط بين بيانات العضو والمحتوى):
right: -11px;: يحرك السهم 11 بكسل خارج جهة اليمين ليظبط مكانه بالنسبة للوضعية الجديدة للعضو.

لما تتصفح المنتدى بشاشة واسعة (مثل كمبيوتر)،
بيانات العضو تظل ظاهرة وثابتة جزئياً وانت تقرأ الردود
(عشان سهولة رؤية اسم العضو بدون الحاجة للرجوع للأعلى).

السهم يتعدل مكانه ليتماشى مع التثبيت.​

CSS:
@media (min-width: @xf-responsiveMedium) {
    .message-user {
        position: sticky;
        top: 37px;

        .message-userArrow {
            right: -11px;
        }
    }
}
 

كلمة المدير

جميع المواضيع والمشاركات المكتوبة تعبّر عن وجهة نظر صاحبها ,, ولا تعبّر بأي شكل من الاشكال عن وجهة نظر إدارة المنتدى .

تواصل مع فريق العمل

  • Algeria, Palestine

  • t.me/techawzen

  • contact@techawzen.com

  • techawzen.com

عن منتديات تكاوزن العربية techawzen

تكاوزن، منتدى عربي يجمع محترفي التقنية، البرمجيات، الأمن السيبراني، أنظمة التشغيل، ومجتمع النخبة في المحتوى الحصري والدعم الفني.

تابعنا على المواقع الاجتماعية


إتصل بنا

 

أعلى

خيارات الاستايل

تلوين الاقسام
خلفية المنتدى
نوع الخط
جدول المنتديات
تمديد المنتدى
فصل الأقسام
إخفاء السايدبار
حجم الخط
الصورة الرمزية
بيانات العضو
إخفاء التواقيع

إرجاع خيارات الإستايل