شرح إضافة شعار داخل محرر XenForo

  • بادئ الموضوع بادئ الموضوع codeNET
  • تاريخ البدء تاريخ البدء
codeNET

codeNET

Administrative
طاقم الإدارة
ادارة كود نت

إضافة شعار داخل محرر XenForo​

IMG_8479.jpeg

الوصف​

إضافة شعارك داخل محرر XenForo هي طريقة بسيطة ولكن فعّالة لتخصيص مجتمعك وإبراز علامتك التجارية بشكل احترافي وهادئ داخل الكتابة.

الخطوة الأولى: الدخول إلى قالب Extra LESS​


اذهب إلى لوحة تحكم XenForo ثم:
  • Appearance → Templates
  • افتح قالب extra.less الخاص بالستايل الذي تريد تعديله

الخطوة الثانية: إضافة كود CSS​

قم بنسخ الكود التالي وإضافته داخل ملف extra.less:
كود: 
.fr-box.fr-basic .fr-element {
    position: relative;
    background: none;
}

.fr-box.fr-basic .fr-element:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('https://administrata.net/data/assets/logo_default/TESTLOGO.webp') no-repeat bottom right;
    background-size: 300px;
    opacity: 0.2;
    pointer-events: none;
    z-index: -1;
}

@media (max-width: 650px) {
    .fr-box.fr-basic .fr-element:before {
        content: '';
        background: url('https://i.ibb.co/8rFyrtW/opacity.png') no-repeat bottom right;
        background-size: 30px;
    }
}

طريقة العمل​

على سطح المكتب​

  • يتم إضافة شعارك داخل محرر النصوص بشكل خفيف في الخلفية.
  • يظهر في الزاوية السفلية اليمنى.
  • حجمه 300px مع شفافية 20%.

على الهاتف​

  • يتم تصغير الشعار تلقائيًا عبر media query.
  • يصبح بحجم 30px ليتناسب مع الشاشات الصغيرة.

ملاحظات مهمة​

  • تأكد من تغيير رابط الشعار إلى شعارك الخاص.
  • يمكنك تعديل الحجم أو الشفافية حسب رغبتك.
  • يفضل عمل نسخة احتياطية من ملف extra.less قبل التعديل.
  • يفضل التجربة على ستايل تجريبي قبل تطبيقه على الموقع الرئيسي.

الخلاصة​

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