أريد إنشاء زر ملون نشط (ليس صورة) داخل منشور معين

مرحباً. لا أستطيع البرمجة. أريد إنشاء زر ملون نشط (ليس صورة) داخل منشور معين. ما هو الكود الذي يجب كتابته داخل نافذة محرر المنشور.
هذا ما أريده :point_down:


محاولتي في البرمجة في نافذة محرر المنشور :point_down: :see_no_evil:

ساعدني يا أحد. أظهر الكود الصحيح من فضلك :pray: :pray: :pray:

ألق نظرة على هذا:

3 إعجابات

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

عذرًا إذا أسأت فهم أي شيء :pray:، أنا لست متخصصًا في البرمجة ولا أتحدث الإنجليزية جيدًا. الآن أستخدم مترجم جوجل.

ربما صورة تساوي ألف كلمة :slight_smile:

[data-theme-button] a {
        display: inline-block;
        padding: 20px 50px;
        background: #24E927;
        border-radius: 5px;
        border: 3px solid #004E7D;
        color: #004E7D;
}

إذا كنت تريد توسيط الزر:

[data-theme-button] {
    display: flex;
    justify-content: center;
    a {
        padding: 20px 50px;
        background: #24E927;
        border-radius: 5px;
        border: 3px solid #004E7D;
        color: #004E7D;
    }
}

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

رائع، هذا مذهل :exploding_head:. شكراً جزيلاً لك :+1: :+1: :+1:

يبدو أنني فهمت منطق كيفية إنشاء خيارات أزرار مختلفة.
غداً سأشارككم تجاربي مع الكود

في هذه الأثناء، أريد أن أطرح سؤالاً آخر: ما هو الأمر الذي سيقوم بمحاذاة الزر إلى الحافة اليمنى للمنشور.

شكراً لك مرة أخرى :raised_hands:

هل من الممكن ترميز حجم الخط وسماكته في CSS؟

[data-theme-button] {
    display: flex;
    justify-content: end;
    a {
        padding: 20px 50px;
        background: #24E927;
        border-radius: 5px;
        border: 3px solid #004E7D;
        color: #004E7D;
    }
}

نعم: استخدم السمات التالية:

font-size و font-weight

مع القيم المرغوبة.

التوثيق:


:information_source: لقد قمت بتحديث كود CSS الخاص بي في رسائلي لجعله أنظف (باستخدام سمات flexbox بدلاً من الهامش لمحاذاة الزر).

إعجابَين (2)

شكراً جزيلاً. إجابتك مهمة جداً بالنسبة لي. أنا أحاول الدراسة.

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

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

3 إعجابات

عندما حاولت تحديث الكود وفقًا للعينة الخاصة بك، واجهت خطأ.

ولكن عندما قمت بإزالة الحرف الثاني “}”، اختفى الخطأ

هل فعلت ذلك بشكل صحيح؟

مرحباً. هل فهمت بشكل صحيح “منتدى مخصص”، والذي لا علاقة له بـ discourse. أو هل لدى discourse منتدى منفصل لمناقشة مشاكل CSS و HTML. (لست متأكداً مما إذا كان متصفحي يترجم بشكل صحيح)

أعتذر عن وقاحتي :pray: هل يمكنك أن تريني هذا مع مثال CSS الخاص بي؟ :pray:

ملاحظة: إلى جانب الخطاب، بدأت في استكشاف عالم البرمجة :sweat_smile:

نعم، آسف، لقد ارتكبت خطأ أثناء نسخ ولصق الكود الخاص بي. :+1:

يقول إنه لا ينبغي مناقشة الأسئلة العامة حول CSS التي لا تتعلق مباشرة بـ Discourse (مثل كيفية استخدام CSS لتغيير حجم النص أو وزنه) على meta.discourse.org، ولكن في مكان آخر حيث يمكنك تعلم وطرح الأسئلة حول CSS.

إذا كان لديك سؤال محدد حول كيفية استخدام CSS للقيام بشيء معين في Discourse، فإن meta.discourse.org مناسب.

أقترح عليك تعلم أساسيات CSS. اكتب “دروس CSS” بلغتك الخاصة في محرك البحث المفضل لديك، وحاول الحصول على بعض المعرفة من هنا يمكنك البدء بها. سيساعدك هذا بشكل كبير لاحقًا في تخصيص نمط منتدى Discourse الخاص بك.

إعجابَين (2)

مرحباً، شكراً لك، أصبح الأمر واضحاً الآن!
سأحرص على استخدام الروابط التي قدمتها :+1: