أعتقد أنه يمكنك إنشاء Theme component جديد وتجاوز الخطوط
قد يكون هذا الكمبيوتر قابلاً للتعديل أو قد تجد خطوطًا في Google Fonts حسب رغبتك
يمكنك استهداف الرأس وتعديله باستخدام CSS أعتقد
ربما ليس بالضبط ما تبحث عنه. ولكن ربما يكون ذا أهمية.
أهلاً بالجميع
شكراً على هذا القالب الرائع!
أنا فقط أواجه صعوبة في شيء ما. لقد لاحظت على الهاتف المحمول أن بعض علامات تبويب تفضيلات الملف الشخصي ليس لها خلفية صلبة، مما يجعلها تبدو غريبة بعض الشيء. انظر الصورة أدناه كمرجع:
صفحة الخطأ على إصدار الهاتف المحمول تفعل الشيء نفسه. كلها جيدة على سطح المكتب/الجهاز اللوحي، ولكن يبدو أن إصدار الهاتف المحمول لديه CSS مختلف؟
هل يعرف أحد ربما كيف/أين يمكنني تغيير هذا؟ ليس لدي أي خلفية في البرمجة، فهل سأحتاج إلى مطور للقيام بذلك نيابة عني؟
إعجاب واحد (1)
هذا مثال لما يبدو عليه على الجهاز اللوحي/الهاتف المحمول وأيضًا ما تبدو عليه معظم علامات التبويب الأخرى:
إعجاب واحد (1)
مرحباً بك في ميتا! 
لا أعتقد ذلك. هذه سمة #رسمية لذا فهي تتم صيانتها بواسطة فريق Discourse. ولكن حتى السمات الأخرى التي تتم مشاركتها هنا غالباً ما يتم إصلاحها بواسطة القائم بالصيانة عندما تبلغ عن مشكلة.
يمكنني إعادة إنتاج مشكلتك هنا. يبدو الأمر أسوأ من لقطة الشاشة الخاصة بك لأن معاينة الرسالة أوسع من شاشتي.
إعجاب واحد (1)
يمكنك تجربة CSS التالي:
.topic-list {
.topic-list-header .posts,
.topic-list-body .posts {
display: none !important;
}
}
إعجابَين (2)
نعم، لقد حاولت إخفاءها بهذه الطريقة. يتم إخفاء عناصر div العادية، لكنها لا تعمل مع td. لقد جربت عدة خيارات:
.td.num.posts... {
display: none;
}
.td:num.posts... {
display: none;
}
إعجاب واحد (1)
لقد اختبرت CSS الخاص بي، وهو يعمل لدي. هل اختبرته؟
ينقصها !important لهذا الثيم.
3 إعجابات
شكراً @chapoi
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posts,
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.age,
.full-width .contents .topic-list .topic-list-body .topic-list-item .topic-list-data.posters {
display: none;
}
3 إعجابات
هناك بعض المساحة الفارغة في الأعلى. هل هناك أي طريقة لإزالتها؟ لا يمكنني العثور على أي شيء باستخدام مدقق العناصر.
وأود زيادة عرض الكتلة التي تحتوي على محتوى الموضوع
هناك هامش علوي في فئة main-outlet
يجب عليك إضافة هذا:
html body #main-outlet {
margin-top: 0;
}
لم أستخدم هذا من قبل، ولكن هناك إعداد عرض الموضوع في CSS، في عنصر جذر.
أضف هذا، يجب أن يتكيف كل شيء آخر:
:root {
--topic-body-width: 750px;
}
إعجاب واحد (1)
في نفس الوقت يبدو طبيعيًا. شكرا لك
.container.posts {
grid-template-columns: 90% 10%;
}
شكرا للمشاركة! سألقي نظرة على هذا قريبًا.
إعجاب واحد (1)
تم إصلاح هذا في آخر دمج لطلب سحب (PR)
إعجاب واحد (1)
من فضلك أخبرني كيف أقوم بقص الصورة الخلفية مثل هذه، بزوايا مستديرة متناظرة.
الآن يبدو الكود هكذا:
html .background-container {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
background: url(https://site/uploads/default/original/2X/2/26d48362654a9e03c716eeaff4a176cbbd01d6b8.png);
background-size: cover;
}
إعجاب واحد (1)
ستحتاج إلى تعديل خصائص مسار القص. يمكنك معرفة المزيد حول ذلك على مواقع مثل css tricks.
إعجابَين (2)
عند استخدام السمة هنا في ميتا، تكون الأيقونات الموجودة أمام “اقتباس” و"تحرير" و"نسخ الاقتباس" و"اسأل الذكاء الاصطناعي" غير مرئية.
إعجاب واحد (1)
هممم، ما هو نظام الألوان الذي تستخدمه؟ الخلفية لذلك ليست ما يستخدمه المظهر.
بالتأكيد، WCAG Light بها المشكلة، لكنني غيرت إلى “theme default”
وكان لا يزال الوضع كما هو. لقد قمت بالتحديث للتحقق من حفظ نظام الألوان، لذا آمل ألا يتأثر بـ مشكلتي مع تغيير أنظمة الألوان. كان اللون الأزرق في الخلفية أفتح بعد أن غيرت إلى نظام الألوان الافتراضي.
إعجابَين (2)