ما هو CSS الذي تم استخدامه للتعليقات هنا؟

هذا الموقع عبارة عن مدونة Ghost تستخدم Discourse للتعليقات.

What is Online Community?.

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

هذا هو موقعي
https://ogatutor.com/

إعجابَين (2)

يمكنك ببساطة فتح أدوات المطور في متصفحك وفحص العناصر لرؤية CSS

يمكن تحقيق ذلك أيضًا عن طريق النقر بزر الماوس الأيمن على العنصر واختيار “فحص”. قد تحتاج إلى التنقل لأعلى ولأسفل في التسلسل الهرمي لـ HTML لرؤية كل CSS.

4 إعجابات

جربت ذلك، لا يمكنني العثور عليه هناك.

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

مرحباً، ما هي المشكلة التي واجهتها؟

3 إعجابات

مدونتي هي مدونة Ghost تستخدم Discourse للتعليقات. التعليقات تعمل بشكل جيد، ولكنني أبحث عن CSS لدمجها.
انظر إلى المدونة التي أشرت إليها. لاحظ كيف تتدفق التعليقات بسلاسة؟
الآن انظر إلى مدونتي. التعليقات تمتد على كامل الشاشة.

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

حاول فحص التعليق على المدونة. في نافذة الفحص، يجب أن ترى علامة تبويب تسمى “الأنماط” (Styles) تحتوي على CSS للعناصر المحددة (وجميعها).

4 إعجابات

هل هذا ما تبحث عنه؟

يحتوي هذا الموضوع على معلومات حول كيفية تنسيق المشاركات المضمنة:

تنسيق المحتوى المضمن الخاص بك

إذا كنت تستخدم Discourse 1.4.0 أو إصدارًا أحدث، فيمكنك إضافة ورقة أنماط لتعليقاتك المضمنة. استخدم قسم CSS المضمن في محرر السمات في المسؤول > تخصيص > السمات > تحرير CSS/HTML ويمكنك إضافة ورقة أنماط مخصصة سيتم تقديمها مع تعليقاتك المضمنة. افتراضيًا، نعتقد أن التخطيط يبدو لطيفًا على خلفية بيضاء، ولكن إذا كان لموقعك تخطيط فريد، فستحتاج إلى تنسيقه بنفسك.

6 إعجابات

شكرا،
غريب، نفس النافذة لا تفتح على سفاري الخاص بي، لا أعرف لماذا.
شكرا

إعجابَين (2)

شكرًا لك!! هذا ما كنت أبحث عنه.

3 إعجابات

لا يمكن نشر أي CSS دون كشفه في أدوات المطور في المتصفح.

أشك في أنك بحاجة إلى وقت لتعلم الأدوات :wink:

3 إعجابات

موقع شبح جميل المظهر.

لكن يبدو أن تضمين موقع الشبح الخاص بك معطل قليلاً أو تم تكوينه بشكل خاطئ.

6 إعجابات

شكرا جزيلا لك!!
نعم، إنه معطل، لكنني اتبعت جميع التعليمات الخاصة بالتضمين ولكن لسبب أو لأسباب غير واضحة لم أتمكن من فعل ذلك بشكل صحيح.
هذا ما يبدو عليه التضمين الخاص بي.


هذا الإعداد يولد هذا الكود.

<script type="text/javascript">
    if (window.location.pathname.indexOf('/p/') < 0) {
        DiscourseEmbed = {
            discourseUrl: 'https:/teachmeai.ogatutor.com/',
            discourseEmbedUrl: '{{url absolute="true"}}'
        };

        (function() {
            var d = document.createElement('script'); d.type = 'text/javascript'; d.async = true;
            d.src = DiscourseEmbed.discourseUrl + 'javascripts/embed.js';
            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(d);
        })();
    }
</script>

ملاحظة: تركت قائمة المسارات المسموح بها فارغة لأنه عندما أدخل أي شيء هناك، لا يعمل الكود حتى.
ما الذي يمكن أن أكون أفعله بشكل خاطئ؟
شكرا

إعجابَين (2)

يبدو أنه يعمل الآن :slight_smile:

كنت سأقترح عليك تجربة \\/\\d+\\/\\d+\\/.+ في حقل قائمة السماح بالمسار لإعداد المضيف المسموح به هذا.

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

شكراً مرة أخرى، ولكن لا يزال التحميل يستغرق وقتاً طويلاً للزوار الجدد. حوالي دقيقة واحدة للزوار الجدد والمقالات الجديدة. بمجرد أن يكون للمقال نقاش مستمر، فإنه يتم تحميله بشكل أسرع بكثير.
لا أعرف ما إذا كان ذلك بسبب إنشاء الموضوع تلقائيًا في Discourse. بالنظر إلى سجلات Ghost، يبدو كل شيء على ما يرام.

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

لقد تم تحميله على الفور بالنسبة لي. قد يكون الأمر مجرد مسألة موقع. لقد نظرت إلى صفحات متعددة وتظهر التعليقات على الفور بالنسبة لي.

تعديل: يا للغرابة، لقد تلقيت للتو خطأ أثناء تحميل الصفحة الأولى :thinking:

3 إعجابات

شكراً جزيلاً لك. لقد اقترب عملي من الانتهاء. المرحلة التالية هي محاولة نقل مستخدميهم من phpBB.

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

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.