Sherran
(Sherran)
Março 22, 2024, 8:15am
1
Tenho a mesma dúvida que este colega: How to add a header image and customize it
Não tenho ideia de onde devo colocar este código. Alguma ajuda?
Eu apenas coloquei aqui e parece que estava errado.
Ou existe algum componente mais simples para adicionar uma imagem de banner ao meu Discourse?
Obrigado desde já.
Moin
Março 22, 2024, 8:24am
2
Você também instalou o Versatile Banner que é mencionado nesse tópico? O ajuste para esse componente não fará nada sem o componente.
Sherran
(Sherran)
Março 25, 2024, 3:13am
3
Sim, eu instalo e coloco em uso.
Sherran
(Sherran)
Março 25, 2024, 3:26am
5
Quero usar o banner versátil apenas para inserir a imagem de fundo, mas a imagem só aparece um pouco. Preciso digitar palavras para mostrar mais dela, mas não preciso de palavras.
HAWK
(Hawk)
Março 25, 2024, 3:32am
6
É muito difícil entender o problema com tão pouca informação. Você poderia compartilhar imagens para mostrar o que está acontecendo de errado?
Lilly
(Lillian )
Março 25, 2024, 3:33am
7
Oi @Sherran se você só quer inserir uma imagem de banner, o componente de banner Vesatile pode não ser o ideal. Talvez você queira dar uma olhada neste tópico:
ou dar uma olhada nos vários componentes de banner na categoria Customization > Theme component
https://meta.discourse.org/search?q=banner%20%23theme-component%20order%3Alatest_topic
Lilly
(Lillian )
Março 25, 2024, 4:59am
8
@Moin gentilmente me lembrou disso:
tente isso em um componente de tema. em css comum:
#homepage-banner {
width: 100%;
height: 300px;
}
você pode ajustar a altura como quiser.
coloque o seguinte ao redor da imagem no componente de banner versátil onde você tem o URL da sua imagem, provavelmente no campo de conteúdo do título principal.
<div>
<div id="homepage-banner">
coloque a imagem aqui
</div>
</div>
você pode adicionar outro código CSS para formatá-lo mais. você pode olhar o banner versátil no meu site …
Eles claramente têm uma memória muito melhor do que eu
Sherran
(Sherran)
Março 25, 2024, 6:27am
9
Eu apago todo o conteúdo das colunas e insiro uma imagem de fundo:
Mas a imagem só é mostrada assim:
E eu quero que ela seja mostrada em tamanho completo.
Então eu tentei colocar o código acima, dado pelo suporte ou quem quer que seja, no CSS do tema (não sei se este é o lugar certo. Parece que não.)
Eu não sei como personalizar HTML. Se eu tiver a URL da imagem do banner, como posso torná-la um banner?
Lilly
(Lillian )
Março 25, 2024, 2:35pm
10
Você olhou o link que postei acima? Ele tem a solução para você:
Sherran
(Sherran)
Março 27, 2024, 1:47am
11
Obrigado. Vou tentar. Quando você diz para usar este CSS, não sei exatamente onde devo colocar isso em {}. Deixe-me ver.
Sherran
(Sherran)
Março 27, 2024, 2:16am
12
O CSS #homepage-banner não está funcionando. Mudei a largura e a altura, mas a imagem foi apresentada por completo e não mostrou nenhuma alteração. Então escrevi tudo no conteúdo do título principal:
Mas a imagem vai para o conteúdo do assunto em vez de permanecer como um banner.
Sobre o CSS não funcionar. Coloquei aqui desta forma. O que devo mudar?
Não sou bom em codificação e HTML. Devo estar perdendo alguma coisa. Espero ter sua ajuda. Agradeço desde já.