# تخصيص مربع تسجيل الدخول المنبثق؟

**URL:** https://meta.discourse.org/t/customize-login-pop-up-box/301082
**Category:** Development
**Created:** [27 مارس 2024، 2:03ص UTC](https://meta.discourse.org/t/customize-login-pop-up-box/301082 "2024-03-27T02:03:20Z")
**Posts on this page:** 15
**Page:** 1

<div class="post-metadata">

### Author: ![45thj5ej](https://avatars.discourse-cdn.com/v4/letter/4/34f0e0/32.png) [@45thj5ej](https://meta.discourse.org/u/45thj5ej)
#### Post date: [27 مارس 2024، 2:03ص UTC](https://meta.discourse.org/t/customize-login-pop-up-box/301082/1 "2024-03-27T02:03:20Z")

</div>

لقد رأيت [تسجيل الدخول العصري](https://meta.discourse.org/t/trendy-login/206955) ولكن هذا للمواقع التي تتطلب تسجيل الدخول. رأيت أيضًا [نشر الصفحات](https://meta.discourse.org/t/page-publishing/151971) ولكن يبدو أنها تتطلب تسجيل الدخول أيضًا.

أريد تخصيص مربع الحوار المنبثق هذا عن طريق نقل العناصر، وإضافة/إزالة العناصر، وما إلى ذلك…

 ![jjj](https://global.discourse-cdn.com/meta/original/4X/8/4/7/847247d006b154d31f2051e1660acb2cf72bf016.png)

---

<div class="post-metadata">

### Author: ![twofoursixeight](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/twofoursixeight/32/574822_2.png) [@twofoursixeight](https://meta.discourse.org/u/twofoursixeight)
#### Post date: [27 مارس 2024، 3:55ص UTC](https://meta.discourse.org/t/customize-login-pop-up-box/301082/2 "2024-03-27T03:55:24Z")

</div>

مرحباً، يمكنك تخصيص لوحة تسجيل الدخول باستخدام [Making custom CSS changes on your site](https://meta.discourse.org/t/make-css-changes-on-your-site/168101).  
آمل أن يساعدك هذا.

---

<div class="post-metadata">

### Author: ![45thj5ej](https://avatars.discourse-cdn.com/v4/letter/4/34f0e0/32.png) [@45thj5ej](https://meta.discourse.org/u/45thj5ej)
#### Post date: [27 مارس 2024، 3:56ص UTC](https://meta.discourse.org/t/customize-login-pop-up-box/301082/3 "2024-03-27T03:56:05Z")

</div>

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

---

<div class="post-metadata">

### Author: ![45thj5ej](https://avatars.discourse-cdn.com/v4/letter/4/34f0e0/32.png) [@45thj5ej](https://meta.discourse.org/u/45thj5ej)
#### Post date: [27 مارس 2024، 4:45ص UTC](https://meta.discourse.org/t/customize-login-pop-up-box/301082/4 "2024-03-27T04:45:49Z")

</div>

سؤال صعب نوعًا ما. لذا، أريد تغيير نص مربع تسجيل الدخول المنبثق.  
أنا حاليًا أستخدم CSS لاستبدال نص “Log in to your account” بـ “Login or Register here!”.

```css
.login-subheader {
  visibility: hidden;
}
.login-subheader:after {
  content:'Login or Register here!'; 
  visibility: visible;
}

```

المشكلة هي أن النتيجة هي هذه، حيث يجب أن تكون على اليسار مثل النص الأصلي…

 ![wwww](https://global.discourse-cdn.com/meta/original/4X/0/8/6/086cb57fc7992df9b3748f1ef675b6d9087d026d.png)

ولكن هذا لأن النص الأصلي، “Log in to your account”، مخفي ببساطة، وليس مختفيًا، لذا فإن ما هو موجود بالفعل هو:

 ![qqq](https://global.discourse-cdn.com/meta/original/4X/5/a/0/5a047f09da3a85151ad06a92cd4c64f3fbe5ee9b.png)

إذًا، هل هناك طريقة لتغيير HTML مباشرة هنا بدلاً من استخدام حيل CSS غريبة؟

---

<div class="post-metadata">

### Author: ![omarfilip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/omarfilip/32/208019_2.png) [@omarfilip](https://meta.discourse.org/u/omarfilip)
#### Post date: [27 مارس 2024، 5:02ص UTC](https://meta.discourse.org/t/customize-login-pop-up-box/301082/5 "2024-03-27T05:02:16Z")

</div>

ابحث عن النص الذي ترغب في استبداله هنا وقم بتغييره:

/admin/customize/site\_texts

مزيد من المعلومات:

> [@Customize text in Discourse](https://meta.discourse.org/t/customize-any-text-in-discourse/36092?u=omarfilip):
>
> bookmark This is a guide for customizing text in Discourse via the admin interface, enabling changes to various UI elements. person_raising_hand Required user level: Administrator In Discourse, you can customize all of the text via the admin interface. This can be useful for tailoring the user experience to better fit the particular tone or branding of your community. Summary This guide will cover: Accessing the text customization interface Editing text strings Identifying translatio…

---

<div class="post-metadata">

### Author: ![45thj5ej](https://avatars.discourse-cdn.com/v4/letter/4/34f0e0/32.png) [@45thj5ej](https://meta.discourse.org/u/45thj5ej)
#### Post date: [27 مارس 2024، 5:04ص UTC](https://meta.discourse.org/t/customize-login-pop-up-box/301082/6 "2024-03-27T05:04:23Z")

</div>

هل هذا مجرد تغيير نص بسيط، أم يمكنني استخدام HTML فيه؟  
تحرير: بعد تجربة اختبار بسيط `<b></b>`، يبدو أنه لا يمكنك استخدام HTML هناك… لذا أحتاج إلى حل أفضل.

---

<div class="post-metadata">

### Author: ![omarfilip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/omarfilip/32/208019_2.png) [@omarfilip](https://meta.discourse.org/u/omarfilip)
#### Post date: [27 مارس 2024، 5:22ص UTC](https://meta.discourse.org/t/customize-login-pop-up-box/301082/7 "2024-03-27T05:22:56Z")

</div>

لا، سيتم تجريد HTML.

[https://meta.discourse.org/t/customize-any-text-in-discourse/36092/73?u=omarfilip](https://meta.discourse.org/t/customize-any-text-in-discourse/36092/73?u=omarfilip)

---

<div class="post-metadata">

### Author: ![45thj5ej](https://avatars.discourse-cdn.com/v4/letter/4/34f0e0/32.png) [@45thj5ej](https://meta.discourse.org/u/45thj5ej)
#### Post date: [27 مارس 2024، 5:24ص UTC](https://meta.discourse.org/t/customize-login-pop-up-box/301082/8 "2024-03-27T05:24:54Z")

</div>

لست متأكدًا من كيفية إجراء فواصل الأسطر باستخدام CSS بين الكلمات/الجمل، على الرغم من ذلك. هل هذا ممكن حتى؟ أو جعل كلمات معينة في جملة بخط عريض، وما إلى ذلك.

---

<div class="post-metadata">

### Author: ![HAWK](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hawk/32/86627_2.png) [@HAWK](https://meta.discourse.org/u/HAWK)
#### Post date: [27 مارس 2024، 5:35ص UTC](https://meta.discourse.org/t/customize-login-pop-up-box/301082/9 "2024-03-27T05:35:50Z")

</div>

أوصي بالقيام ببرنامج تعليمي في مكان مثل [CSS Tutorial](https://www.w3schools.com/css/)

إذا كنت ترغب في إجراء هذه التغييرات، فستحتاج إلى بعض المعرفة الأساسية.

---

<div class="post-metadata">

### Author: ![omarfilip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/omarfilip/32/208019_2.png) [@omarfilip](https://meta.discourse.org/u/omarfilip)
#### Post date: [27 مارس 2024، 5:35ص UTC](https://meta.discourse.org/t/customize-login-pop-up-box/301082/10 "2024-03-27T05:35:52Z")

</div>

في الواقع، الشيء الوحيد الذي لن تتم إزالته هو فواصل الأسطر، لذا سيعمل `\u003cbr\u003e\u003cbr\u003e`.

---

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [27 مارس 2024، 5:38ص UTC](https://meta.discourse.org/t/customize-login-pop-up-box/301082/11 "2024-03-27T05:38:26Z")

</div>

لقد قمت بالفعل بنشر بعض الروابط العامة لمساعدتك في تعلم CSS وتخصيص منتداك هنا:

> [@هل هناك طريقة لإزالة النوافذ المنبثقة عند إنشاء موضوع جديد؟](https://meta.discourse.org/t/is-there-a-way-to-remove-the-pop-ups-when-making-a-new-topic/300777/13?u=lilly):
>

---

<div class="post-metadata">

### Author: ![45thj5ej](https://avatars.discourse-cdn.com/v4/letter/4/34f0e0/32.png) [@45thj5ej](https://meta.discourse.org/u/45thj5ej)
#### Post date: [27 مارس 2024، 5:43ص UTC](https://meta.discourse.org/t/customize-login-pop-up-box/301082/12 "2024-03-27T05:43:21Z")

</div>

هممم، لا يعمل معي؟  
 ![qqq](https://global.discourse-cdn.com/meta/original/4X/4/a/4/4a4a48219cf7adbd7b78870dd94d9f8b367b5aed.png)

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [27 مارس 2024، 11:32ص UTC](https://meta.discourse.org/t/customize-login-pop-up-box/301082/13 "2024-03-27T11:32:55Z")

</div>

مرحباً 👋

قم بتحرير النص في `/admin/customize/site_texts`

إلى هذا التنسيق 🔽  
 ![Screenshot 2024-03-27 at 12.26.57](https://global.discourse-cdn.com/meta/original/4X/5/9/a/59a9ea2483e5eb8540999c9b1c787818eaeb0ada.png)

ثم أضف ما يلي إلى CSS.

```scss
.d-modal {
  &.login-modal {
    .login-subheader {
      white-space: pre-line;
    }
  }
}

```

النتيجة

![Screenshot 2024-03-27 at 12.30.39](https://global.discourse-cdn.com/meta/original/4X/a/2/0/a20e72c354ea7d8ae0ace16c35cb8919594f9087.png)

---

<div class="post-metadata">

### Author: ![45thj5ej](https://avatars.discourse-cdn.com/v4/letter/4/34f0e0/32.png) [@45thj5ej](https://meta.discourse.org/u/45thj5ej)
#### Post date: [28 مارس 2024، 3:42م UTC](https://meta.discourse.org/t/customize-login-pop-up-box/301082/14 "2024-03-28T15:42:02Z")

</div>

شكرا جزيلا لك!

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [27 أبريل 2024، 3:42م UTC](https://meta.discourse.org/t/customize-login-pop-up-box/301082/15 "2024-04-27T15:42:04Z")

</div>

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