مرحبًا بكم في Meta! لقد قمت ببناء موضوع لـ Discourse يركّز على وجود ألوان مميزة واضحة ومناطق محتوى متمايزة بدقة في محاولة لخلق تجربة قراءة ممتعة.
في إصدار سطح المكتب، قمت أيضًا بنقل صورة رمزية لمنشئ الموضوع إلى الجانب الأيسر من العنوان لمنحه أولوية أعلى في التصميم.
كان من الممتع أيضًا اللعب مع خطوط Serif، وفي النهاية أعطت خط “Playfair Display” شخصية (ههه) للموضوع.
شيء ممتع آخر هو أنه، نظرًا لأن رأس الموضوع أسود، يمكنك اللعب ببعض جوانب الشعار من خلال إعدادات الموضوع (عكس الألوان، تدوير الصبغة، والسطوع).
أتمنى أن تستمتعوا به، وتستخدموه، وتقوموا بتفرعته
الاسم
الوصف
عكس ألوان الشعار
تدوير صبغة الشعار
حدد قيمة بالدرجات لتغيير لون شعارك. إذا لم تكن تعرف ما هذا، يمكنك تركه على 0 أو البحث في Google عن ‘css filter hue rotation’
سطوع الشعار
حدد مقدار السطوع الذي تريد إضافته إلى شعارك (إذا أردت جعله أكثر ظلمة، حدد رقمًا سالبًا)
تم إنشاؤه بواسطة @ruidovisual
مُستضاف لدينا؟ تتوفر المواضيع للاستخدام في خططنا القياسية، والأعمال، والمؤسسات.
51 إعجابًا
Wow! Beautiful theme! Many of the elements should honestly be baked into Material Theme , but both themes are awesome. Great job!
إعجابَين (2)
This theme actually looks good. Will definitely try this on my website.
4 إعجابات
new topic is a component?
إعجابَين (2)
بصراحة، هذا أحد أفضل التصاميم التي وجدتها! شكرًا جزيلاً لك
أحتاج فقط إلى مساعدة واحدة، إذا لم يكن ذلك كثيرًا من الإزعاج @ruidovisual
أنا مبتدئ تمامًا في كل هذا، لذا أعتذر عن سذاجتي. لقد تمكنت من نسخ ملفك وتغيير موضوعات الألوان. أحتاج إلى تغيير الخط وأرى أنه يمكنني فعل ذلك عن طريق استيراد مجموعة خطوط خاصة بي داخل متغير SCSS؟
ما لم أستطع فهمه هو كيفية تعيين خطين مختلفين، أحدهما للعناوين والترويسات وما إلى ذلك، والآخر للنص الأساسي.
سيكون ذلك رائعًا جدًا إذا تمكنت من مساعدتي هنا، وأنا أعلم أن هذا قد يكون خارج النطاق تمامًا، لكنه سيساعد بالتأكيد كثيرًا
5 إعجابات
مرحبًا Karthikk! يسعدني أن الإعجاب بالموضوع : )
الأسهل هو تعريف خط للـ body (أعتقد أن فعل ذلك في common.scss هو الأفضل):
body {
font-family: 'اسم عائلة الخط الخاصة بك', [FALLBACKS];
}
لا أعرف ما إذا كنت تضيف خطوطك الخاصة أو تستخدم خطوط Google، لكنني أنصحك باختيار عائلة من كتالوج Google.
تذكر استبدال [FALLBACKS] بالبدائل الخاصة بك اعتمادًا على نوع الخط الذي اخترته، يمكنك الاطلاع على المزيد حول بدائل font-family هنا
أما بخصوص تغيير الخط للعناوين والرؤوس، أعتقد أنك قد عرفت ذلك بالفعل، لكن كذكرى، بالإضافة إلى استيراده، يجب أن تعلنه في السطر 116 من ملف variables.scss
أتمنى أن يكون ذلك مفيدًا! أتمنى لك عطلة نهاية أسبوع ممتعة : )
7 إعجابات
هل تقصد مكونًا مخصصًا للسمة؟ في هذه الحالة، الإجابة هي لا. إنه موجود مع position: fixed. راجع السطر 36 من mobile.scss
أتمنى لك عطلة نهاية أسبوع ممتنة، وشكرًا لصبرك : )
4 إعجابات
Matze
6 مارس 2021، 10:38م
8
مظهر رائع! لا أستطيع الانتظار لبناء مظهر جديد لمنصتنا Discourse بناءً على zeronoise.
5 إعجابات
Zup
22 مارس 2021، 7:28ص
9
مظهر رائع. في أعلى قائمة تفضيلاتي الشخصية.
سيكون أكثر إثارة للاهتمام لو أمكن أن يكون الخط اختياريًا مطابقًا لما تم اختياره في المعالج.
4 إعجابات
daemon
28 مارس 2021، 4:47م
10
مرحبًا @ruidovisual ،
أعجبني تصميمك كثيرًا.
هل من الممكن تغيير اللون البنفسجي إلى الأحمر؟ هل يمكنك إصدار نسخة حمراء من تصميمك؟
لقد جربت ذلك بنفسي، ولكن بعد ذلك فقدت تأثيرات التصميم ولم يصبح أحمر.
إعجابَين (2)
@ruidovisual شكرًا لك على الشرح، لقد تمكّنت من فهم كيفية تغيير الخطوط، وذلك بفضلك!
أنا الآن أ experiment بنسخة فاتحة ونسخة داكنة خاصة من السمة. أستخدم لوحات الألوان لتحقيق ذلك، حيث أرغب في الابتعاد عن CSS قدر الإمكان.
تمكّنت من تعديل كل شيء تقريبًا ما عدا هذين العنصرين:
شريط الحالة أسفل المنشور يحتوي على تأثير خاص في سمتك ولا أستطيع التحكم فيه عبر لوحة الألوان. كيف يمكنني تعديله باستخدام CSS؟ أي جزء يجب أن أستهدفه؟
الشريط الموجود فوق جميع المواضيع في عرض الفئة المنفصل يبقى أبيض بغض النظر عن اللون الذي أعيده في اللوحة
سيكون رائعًا لو ساعدتني في هذين الأمرين
ملاحظة: هذه هي لوحة الألوان الخاصة بي للرجوع إليها:
إعجاب واحد (1)
Iceman
6 مايو 2021، 11:23ص
12
مظهر رائع.
سؤال واحد، هل تمكن أحد من جعله يعمل مع “الفئات من نوع الصندوق”؟ فهي تأخذ أشكالًا عشوائية ويظل النص أبيض.
إعجاب واحد (1)
png
7 مايو 2021، 3:52م
13
هذا تصميم أنيق وعصري للغاية. مجتمعنا يصنع أفضل القوالب على الإطلاق!
إعجاب واحد (1)
مرحباً، يبدو أن هذا المظهر رائع.
3 إعجابات
png
22 يونيو 2021، 4:23م
15
على الأرجح مشكلة في تنسيق الأحرف الصينية
إعجابَين (2)
أولاً، شكراً جزيلاً لك على هذا القالب الجميل @ruidovisual . لقد كنت أستخدمه لمنتدى مجتمعي منذ ما يقرب من شهرين الآن.
لدي سؤال واحد. هل من الممكن إزالة القائمة المنسدلة للتنقل على الهاتف المحمول؟
شكراً مقدماً.
إعجاب واحد (1)
شكراً على هذا القالب، أنا معجب به حتى الآن! أحد أكثر أنماط ديسكورس إمتاعاً رأيتها
مشكلة واحدة فقط: عند إجراء عمليات جماعية في فئة، لا تظهر مربعات الاختيار، وبالتالي لا يمكنني تحديد مواضيع متعددة. هذا يزعجني حقاً وغير قادر على استخدام القالب بانتظام، بسبب هذه المشكلة. هل يمكن إصلاح هذا؟ <3
إعجاب واحد (1)
RGJ
26 سبتمبر 2022، 10:51ص
18
لا علاقة لهذا بالأحرف الصينية، إنها مشكلة في إعداد نمط الفئة “box”.
.badge {
&-category-bg, /* <------ سيء!! */
&-wrapper.bullet &-category-parent-bg,
&-wrapper.bullet &-category-parent-bg + &-category-bg {
border-radius: 50%;
width: 9px;
}
لحل هذه المشكلة، قم بتطبيق هذا كمكون سمة
.badge {
&-wrapper.bar &-category-bg,
&-wrapper.bar &-category-parent-bg,
&-wrapper.bar &-category-parent-bg + &-category-bg {
border-radius: 0%;
}
&-wrapper.box &-category-bg,
&-wrapper.box &-category-parent-bg,
&-wrapper.box &-category-parent-bg + &-category-bg {
border-radius: 0%;
width: 100%;
}
}
3 إعجابات
bosal
23 نوفمبر 2022، 7:43م
21
أحب السمة ولكن…
هل يمكنك مساعدتي أو إصلاح طريقة العرض هذه للطباعة حيث أنها غير قابلة للاستخدام:
يجب أن يكون العنوان صغيرًا
يجب ألا يكون الإطار ذو الظل مرئيًا
أيضًا، لا يعمل تحديد الموضوع
أيضًا، كيف يمكنني تغيير الخط عالميًا لهذه السمة؟
bquast
3 فبراير 2023، 7:46م
22
رائع جداً، شكراً جزيلاً لك.
سيتم النشر الآن، آمل أن أساهم بالمزيد قريباً
!
مُستضاف لدينا؟ تتوفر المواضيع للاستخدام في خططنا القياسية، والأعمال، والمؤسسات.
