طريقة تثبيت محرر الرد السريع أسفل الشاشة أثناء التمرير
المشاهدات:
28
الردود:
2
MesterPerfect
كبار الشخصيات
معلومات MesterPerfect
- رقم العضوية
- 1529
- تاريخ التسجيل
- 2018-01-29
- الإقامة
- sohag, Egypt
- الموقع الالكتروني
- www.youtube.com
- آخر نشاط
- المشاركات
- 3,052
- المعدل اليومي
- 0.97
- مستوى التفاعل
- 102
- قوة السمعه
أوسمة العضو
بسم الله الرحمن الرحيم
أهلاً بكم في شرح جديد، وإن شاء الله يكون مفيدًا.
شرحنا اليوم يتمثل في كيفية تثبيت محرر الرد السريع أسفل الشاشة أثناء التمرير داخل الموضوع، بحيث يبقى محرر الرد ظاهرًا أمامك أثناء تصفح المشاركات، دون الحاجة إلى تركيب أي إضافة.
المعلومات
الشرح
ندخل إلى لوحة التحكم ← المظهر ← القوالب.
نختار الستايل الذي نريد تعديله، ثم نبحث عن قالب:
نفتح القالب ونضيف الكود التالي في نهايته:
ثم نحفظ القالب.
بعد ذلك، عند الدخول إلى أحد المواضيع والبدء في التمرير، سيبقى محرر الرد السريع مثبتًا في أسفل الشاشة، مما يتيح لك الوصول إليه بسهولة دون الحاجة إلى العودة إلى أسفل الصفحة في كل مرة.
نتيجة الشرح:
كيف يعمل الكود؟
يعتمد التعديل على العنصر:
استخدمنا الخاصية:
وهي التي تجعل محرر الرد السريع يلتصق بموقع محدد أثناء التمرير، مع بقائه ضمن تخطيط الصفحة.
ثم استخدمنا:
لتحديد موضع التثبيت في أسفل نافذة المتصفح.
أما:
فتستخدم لضمان ظهور محرر الرد السريع فوق العناصر الأخرى التي قد تتداخل معه أثناء التمرير.
واستخدمنا:
لإضافة خلفية وحد علوي للمحرر باستخدام متغيرات XenForo، بحيث يتناسب المظهر مع الستايل المستخدم.
كما أضفنا:
لإضافة مسافة داخلية حول محتوى محرر الرد السريع.
وأخيرًا:
لضمان احتساب المسافات الداخلية والحدود ضمن أبعاد العنصر.
ملاحظة مهمة
استخدمنا شرط:
بحيث يتم تطبيق التعديل على الشاشات المتوسطة والكبيرة، بينما لا يتم تطبيقه على الشاشات الصغيرة مثل الهواتف.
وبهذا يصبح محرر الرد السريع ثابتًا أسفل الشاشة أثناء التمرير، مع بقائه متاحًا للزائر في جميع الأوقات أثناء تصفح الموضوع.
وبهذا ينتهي شرحنا لهذا اليوم.
ونراكم قريبًا إن شاء الله.
والسَّلام عليكم ورحمة الله وبركاته.
أهلاً بكم في شرح جديد، وإن شاء الله يكون مفيدًا.
شرحنا اليوم يتمثل في كيفية تثبيت محرر الرد السريع أسفل الشاشة أثناء التمرير داخل الموضوع، بحيث يبقى محرر الرد ظاهرًا أمامك أثناء تصفح المشاركات، دون الحاجة إلى تركيب أي إضافة.
المعلومات
- اسم الشرح: طريقة تثبيت محرر الرد السريع أسفل الشاشة أثناء التمرير
- توافق الشرح: XenForo 2.x
- مقدم الشرح: أحمد بكر @MesterPerfect
- تمت التجربة: نعم
الشرح
ندخل إلى لوحة التحكم ← المظهر ← القوالب.
نختار الستايل الذي نريد تعديله، ثم نبحث عن قالب:
extra.lessنفتح القالب ونضيف الكود التالي في نهايته:
Less
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
ثم نحفظ القالب.
بعد ذلك، عند الدخول إلى أحد المواضيع والبدء في التمرير، سيبقى محرر الرد السريع مثبتًا في أسفل الشاشة، مما يتيح لك الوصول إليه بسهولة دون الحاجة إلى العودة إلى أسفل الصفحة في كل مرة.
نتيجة الشرح:
كيف يعمل الكود؟
يعتمد التعديل على العنصر:
.js-quickReply وهو العنصر الذي يحتوي على محرر الرد السريع.استخدمنا الخاصية:
Less
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
وهي التي تجعل محرر الرد السريع يلتصق بموقع محدد أثناء التمرير، مع بقائه ضمن تخطيط الصفحة.
ثم استخدمنا:
Less
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
لتحديد موضع التثبيت في أسفل نافذة المتصفح.
أما:
Less
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
فتستخدم لضمان ظهور محرر الرد السريع فوق العناصر الأخرى التي قد تتداخل معه أثناء التمرير.
واستخدمنا:
Less
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
لإضافة خلفية وحد علوي للمحرر باستخدام متغيرات XenForo، بحيث يتناسب المظهر مع الستايل المستخدم.
كما أضفنا:
Less
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
لإضافة مسافة داخلية حول محتوى محرر الرد السريع.
وأخيرًا:
Less
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
لضمان احتساب المسافات الداخلية والحدود ضمن أبعاد العنصر.
ملاحظة مهمة
استخدمنا شرط:
Less
🔒 يجب تسجيل الدخول لمشاهدة محتوى الكود.
بحيث يتم تطبيق التعديل على الشاشات المتوسطة والكبيرة، بينما لا يتم تطبيقه على الشاشات الصغيرة مثل الهواتف.
وبهذا يصبح محرر الرد السريع ثابتًا أسفل الشاشة أثناء التمرير، مع بقائه متاحًا للزائر في جميع الأوقات أثناء تصفح الموضوع.
وبهذا ينتهي شرحنا لهذا اليوم.
ونراكم قريبًا إن شاء الله.
والسَّلام عليكم ورحمة الله وبركاته.
