سمة الهواء

أريد استخدام هذا مع سمة الهواء لأنني أحب الإعدادات الخاصة بالصناديق والفئات

إعجابَين (2)

إذن أنت تريد عدم وجود منطقة رمادية تتداخل مع الصورة الخلفية؟

إذا كان الأمر كذلك، فستستخدم نفس الكود أعلاه، ولكن قم بإلغاء تعيين خاصية clip-path.

html .background-container {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background: url(https://d11a6trkgmumsb.cloudfront.net/original/3X/8/3/8352b68….jpeg);
    background-size: cover;
    clip-path: unset;

هذا يبدو جميلاً حقًا مع صورتك!

8 إعجابات

آه فهمت شكرا لك!

4 إعجابات

تم دمج 5 مشاركات في موضوع موجود: Search banner theme component

كيف يمكنني تطبيق هذا الكود؟ وأين يجب وضعه بالضبط، من فضلك؟

لا تتردد في قراءة المواضيع التالية للحصول على فكرة أفضل عن كيفية تخصيص شكل ومظهر موقعك :+1:

وكذلك هذه:

دليل المصمم لمواضيع Discourse

دليل المطور لمواضيع Discourse

إعجابَين (2)

شكراً جزيلاً @jordan.vidrine، لقد طبقت التغييرات وقد لا يكون هذا متعلقًا بالسمة بالضرورة، ولكن لافتتي المتنوعة، ولكن الخلفية مكررة عبر لافتتي المتنوعة أيضًا وهذا هو التغيير الوحيد الذي أجريته على سمة discourse air

    left: 0;
    height: 100vh;
    width: 100vw;
    background: #003366;
    clip-path: ellipse(148% 70% at 91% -14%);
    background: url(https://i.ibb.co/GCcS8Zw/Abstract-futuristic-Molecules-technology-with-polygonal-shapes-on-dark-blue-background-Illustration.jpg);
    clip-path: unset;
  }
}

هذه هي الطريقة التي تبدو بها صفحتي الآن: هل هذا شيء أحتاج إلى تغييره في اللافتة المتنوعة أم شيء في سمة air؟

ليس لدي صورة خلفية أو لون معين لللافتة المتنوعة.

أي اقتراحات؟

إعجاب واحد (1)

يمكنك تجربة background-size: cover; أو اللعب بتنويعات عليها.

مزيد من المعلومات هنا قد يكون مفيدًا أيضًا background-size | CSS-Tricks

إعجابَين (2)

حسنًا، سأفعل ذلك. إنها الأحجام عندما أقوم بتصغير الصورة، تتكرر الصورة ببساطة:

هل تعتقد أنه يجب عليّ إزالة الحشو الخاص بالارتفاع والعرض أيضًا؟

سألعب بخاصية background-size: شكرًا لك!

إعجابَين (2)
 .background-container {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background: url(https://i.ibb.co/GCcS8Zw/Abstract-futuristic-Molecules-technology-with-polygonal-shapes-on-dark-blue-background-Illustration.jpg);
    background-size: cover;
    clip-path: unset;

يعمل بشكل مثالي شكرا لك!

3 إعجابات

هل يعرف أحد كيف يمكن تغيير حجم ولون نص العنوان في الصفحة الرئيسية؟

سأوجهك إلى هنا للحصول على فهم أفضل لكيفية عمل Discourse وكيفية تخصيص مناطق الموقع.

5 إعجابات

تم دمج منشور في موضوع موجود: مكون تبديل الوضع الداكن/الفاتح

هل لديك فكرة عن كيفية تغيير لون الخط هذا أثناء إنشاء مكون له؟ هذه المشكلة موجودة فقط على الهاتف المحمول.. لذا يمكن أن يكون المكون مخصصًا لتصميم الهاتف المحمول فقط

زر البحث

بحث التذييل

إعجابَين (2)

Hmm :thinking: ، من الصعب معرفة الصفحة التي تتواجد عليها أو الخط المحدد الذي تشير إليه من لقطة الشاشة الخاصة بك. في الصورة التي شاركتها، هناك 4 عناصر نصية أو أكثر يمكن تخصيصها.\n\nيبدو أنك مهتم بتخصيص جزء كبير من Discourse لنفسك، وهذا أمر رائع :raised_hands: \n\nأقترح عليك قراءة المواضيع التالية للحصول على فهم أفضل لكيفية تخصيص مظهر موقعك :+1:\n\nhttps://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966\n\nبالإضافة إلى هذه:\n\nدليل المصمم لسمات Discourse \n\nدليل المطور لسمات Discourse

إعجاب واحد (1)

جوردان، أرى أن رسائلك أعلاه والأخيرة تذكر قراءة المزيد، وأنا أتفهم ذلك وأحترمه، ولكن يرجى ملاحظة أنني لست مصممًا وقضيت أسبوعًا تقريبًا في تخصيص السمة بمعرفتي الأساسية.. ولست ثريًا لإنفاق 500 دولار على تخصيص “مجتمعي غير الربحي”.

لذا، فإن مساعدتنا في هذا الأمر ستكون موضع تقدير، ليس لي، بل لمجتمع المستخدمين الآخرين الذين سيحبون بالتأكيد السمة الخاصة بك بمعرفتهم الأساسية في التخصيص.

أفضل ما في Discourse هو أنه على الرغم من وجود منحنى تعليمي بالطبع (كما هو الحال مع أي شيء تقني هذه الأيام)، إلا أنك قادر تمامًا على تخصيص الأشياء التي ترغب في تخصيصها. أعدك بذلك!

نحن نكتب هذه المواضيع لمساعدة مجتمعنا على تعلم كيفية القيام بالأشياء بأنفسهم، وأحيانًا عندما تصبح الأمور صعبة للغاية، نكون دائمًا هنا للمساعدة.

ومع ذلك، يمكن بالتأكيد الحصول على المساعدة التي تطلبها من خلال قراءة المواضيع التي ربطتها سابقًا!

6 إعجابات

هل من الممكن إعادة عدد المشاهدات بجانب آخر نشاط وعدد الردود؟

إعجابَين (2)

يجب أن تكون قادرًا على القيام بذلك في مكون سمة. أنا لست على جهاز كمبيوتر الآن، ولكن إذا قمت بفحص عنصر قائمة الموضوعات باستخدام مدقق المتصفح مثل كروم، فيجب أن تكون قادرًا على رؤية الصفوف التي تم إخفاؤها باستخدام css. يمكنك بعد ذلك استهداف تلك الصفوف لجعلها مرئية باستخدام مكون سمة مخصص.

4 إعجابات

مرحباً، أنا أستخدم سمة Air Theme مع مكون السمة Topic List Thumbnails Theme Component - theme - Discourse Meta في وضع الشبكة. ومع ذلك، فإن ترتيب الموضوعات في عرض الشبكة مختلف عن السمات الأخرى.
على سبيل المثال،


سمة أخرى مع المكون،

هل هذه مشكلة أم أن هناك أي مكون سمة مقترح لعرض الصور المصغرة للموضوع؟

إعجاب واحد (1)