أريد إنشاء زر مثل هذا، لكن هذا الزر يقول إنه CSS مع HTML، أين يمكنني تخصيص HTML في Discourse؟ في نفس الرابط الذي أضع فيه CSS؟
تأثير متوهج رائع على الأزرار باستخدام HTML و CSS | CodingNepal - YouTube
أريد إنشاء زر مثل هذا، لكن هذا الزر يقول إنه CSS مع HTML، أين يمكنني تخصيص HTML في Discourse؟ في نفس الرابط الذي أضع فيه CSS؟
تأثير متوهج رائع على الأزرار باستخدام HTML و CSS | CodingNepal - YouTube
مكان للبدء هو دليل المبتدئين لتطوير سمات Discourse
هل تريد إضافة الزر في منشور (في هذه الحالة، انظر هذا الموضوع) أم تريد تخصيص زر موجود في واجهة Discourse؟
نعم، ولكن إذا كنت تريد إضافة زر إلى واجهة Discourse، فهذا شيء آخر ويتطلب برمجة.
على الهامش، الفيديو يزعجني لأن المنشئ لم يضع أي رابط للكود الفعلي (مواقع مثل https://codepen.io مفيدة جدًا للعمل على هذا النوع من الأشياء). إنه CSS متقدم جدًا ونسخه يدويًا من الفيديو سيكون مملاً.
بدافع الفضول، بحثت قليلاً على الإنترنت، وتم نشر الكود على موقعهم.
لإضافة إلى رد Jay، سأضيف Making custom CSS changes on your site والذي قد يكون أكثر مباشرة إذا كان هدفك الوحيد هو تخصيص نمط HTML على موقعك.
أخيرًا وليس آخرًا، منتديات Discourse لديها إضافة ممتازة مثبتة مسبقًا تسمى Styleguide يمكنك تمكينها وستعرض تقريبًا كل عنصر في منتدىك بتصميمه الحالي:
أولاً، قم بتمكين صفحة Styleguide:
لوحة الإدارة → الإضافات → Styleguide →
الإعدادات → حدد styleguide enabled
.
بعد ذلك، يمكنك الانتقال إلى صفحة Styleguide. فقط أضف /styleguide إلى عنوان URL لمنتدىك لرؤيتها:
إذا كنت لا تعرف الكثير عن CSS والتصميم بشكل عام، فإنني أنصحك بشدة بتعلم الأساسيات قبل أن تبدأ في مشروع الزر هذا.
مرحباً، شكراً لك على النشر
رائع، شكرًا جزيلاً لك على عرض دليل الأسلوب هذا، لم أكن أعرف عن هذه الميزة! أنا ممتن جدًا! سأقوم بتصميم الأزرار على موقعي الإلكتروني، تمامًا مثل الرابط الذي أرسلته لك! في هذه الحالة، كنت في شك، لأنه في الفيديو يظهر أنه يجب عليك استخدام HTML و CSS، ولكن أعتقد أن ديسكورس يقبل CSS فقط! شكرًا جزيلاً لك على عرض هذه الأشياء عليّ!