نماذج إعلانات للبيت

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

تحياتي

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

مرحباً pfaffman،

بعد قراءة منشورك، طلبت من Google Gemini الكود لاستخدامه في CSS و HTML.

ومع ذلك، لا يتم عرض الإعلانات على الإطلاق الآن.

هذا هو CSS الذي قاله لاستخدامه ولكني لست متأكداً مما إذا كان صحيحاً.

/* -------------------------------------------------------------------------- */
/* CSS للتحكم في الإعلانات التي يتم عرضها في فئات معينة */
/* -------------------------------------------------------------------------- */

/* إخفاء جميع الإعلانات الخاصة بالفئات مبدئيًا. المحدد [class*=\"-ad\"] أكثر عمومية */
.house-ad[class*="-ad"] {
  display: none;
}

/* إعلان الصفحة الرئيسية (إذا كان لديك واحد - قم بتعديل فئة body إذا لزم الأمر) */
body.list-latest .house-ad.homepage-ad,
body.list-top .house-ad.homepage-ad {
  /* body.list-latest و body.list-top هي فئات Discourse شائعة لـ "الأحدث" و "الأعلى" */
  display: block;
}

/* إعلانات خاصة بالفئات */
body.category-community-support .house-ad.category-community-support-ad {
  display: block;
}
body.category-general .house-ad.category-general-ad {
  display: block;
}

هل هناك أي فرصة لإخباري بما استخدمته من CSS أو ما إذا كان ما نشرته يبدو صحيحاً؟

هذا هو HTML

<div class="house-ad category-community-support-ad">
  <a href="DESTINATION_URL" class="banner-ad" target="_blank">
    <img class="desktop" src="DESKTOP_IMAGE_URL">
    <img class="mobile" src="MOBILE_IMAGE_URL">
  </a>
</div>

أعتقد أنني تمكنت من حلها؟ ولكن عند التحقق، كانت آخر إعلانات المنازل التي قمت بها قبل 3 سنوات، وعندما حاولت جعلها تعمل مرة أخرى، لم أتمكن من جعلها تظهر. غريب.

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

شكراً لإعلامي. أواجه نفس المشكلة الآن وهي عدم عرض أي إعلانات.

مرحباً Pfaffman،

لقد رددت عليك بالأمس أسألك عما إذا كان تنسيق CSS الخاص بي صحيحًا. لقد نشرت تنسيق CSS و HTML الذي كنت أستخدمه والذي اقترحه Gemini (والذي لا يعمل). لست متأكدًا من السبب، ولكن تم الإشراف على المنشور وإزالته، حيث نشر أشخاص آخرون رموزًا أعلاه في هذا الموضوع.

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

لا أعرف كيف أتقدم في طلب المساعدة بشأن هذا الأمر الآن بعد أن تمت إزالة مشاركاتي. أنا ضائع! :woman_shrugging:

مرحباً @becl، لقد استعدت منشورك الذي يحتوي على CSS غير العامل - لا تتردد في مواصلة المحادثة، وأخبرنا كيف تسير الأمور!

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

شكرا جزيلا. أنا أقدر ذلك. :slight_smile:

إعجابَين (2)

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

ستحتوي النسخة الرائعة على عناصر نائبة حتى يتمكن الأشخاص من الحصول على مثال عملي مباشرة من هنا مع كل الأشياء الموجودة فيه.