Você pode usar CSS com Aspect Ratio
Exemplo de código: How To - Aspect Ratio / Height Equal to Width
Você pode conferir meu site https://businesslab.vn com proporção 16:10
Como posso configurar isso no Discourse? Tipo, onde e em qual CSS devo configurar?
Além disso, há este pequeno problema ao configurar o Google Ads:
Presumo que o cartão de perfil da barra lateral deva ficar abaixo do anúncio, não bem em cima dele.
Obrigado!
1 curtida
Olá @codergautam,
Eu mesclei uma correção para o plugin Discourse Ad - Google Adsense. Por favor, atualize o tema. 
Você pode alterar a altura da imagem 
Você precisa criar um novo componente para isso.
-
Vá para
/admin/customize/themes/
Personalizar → Temas -
Clique na aba Componentes e depois no botão Instalar
Instalar -
Na janela pop-up, clique no botão Criar novo e digite o nome do novo componente.
Criar novo
-
Clique no botão Criar.
Criar -
O componente foi criado. Agora selecione o tema FKB Pro para ativá-lo.
-
Clique no botão Editar CSS/HTML.
Editar CSS/HTML
-
Clique na aba Comum e cole o código abaixo na seção CSS.
Se você quiser definir a altura da imagem separadamente no desktop e no mobile, use essas abas em vez de Comum. Comum significa que este código estará ativo tanto no desktop quanto no mobile.
.topic-list {
.main-link {
.link-middle-line {
.topic-image {
height: 280px; // Padrão 300px
}
}
}
}
Se você quiser ocultar a imagem, use isto
.topic-list {
.main-link {
.link-middle-line {
.topic-image {
display: none;
}
}
}
}
3 curtidas
Esperamos corrigir incompatibilidades com outros componentes do tema
Como você arredonda os botões e outras coisas? Eu só queria fazer isso no meu tema atual.
1 curtida
Olá @danielabc,
Existem alguns Theme component para arredondar coisas.
Olá @xiaokong23357, você pode esclarecer a qual Theme component você se refere?
2 curtidas
2 curtidas
@Don Como introduzo a meta tag HTML vinculada em um tema FBK?
Espero que seja resolvido
1 curtida
@Don Eu quero dizer, não sei se o tema pode carregar essas coisas
Recomendação de formato de layout: Otimizado, simples, compacto e amplo
2 curtidas
Olá, desculpe pelo atraso… Sim, acho que é possível substituir o painel direito padrão por Blocos da Barra Lateral Direita. Vou verificar isso.
3 curtidas
Mais uma coisa, @Don
Meu fórum usa seu tema, agora meu fórum está prestes a ser adicionado ao mecanismo de busca Microsoft Bing, mas agora ele precisa fazer a detecção de meta tags HTML para o fórum, como faço para incorporar essa meta tag HTML ao tema
É muito necessário agora, e sou muito grato por poder resolver isso
1 curtida
Crie um novo componente de tema no admin como este que introduzi acima. FKB Pro - Social theme - #88 by Don você pode alterar o nome do componente como quiser, mas não cole o CSS que colei na aba CSS. Copie e Cole a Tag Meta HTML do Bing na aba HEAD do componente que você criou e salve.
2 curtidas
1 curtida
Não, como vejo que este é um tema. Você precisa criar um componente. Qual é a outra aba ou você pode converter isso em um componente com o botão converter que fica na parte inferior da página. Apenas siga as instruções que mostrei acima.
2 curtidas
Muito obrigado, problema resolvido!
@Don
3 curtidas
Eu mesclei uma atualização para adicionar: Compatibility with Right Sidebar Blocks theme component by VaperinaDEV · Pull Request #18 · VaperinaDEV/fkb-pro-theme · GitHub
Ela contém uma configuração: right sidebar blocks enabled. Ela adicionará algum suporte para o componente de tema Right Sidebar Blocks e substituirá a barra lateral direita padrão (painel fkb) por ele.
4 curtidas
Tenho uma ideia de que a barra lateral pode ser feita por você nesse estilo e mesclada em um arquivo de tema, e as pessoas que precisarem dela podem ativar o recurso correspondente nas configurações do tema @Don
2 curtidas
Olá,
Sim, acho que isso é possível modificando o estilo se você quiser que o título seja separado do conteúdo e parece que esta barra lateral não é fixa.
Tente algo assim.
Crie um novo componente de tema como este FKB Pro - Social theme - #88 by Don ou adicione-o a um existente.
Desktop / CSS
.full-width .tc-right-sidebar {
position: relative;
top: unset;
padding: 0;
background: none;
box-shadow: none;
overflow-y: unset;
.rs-component {
h3 {
border-bottom: none;
padding-bottom: 0;
}
> div {
background: var(--secondary);
padding: 1em;
border-radius: var(--d-default-border-radius);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
}
}
2 curtidas
FYI: tanto /login quanto /signup como links exibem um círculo giratório, sem abrir o modal. iPad com tudo atualizado.
1 curtida
Olá Jakke Acabei de verificar isso no seu site e os modais aparecem corretamente para mim em /login e /signup.
1 curtida