لقد رأيت تسجيل الدخول العصري ولكن هذا للمواقع التي تتطلب تسجيل الدخول. رأيت أيضًا نشر الصفحات ولكن يبدو أنها تتطلب تسجيل الدخول أيضًا.
أريد تخصيص مربع الحوار المنبثق هذا عن طريق نقل العناصر، وإضافة/إزالة العناصر، وما إلى ذلك…
إعجاب واحد (1)
مرحباً، يمكنك تخصيص لوحة تسجيل الدخول باستخدام Making custom CSS changes on your site.
آمل أن يساعدك هذا.
إعجاب واحد (1)
مرحباً، لقد رأيت ذلك في وقت سابق أيضاً ولكني لم أتمكن من معرفة مربع تسجيل الدخول المنبثق بعد 
وهل يمكن استخدام ذلك دون الحاجة إلى وضع تسجيل الدخول؟
سؤال صعب نوعًا ما. لذا، أريد تغيير نص مربع تسجيل الدخول المنبثق.
أنا حاليًا أستخدم CSS لاستبدال نص “Log in to your account” بـ “Login or Register here!”.
.login-subheader {
visibility: hidden;
}
.login-subheader:after {
content:'Login or Register here!';
visibility: visible;
}
المشكلة هي أن النتيجة هي هذه، حيث يجب أن تكون على اليسار مثل النص الأصلي…
ولكن هذا لأن النص الأصلي، “Log in to your account”، مخفي ببساطة، وليس مختفيًا، لذا فإن ما هو موجود بالفعل هو:
إذًا، هل هناك طريقة لتغيير HTML مباشرة هنا بدلاً من استخدام حيل CSS غريبة؟
ابحث عن النص الذي ترغب في استبداله هنا وقم بتغييره:
/admin/customize/site_texts
مزيد من المعلومات:
إعجابَين (2)
هل هذا مجرد تغيير نص بسيط، أم يمكنني استخدام HTML فيه؟
تحرير: بعد تجربة اختبار بسيط <b></b>، يبدو أنه لا يمكنك استخدام HTML هناك… لذا أحتاج إلى حل أفضل.
لا، سيتم تجريد HTML.
https://meta.discourse.org/t/customize-any-text-in-discourse/36092/73?u=omarfilip
إعجاب واحد (1)
لست متأكدًا من كيفية إجراء فواصل الأسطر باستخدام CSS بين الكلمات/الجمل، على الرغم من ذلك. هل هذا ممكن حتى؟ أو جعل كلمات معينة في جملة بخط عريض، وما إلى ذلك.
أوصي بالقيام ببرنامج تعليمي في مكان مثل CSS Tutorial
إذا كنت ترغب في إجراء هذه التغييرات، فستحتاج إلى بعض المعرفة الأساسية.
إعجاب واحد (1)
في الواقع، الشيء الوحيد الذي لن تتم إزالته هو فواصل الأسطر، لذا سيعمل \u003cbr\u003e\u003cbr\u003e.
إعجابَين (2)
لقد قمت بالفعل بنشر بعض الروابط العامة لمساعدتك في تعلم CSS وتخصيص منتداك هنا:
إعجاب واحد (1)
هممم، لا يعمل معي؟
مرحباً 
قم بتحرير النص في /admin/customize/site_texts
إلى هذا التنسيق 
ثم أضف ما يلي إلى CSS.
.d-modal {
&.login-modal {
.login-subheader {
white-space: pre-line;
}
}
}
النتيجة
3 إعجابات
شكرا جزيلا لك!
إعجاب واحد (1)
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.