أبحث عن تغيير حجم الصورة المصغرة لـ “Modern Category + Group Boxes” عبر CSS. إذا استخدمت الإعداد الافتراضي لاستخدام صورة، فإن الصورة تزيد من حجم الصورة المصغرة (حتى لو استخدمت صورة أصغر). أنا متأكد من أن هذا قد تم من قبل ولكن بحثي لم يقدم أي نتائج تعالج هذه المشكلة مباشرة (مرة أخرى، مما تمكنت من العثور عليه).
سيكون أي مساعدة موضع تقدير كبير، حتى لو كان بإمكانك توجيهي في الاتجاه الصحيح باستخدام CSS.
شكرا لك!
Lilly
24 فبراير 2024، 1:03ص
2
بما أنك تبدو مهتمًا بإجراء الكثير من التخصيصات على نسخة Discourse الخاصة بك، فربما تساعدك هذه المواضيع:
هذه دورة مكثفة في أساسيات سمات Discourse. الجمهور المستهدف هو كل من ليس على دراية بسمات Discourse. إذا كنت قد استخدمت بالفعل سمة Discourse / مكونات السمة، فمن المرجح أن هذا الدليل ليس شيئًا تحتاج إلى قراءته.
يمكن استخدام سمات Discourse (Discourse Themes) ومكونات السمات (Theme Components) لتخصيص مظهر وشعور ووظائف الواجهة الأمامية لـ Discourse. يهدف هذا القسم من أدلة المطورين إلى توفير جميع المواد المرجعية التي تحتاجها لتطوير سمات بسيطة لموقع واحد، وصولاً إلى مكونات السمات المعقدة مفتوحة المصدر.
يهدف هذا التمهيد إلى توفير خريطة لجميع الأدوات وواجهات برمجة التطبيقات (APIs) لتطوير السمات. إذا كنت تفضل برنامجًا تعليميًا خطوة بخطوة لتطوير السمات، انتقل مباشرة إلى:
There are a few ‘how to start’ guides for working with Discourse already and a wealth of useful info on meta, but I thought it might help to give an insight to the mental processes of starting from little, if any, prior coding experience to building substantial Discourse plugins.
Discourse is written by experienced developers and has a large codebase. This can feel intimidating. This intimidation factor can be a significant barrier for novice developers. This is a kind of ‘psychological primer’…
Heliosurge
24 فبراير 2024، 1:32ص
3
قد يكون هذا الموضوع مفيدًا. قام @Canapin ببعض البرمجة الرائعة هنا.
We’re aware of that and discussing it @derak would like:
[image]
.category-boxes, .category-boxes-with-topics {
gap: 1em;
}
.mobile-view .category-boxes .category-box, .mobile-view .category-boxes-with-topics .category-box {
width: 100%;
flex: 0 0 calc(50% - 0.5em);
}
.category-boxes .description {
display: none;
}
.category-boxes .category-box .category-box-inner .category-details .category-box-heading h3 {
…