Personalizar o pop-up de Login?

Eu vi Trendy Login, mas isso é para sites que exigem login. Também vi Page Publishing, mas parece que também exige login.

Quero personalizar esta caixa pop-up movendo coisas, adicionando/removendo coisas, etc…

1 curtida

Olá, você pode personalizar o painel de login com Making custom CSS changes on your site.
Espero que isso ajude você.

1 curtida

Oi, eu também vi isso mais cedo, mas ainda não consegui descobrir a caixa de login pop-up :frowning:
E isso pode ser usado sem exigir o modo de login?

Uma pergunta meio complicada. Então, eu quero mudar o texto da caixa pop-up de login.
Atualmente, estou usando CSS para substituir o texto “Faça login na sua conta” por “Login ou Registre-se aqui!”

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

O problema é que o resultado é este, onde deveria estar à esquerda como o texto original…

Mas isso acontece porque o original, “Faça login na sua conta”, está simplesmente oculto, não removido, então o que realmente está lá é:

Então, existe uma maneira de simplesmente alterar o HTML diretamente em vez de usar truques de CSS malucos?

Procure o texto que você deseja substituir aqui e altere-o:

/admin/customize/site_texts

Mais informações:

2 curtidas

Isso é apenas uma simples alteração de texto, ou posso usar HTML nele?
EDIT: depois de tentar um teste simples com <b></b>, parece que você não pode usar HTML lá… então preciso de uma solução melhor.

Não, o HTML será removido.

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

1 curtida

Não tenho certeza de como fazer quebras de linha com CSS entre palavras/frases, no entanto. Isso é possível? Ou colocar certas palavras em negrito em uma frase, etc.

Eu recomendaria fazer um tutorial em algum lugar como CSS Tutorial

Se você quiser fazer esse tipo de alteração, precisará de algum conhecimento básico.

1 curtida

Na verdade, a única coisa que não será removida são as quebras de linha, então \u003cbr\u003e\u003cbr\u003e funcionará.

2 curtidas

Eu já postei alguns links gerais para ajudar você a aprender CSS e personalizar seu fórum aqui:

1 curtida

Hmm, não está funcionando para mim?
qqq

Olá :wave:

Edite o texto em /admin/customize/site_texts

Para este formato :arrow_down_small:
Screenshot 2024-03-27 at 12.26.57

Em seguida, adicione o seguinte ao CSS.

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

Resultado

Screenshot 2024-03-27 at 12.30.39

3 curtidas

Muito obrigado!

1 curtida

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