自定义登录弹窗?

我看到了 Trendy Login,但那是针对需要登录的网站的。我还看到了 Page Publishing,但它似乎也需要登录。

我想自定义这个弹出框,移动里面的东西,添加/删除东西等等……

1 个赞

您好,您可以通过 Making custom CSS changes on your site 来自定义登录面板。
希望这对您有所帮助。

1 个赞

您好,我之前也看到了,但还是没能弄明白那个弹出式登录框 :frowning:
而且那个可以不用登录模式就能用吗?

一个棘手的问题。所以,我想更改登录弹出框文本。
我现在正在使用 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 个赞

不起作用?
qqq

你好 :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

3 个赞

非常感谢!

1 个赞

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