Versatile Banner

I’m afraid installing this component multiple times will not work. Your best option at this point is likely to pay someone to build you a custom solution via the marketplace

I have only had time to address bug reports on this component for the past while, but in the next year or two, I plan to do a major overhaul that will hopefully facilitate even more versatility.

4 إعجابات

I’m using the component settings to only show the banner on specific pages. I came across two glitches in the css:

  • the banner adds a top margin on pages where it’s not supposed to be shown
  • the banner is displayed unstyled while the page is loading

To supress both I have to declare .banner-box {display: none;} and then add display declarations for the specific pages where it’s supposed to show.

إعجابَين (2)

hello @tshenry
is it possible to make the icons bigger?

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

أشعر أن هذا قد يكون سؤالاً شائعاً أكثر، لكنني أتساءل كيف يمكنني تقديم رسومات مختلفة لمستخدمي سطح المكتب والجوال؟

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

أين تأمل أن تظهر هذه الرسومات؟ هناك بالتأكيد طرق يمكنك من خلالها عرض الأشياء بشكل شرطي بناءً على حالة سطح المكتب/الجوال، ولكن النهج الذي يجب اتخاذه سيعتمد على ما تحاول القيام به.

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

أنا أستخدم لافتة متعددة الاستخدامات لتوصيل رسالة عيد الميلاد، بما في ذلك رسم، لذلك أريد أن أكون قادرًا على القيام بذلك في سياق اللافتة متعددة الاستخدامات.

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

حسنًا، في هذه الحالة قد تتمكن من إضافة شيء مثل التالي إلى أحد إعدادات “المحتوى” في لافتة متعددة الاستخدامات:

<div class="xmas-banner-image"></div>

ثم أضف بعض CSS إلى السمة الرئيسية الخاصة بك أو إلى مكون جديد. إليك مثال حيث يمكنك استبدال LINK_TO_MOBILE_IMAGE برابط الصورة الفعلي:

.mobile-view .xmas-banner-image {
  background-image: url("LINK_TO_MOBILE_IMAGE");
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.desktop-view .xmas-banner-image {
  background-image: url("LINK_TO_DESKTOP_IMAGE");
  height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

ستحتاج إلى تعديل CSS، ولكن نأمل أن يكون هذا بداية جيدة لك.

3 إعجابات

جيد جداً. كان لدي شعور بأن الأمر سيتطلب حلاً بـ CSS. شكراً لك على تخصيص الوقت لتقديم نقطة انطلاق.

3 إعجابات

أود استخدام هذا لاستهداف "/latest?assigned=" بشكل خاص، لاستخدامه بالاقتران مع إضافة Discourse Assign، حتى أتمكن من إضافة زر للمواضيع المعينة للجميع، لي، ولا أحد.

ومع ذلك، هذا لا يعمل - أفترض أنه "؟"، نظرًا لأن "/latest" يعمل. أي اقتراحات حول كيفية جعل هذا الشعار يظهر فقط لهذه الصفحات/طرق العرض؟

أيضًا، حتى مع تحديد "/latest" فقط، يظهر الشعار في الصفحة الرئيسية أيضًا. كيف يمكنني منع حدوث ذلك؟ لم أرَ مربع الاختيار للعرض في الصفحة الرئيسية في الإعدادات.

أخيرًا، هل هناك طريقة لجعل الأيقونة قابلة للنقر؟ يبدو أن النص الموجود أسفل الأيقونة فقط هو القابل للنقر.

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

ستكون هذه تخصيصات أكثر تعقيدًا تحتاج إلى إضافتها إلى مكون منفصل. يوجد مثال حول كيفية إعادة فتح إحدى الأدوات وضبط السلوك هنا: Versatile Banner - #158

بالنسبة للأيقونات، أعتقد أنه يمكنك أيضًا محاولة تعديل حل CSS. قد تتمكن من إضافة عنصر ربط إلى إعدادات محتوى العمود وتصميمه للتداخل مع الصورة.

3 إعجابات

شكراً جزيلاً! أنا متأكد من أنني أستطيع معرفة الأمر من هنا.

إعجابَين (2)

هل هناك طريقة لمعاينة لافتة متعددة الاستخدامات دون تمكين السمة أولاً؟ :thinking:

أود أن أرى كيف تبدو قبل الكشف عنها للعالم (ثم اكتشاف خطأ محرج) :blush:

إعجابَين (2)

أحتفظ بقطرة تطوير للتغييرات. 5 دولارات شهريًا ويمكنني رؤية ما إذا كان أي شيء يفسد قبل أن أكسر شيئًا هههه.\n\nأفترض أنه يمكنني فعل الشيء نفسه على localhost. هذا القول سأقوم بإنشاء جهاز افتراضي لذلك وتوفير 5 دولارات شهريًا هههه

5 إعجابات

حسنًا، لم أفكر في ذلك :thinking:

وبالإضافة إلى إعلان اليوم، قد أفعل ذلك بالضبط، ولكن على جهاز Raspberry Pi :smiley:

5 إعجابات

هل تمكن أي شخص من جعل هذه اللافتة تعمل فوق مكون شريط البحث؟

حتى الآن لم أتمكن إلا من وضعها أسفل شريط البحث :sneezing_face:

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

لدي كلاهما مثبتًا على موقع الاختبار الخاص بي، ويمكنني تبديل الموضع عن طريق تحديد خيار تبديل الموضع الافتراضي في Versatile Banners. هل يمكن أن ينجح ذلك معك أيضًا؟

إعجابَين (2)

هممم… هذا غريب… ربما تعتقد أنه إعداد لمكون شريط البحث… لدي خيار “أسفل رأس الموقع” محدد لشريط البحث الخاص بي.

ما هي إعدادات شريط البحث لديك؟

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

باستخدام below-site-header لشعار البحث، يمكنني تبديل الشعار المتنوع أعلاه أو أدناه باستخدام إعداد swap default positioning.

إذا كان لدي منفذ المكون الإضافي لشعار البحث مضبوطًا على above-main-container، فإن الشعار المتنوع يكون دائمًا في الأعلى، سواء قمت بتحديد التبديل أم لا.

(تظهر التغييرات عند تحديث الصفحة)

4 إعجابات

لقد أطلقت منتداي للتو وما زلت على الخطة المستضافة.
أحب هذه اللافتة، لدي سؤال واحد فقط…
أود الحصول على وضع ليلي ووضع نهاري (أي، مخططات ألوان مختلفة وصورة/لون خلفية مختلف) - هل هناك إعداد أفتقده أو طريقة لتحقيق ذلك؟

4 إعجابات

لقد قمت بتثبيت مكون السمة مرتين، وسميت أحدهما “فاتح” والآخر “داكن”، ثم قمت بإرفاق المكون “فاتح” بالسمة “فاتح” الخاصة بي، والمكون “داكن” بالسمة “داكن” الخاصة بي. :+1:

على الرغم من أن المكون “فاتح” لا يغير لوحة الألوان عند تعيين default dark mode color scheme id، إلا أنه ليس مثاليًا بنسبة 100٪.

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