Primeiro, adicione um nome de componente de tema personalizado e certifique-se de habilitar seu tema ou todos os temas, como mostrado
Adicione a primeira pessoa para adicionar o post original ou outro logo no tópico ou post
Adicione o código CSS da seguinte forma
.posts-wrapper {
position: relative;
}
div.topic-owner .topic-body .contents > .cooked::after {
content: "TOPIC OWNER - meta.discourse.org"; /* Conteúdo de texto, pode ser alterado para "TOPIC OWNER" */
font-size: small; /* Tamanho da fonte */
color: #00aeff; /* Cor da fonte */
float: right; /* Posição à direita */
font-style: italic; /* Itálico */
font-weight: bold; /* Negrito */
}
Não se esqueça de salvar seu código
Adicione o segundo componente
Adicione o código após o título
<div class="custom-welcome-banner" style="background-color: var(--custom-banner-bg); padding: 10px; text-align: center;">
<strong>Mantenha seu conteúdo personalizado curto</strong>, Conteúdo personalizado
<a href="/faq" style="color: var(--custom-banner-link); margin-left: 10px;">《Perguntas frequentes》</a>
</div>
Adicione o código de definição de cor
Isso é necessário se o seu site permitir a alternância entre dia e noite
:root {
/* Definindo variáveis de cor dinâmicas */
--custom-banner-bg: #{dark-light-choose(#d1f0ff, #03374b)};
--custom-banner-text: #{dark-light-choose(#ffffff, #000)};
--custom-banner-link: #{dark-light-choose(#50d8ff, #0073ea)};
}
Não se esqueça de salvar seu código
Não sei se alguém já enviou esse tipo de pergunta. Resumi desenhando em alguns fóruns construídos com discourse.
Se este post já tiver soluções semelhantes ou problemas de direitos autorais, por favor, me exclua.
Não sei se alguém já enviou tal pergunta. Desenhei em alguns fóruns construídos com o Discourse para resumi-la.
Se este post já tiver uma solução semelhante ou problema de direitos autorais, por favor, me exclua.
Por que postar este post?
- Não sei codificar.
- Não sei inglês.
- Acho que alguém precisará disso, especialmente aqueles que não sabem codificar.
- Pessoas que sabem codificar verificarão os documentos por conta própria para encontrar uma solução.
Em resumo, se eu tiver alguma omissão, peça ao administrador para modificá-la. Se o conteúdo for inadequado, ele pode ser excluído. Ao mesmo tempo, também estou salvando para mim para que eu possa encontrar a solução de que preciso aqui.
Não sei inglês. Todo este conteúdo foi traduzido pelo Google. Por favor, me perdoe se houver alguma redação inadequada.
Como novos usuários só podem adicionar uma imagem, não há como mostrar o efeito
