يمكنك استخدام CSS مع نسبة العرض إلى الارتفاع
مثال للكود: How To - Aspect Ratio / Height Equal to Width
يمكنك التحقق من موقعي https://businesslab.vn بنسبة 16:10
كيف يمكنني ضبط هذا في Discourse؟ مثل أين وأي CSS يجب أن أضبطه؟
أيضًا، هناك هذه المشكلة البسيطة عند ضبط إعلانات Google:
أفترض أن بطاقة ملف التعريف في الشريط الجانبي يجب أن تكون أسفل الإعلان، وليس فوقه مباشرة.
شكرًا!
إعجاب واحد (1)
مرحباً @codergautam،
لقد قمت بدمج إصلاح لمكون Discourse Ad - Google AdSense. يرجى تحديث السمة. 
يمكنك تغيير ارتفاع الصورة 
تحتاج إلى إنشاء مكون جديد لهذا.
-
انتقل إلى
/admin/customize/themes/
التخصيص → السمات -
انقر فوق علامة التبويب المكونات ثم زر تثبيت
Install -
في نافذة المنبثقة، انقر فوق زر إنشاء جديد
Create new واكتب اسم المكون الجديد.
-
انقر فوق زر إنشاء
Create. -
تم إنشاء المكون. الآن حدد سمة FKB Pro لتفعيلها.
-
انقر فوق زر تحرير CSS/HTML
Edit CSS/HTML.
-
انقر فوق علامة التبويب عام
Common والصق الكود أدناه في قسم CSS.
إذا كنت ترغب في تعيين ارتفاع الصورة بشكل منفصل على سطح المكتب والجوال، فاستخدم تلك علامات التبويب بدلاً من عام. عام يعني أن هذا الكود سيكون نشطًا على سطح المكتب والجوال أيضًا.
.topic-list {
.main-link {
.link-middle-line {
.topic-image {
height: 280px; // Default 300px
}
}
}
}
إذا كنت ترغب في إخفاء الصورة، فاستخدم هذا
.topic-list {
.main-link {
.link-middle-line {
.topic-image {
display: none;
}
}
}
}
3 إعجابات
نأمل في إصلاح عدم التوافق مع مكونات السمات الأخرى
كيف تقوم بتقريب الأزرار والأشياء؟ أردت فقط القيام بذلك في مظهري الحالي
إعجاب واحد (1)
مرحباً @danielabc،
هناك بعض Theme component لتقريب الأشياء.
مرحباً @xiaokong23357، هل يمكنك توضيح أي Theme component تقصد؟
إعجابَين (2)
إعجابَين (2)
@Don كيف يمكنني إدخال علامة HTML الوصفية الملزمة في سمة FBK؟
آمل أن يتم حلها
إعجاب واحد (1)
@Don أعني، لا أعرف ما إذا كان المظهر يمكنه تحميل هذه الأشياء
توصية تنسيق التخطيط: مُحسَّن، بسيط، مُدمَج، وواسع
إعجابَين (2)
مرحباً، آسف على التأخير… نعم، أعتقد أنه من الممكن استبدال اللوحة اليمنى الافتراضية بـ كتل الشريط الجانبي الأيمن. سأتحقق من ذلك.
3 إعجابات
شيء آخر ، @Don
يستخدم منتدى الخاص بي السمة الخاصة بك ، والآن منتدى الخاص بي على وشك أن تتم إضافته إلى محرك بحث Microsoft Bing ، ولكن الآن يحتاج إلى اكتشاف علامات HTML meta للمنتدى ، كيف يمكنني دمج علامة HTML meta هذه في السمة
إنها مطلوبة بشدة الآن ، وأنا ممتن جدًا لحل هذه المشكلة
إعجاب واحد (1)
قم بإنشاء مكون سمة جديد في لوحة الإدارة مثل هذا الذي قدمته أعلاه. FKB Pro - Social theme - #88 by Don يمكنك تغيير اسم المكون كيفما تشاء ولكن لا تلصق الـ CSS الذي لصقته في علامة التبويب CSS. انسخ والصق علامة HTML Meta tag الخاصة بـ Bing في علامة التبويب HEAD للمكون الذي أنشأته واحفظه.
إعجابَين (2)
لا، كما أرى، هذا مظهر. تحتاج إلى إنشاء مكون. ما هي علامة التبويب الأخرى أو يمكنك تحويل هذا إلى مكون باستخدام زر التحويل الموجود في أسفل الصفحة. فقط اتبع التعليمات التي أظهرتها أعلاه.
إعجابَين (2)
شكرا جزيلا، تم حل المشكلة!
@Don
3 إعجابات
لقد قمت بدمج تحديث لإضافة: Compatibility with Right Sidebar Blocks theme component by VaperinaDEV · Pull Request #18 · VaperinaDEV/fkb-pro-theme · GitHub
يحتوي على إعداد: right sidebar blocks enabled. سيضيف بعض الدعم لمكون السمة Right Sidebar Blocks وسيحل محل الشريط الجانبي الأيمن الافتراضي (لوحة fkb) به.
4 إعجابات
لدي فكرة أن الشريط الجانبي يمكن أن يتم إنشاؤه بواسطتك بهذا النمط ودمجه في ملف سمة، ويمكن للأشخاص الذين يحتاجون إليه تشغيل الميزة المقابلة في إعدادات السمة @Don
إعجابَين (2)
مرحباً،
نعم أعتقد أن هذا ممكن عن طريق تعديل النمط إذا كنت تقصد أن العنوان منفصل عن المحتوى ويبدو أن الشريط الجانبي هذا ليس ثابتًا.
جرب شيئًا كهذا.
قم بإنشاء مكون سمة جديد مثل هذا FKB Pro - Social theme - #88 by Don أو أضفه إلى مكون موجود.
سطح المكتب / CSS
.full-width .tc-right-sidebar {
position: relative;
top: unset;
padding: 0;
background: none;
box-shadow: none;
overflow-y: unset;
.rs-component {
h3 {
border-bottom: none;
padding-bottom: 0;
}
> div {
background: var(--secondary);
padding: 1em;
border-radius: var(--d-default-border-radius);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
}
}
إعجابَين (2)
للعلم: كل من /login و /signup كرابطين يعطيان دائرة دوارة، ولا يفتحان النافذة المنبثقة. آيباد على أحدث كل شيء.
إعجاب واحد (1)
مرحباً جاكي لقد تحققت للتو من هذا على موقعك وظهرت لي النوافذ المنبثقة بشكل صحيح على /login و /signup.
إعجاب واحد (1)