زجاج الرأس

:information_source: ملخص يضيف خلفية زجاجية شفافة إلى الرأس
:eyeglasses: معاينة عرض توضيحي على Vimeo
:hammer_and_wrench: المستودع https://github.com/denvergeeks/discourse-header-glass
:question: دليل التثبيت كيفية تثبيت سمة أو مكون سمة
:open_book: جديد في سمات Discourse؟ دليل المبتدئين لاستخدام سمات Discourse

تثبيت مكون السمة هذا

16 إعجابًا

رائع. يعجبني ذلك وقد أستخدمه في منتدياتي. لدي رؤوس شبه شفافة ولكني أحب تأثير الزجاج هذا. عمل جيد! :clap: :slight_smile:

هل للمكون أي إعدادات؟

تعديل: أرى الآن أنه لا يوجد. أحب الأيقونات ذات الظلال!

لا توجد إعدادات، ولكن الطلبات وطلبات الدمج مرحب بها للغاية!!!

آه، أيقونات الرأس المظللة… إليك كل أكواد CSS…

.d-header {
  background: rgb(147, 147, 147, 0.39) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  -moz-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
  box-shadow: 20px 20px 50px rgba(0, 0, 0, 0.5) !important;
  color: rgb(255 255 255) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
}

.d-header-icons .d-icon,
.header-sidebar-toggle button .d-icon {
  color: rgb(255 255 255) !important;
  fill: rgb(255 255 255) !important;
  filter: drop-shadow(1px 4px 2px rgba(0, 0, 0, 0.4)) !important;
}

3 إعجابات

أحب هذا التأثير البصري. فضولي بشأن مظهر الزجاج الملون.
أريد الآن إنشاء تأثير الزجاج الملون :joy:

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

لقد قمت بالفعل بعمل نسخة من الكود lol

إعجاب واحد (1)
إعجابَين (2)

رائع! شكراً على الرابط :hugs:

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

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

يا إلهي. :heart_eyes_cat:
الآن لقد ألهمتني لبدء بناء سمة جديدة لمنتدى. :grin:

4 إعجابات

@Lilly لا أطيق الانتظار لرؤية إبداعك! انطلقي يا فتاة!!!

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

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

3 إعجابات

هندسة الموقع، والتنقل، وواجهة المستخدم / تجربة المستخدم – كلها فنون وظيفية :framed_picture: تم إنشاؤها لمساعدة الأشخاص على التواصل بأكثر الطرق إرضاءً.

5 إعجابات

زونكس! نسيت نشر رابط - لقد أضفت إعدادات الألوان والشفافية من أجل المرح :upside_down_face:

4 إعجابات

ز

3 إعجابات

أعتقد أنها لا تزال تبدو جيدة مع الظلال، وآمل أن أحصل على مفتاح تبديل لها

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

مرحباً @Monikas شكراً على ملاحظاتك، ولكن هل يمكنك التوضيح بالضبط ما الذي ترغبين به في الإعدادات؟

إعجابَين (2)

![الص

أجل، لقد أضفت الآن إعدادًا للظل على الحافة السفلية للرأس.

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