مساء الخير،
أحاول جعل جميع الأزرار في منتداي مربعة مستديرة. لقد استخدمت CSS ضمن CSS/HTML:
.btn { border-radius: 5px; }
يعمل هذا في علامة التبويب “معاينة”، ولكنه لا يعمل في المنتدى المباشر بعد تضمين المكون في هذه السمات.
حاليًا في المنتدى:
بعد استخدام CSS:
هنا في Meta، باستخدام سمة Fully، الأزرار مستديرة. ومع ذلك، باستخدام هذه السمة في منتداي، فهي ليست كذلك.
Heliosurge
(Dan DeMontmorency)
17 يوليو 2024، 7:47م
2
جرّب هذا المكوّن المخصّص للثيم: Customization > Theme component
يضيف هذا الخيار تدوير عناصر أخرى مثل الاقتباسات والصور والمزيد.
تم إنشاء مكون بسيط للغاية لتغيير حدود الصور، والصناديق الواحدة، والاقتباسات، وإشعارات الموظفين المعروضة في المواضيع.
يسمح بتغيير الإعدادات التالية:
تعيين شدة استدارة الصورة
تعيين عرض حدود الصورة
تعيين لون حدود الصورة
تعيين شدة استدارة الصندوق الواحد
تغيير عرض حدود الصندوق الواحد
تغيير لون حدود الصندوق الواحد
تغيير لون خلفية الصندوق الواحد
تعيين شدة استدارة الاقتباسات
إزالة الحد الأيسر من الاقتباسات
تعيين شدة استدارة “لون الموظفين”
دعم مصغرات المواضيع لـ:
زوايا القائمة المستديرة
زوايا الشبكة …
يا إلهي! أنا دائمًا أخبر مستخدمي بالبحث قبل إنشاء موضوع!
الآن أنا مذنب بنفس الشيء! كنت أبحث عن “أزرار مستديرة”. كان الأمر أكثر تعقيدًا مما ينبغي. كان يجب أن أبحث فقط عن “أزرار”.
Heliosurge
(Dan DeMontmorency)
17 يوليو 2024، 7:52م
4
حسنًا، لقد استخدمت مصطلح البحث هذا.
"#customization:theme-component Round"
يمكنك أيضًا القيام بذلك
:root {
--d-button-border-radius: 5px
}
أو
:root {
--d-border-radius: 5px;
}
إذا كنت تريد حقًا زوايا مستديرة في كل مكان
هممم… مرة أخرى، يبدو أن كلاهما يعمل فقط في وضع المعاينة، حتى بعد تحديث المنتدى وتسجيل الدخول والخروج.
Jagster
(Jakke Flemming)
17 يوليو 2024، 8:05م
7
Aaron Walsh:
استخدم وظيفة البحث
جرح مفتوح على مرأى العين… أين ملحي
الضربة الخامسة:
آسف يا صديقي، لم أستطع مقاومة الإغراء
Heliosurge
(Dan DeMontmorency)
17 يوليو 2024، 8:08م
8
بعد تثبيت مكون وإضافته إلى السمات الخاصة بك لتطبيقه، تحتاج إلى تحديث الصفحة.
بعد ذلك، يجب أن يكون مرئيًا سواء كنت مسجلاً الدخول أم لا.
المعاينة مخصصة فقط للاختبار دون تفعيل أي سمات.
Moin
17 يوليو 2024، 8:10م
9
هل أضفت أي مكونات أخرى تقوم بتخصيص الأزرار أيضًا؟
مثل حدود صور مستديرة
عذرًا، كنت أرد على منشور @awesomerobot باستخدام CSS.
Heliosurge
(Dan DeMontmorency)
17 يوليو 2024، 8:11م
11
نفس الشيء عند إنشاء مكون مخصص. بعد حفظه، تحتاج إلى إضافته إلى السمات الخاصة بك.
تم هذا أيضًا.
ألقي نظرة على رد @Moin ولا أرى شيئًا سيتعارض مع المكون المخصص. سأتعمق في “نمط زر Discourse”. لقد كان لدي هذا من قبل، وبصراحة، كانت هناك الكثير من المربعات الفارغة، ولم يستطع عقلي المصاب باضطراب فرط الحركة وتشتت الانتباه التعامل معها، هاها! مجرد CSS بسيط سيعمل بالنسبة لي (إذا كان كذلك).
نعم، لدي هذا. إذن هذا يتعارض مع المكون المخصص؟
إذن سأضطر إلى إنشاء CSS يدويًا للأزرار والصورة الرمزية والصور التي أرغب/أتطلع إليها.
Moin
17 يوليو 2024، 8:28م
14
يوجد إعداد button settings enabled، لذا ربما
أحتاج إلى التأكد من أنني قمت بفحص جميع الخيارات قبل الانتقال إلى مكون آخر.
تم ضبط كل من
شدة زاوية الزر
شدة زاوية صندوق نمط الفئة
على 0 بكسل.
آسف على إضاعة الوقت! ولكن عمل جماعي جيد!
MarcP
(MarcP)
19 يوليو 2024، 4:59م
16
هذا لطيف. أعتقد أن مكوني يغطي معظم الأزرار حاليًا ولكني لم أكن أعرف بهذا النهج، شكرًا لك.