Настроить всплывающее окно входа?

Разработка
1

Я видел Trendy Login, но он предназначен для сайтов, требующих входа. Также видел Page Publishing, но он, похоже, тоже требует входа.

Я хочу настроить это всплывающее окно, переместив элементы, добавив или удалив их и так далее…

jjj
jjj717×436 18.9 KB

2

Здравствуйте! Вы можете настроить панель входа с помощью Making custom CSS changes on your site. Надеюсь, это вам поможет.

3

Привет, я тоже это раньше видел, но так и не понял, как работает всплывающее окно входа :frowning:
А можно ли им пользоваться без входа в систему?

4

Вопрос довольно хитрый. Я хочу изменить текст во всплывающем окне входа.
Сейчас я использую CSS, чтобы заменить текст «Log in to your account» на «Login or Register here!».

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

Проблема в том, что результат выглядит так, хотя текст должен быть слева, как и оригинальный…

wwww
wwww810×459 24.1 KB

Но это потому, что оригинальный текст «Log in to your account» просто скрыт, а не удалён, поэтому на самом деле там находится:

qqq
qqq788×423 20.7 KB

Так есть ли способ напрямую изменить HTML здесь, вместо использования странных CSS-трюков?

5

Введите здесь текст, который вы хотите заменить, и измените его:

/admin/customize/site_texts

Подробнее:

6

Это просто замена текста, или я могу использовать HTML?
РЕДАКТИРОВАНИЕ: после попытки простого теста с тегом <b></b> выяснилось, что использовать HTML здесь нельзя… поэтому мне нужно найти лучшее решение.

7

Нет, HTML будет удалён.

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

8

Не уверен, как сделать перенос строки с помощью CSS между словами или предложениями. Это вообще возможно? Или, например, выделить некоторые слова в предложении жирным шрифтом и т.д.

9

Я бы рекомендовал пройти учебный курс на таком сайте, как CSS Tutorial

Если вы хотите вносить подобные изменения, вам потребуются базовые знания.

10

На самом деле, единственное, что не будет удалено, — это переносы строк, поэтому <br><br> будет работать.

11

Я уже разместил несколько общих ссылок, которые помогут вам освоить CSS и настроить ваш форум здесь:

12

Хм, у меня не работает?
qqq

13

Привет :wave:

Отредактируйте текст в /admin/customize/site_texts

В следующем формате :arrow_down_small:
Screenshot 2024-03-27 at 12.26.57

Затем добавьте следующее в CSS.

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

Результат

Screenshot 2024-03-27 at 12.30.39

14

Спасибо большое!