FKB Pro - Tema social

[Don]

@Paracelsus

É possível ter colunas de largura fixa em uma largura mínima de tela (ou várias, usando, por exemplo, regras de CSS de mídia) no modo desktop? A largura flexível me dá um pouco de dor de cabeça em monitores muito grandes (24 ou 27’') e o “espaço morto” entre as três colunas é um pouco estranho.

Olá @Paracelsus, obrigado pelo feedback. Juntei um conserto Fix: main-outlet width on larger screen by VaperinaDEV · Pull Request #7 · VaperinaDEV/fkb-pro-theme · GitHub

@Paracelsus

A prévia do tema em nosso fórum não mostra com 3 colunas, apenas um layout de uma coluna. Suspeito de algum problema de CSS, mas ainda estou tentando descobrir.

Posso verificar isso de alguma forma?

@Paracelsus

O tema é compatível com o componente para blocos do lado direito Right Sidebar Blocks - theme-component - Discourse Meta? Se sim, isso torna a coluna da direita mais útil/rica em recursos.

Vou dar uma olhada nisso.

[tmn (Tran Nhat)]

alguma sugestão.

[darkpixlz (Pyx)]

Acabei de tentar instalar no meu site e parece muito pequeno.

[Don]

Sim, vou consertar em breve.

[Paracelsus]

@Don

@Paracelsus

É possível ter colunas de largura fixa em uma largura mínima de tela (ou várias, usando, por exemplo, regras de mídia CSS) no modo desktop? A largura flexível me dá um pouco de dor de cabeça em monitores muito grandes (24 ou 27’') e o “espaço morto” entre as três colunas é um pouco estranho.

Olá @Paracelsus, obrigado pelo feedback. Mesclei um conserto Fix: main-outlet width on larger screen by VaperinaDEV · Pull Request #7 · VaperinaDEV/fkb-pro-theme · GitHub

@Paracelsus

A prévia do tema em nosso fórum não mostra com 3 colunas, apenas um layout de uma coluna. Suspeito de algum problema de CSS, mas ainda estou tentando descobrir.

Posso verificar isso de alguma forma?

@Paracelsus

O tema é compatível com o componente para blocos do lado direito Blocos da Barra Lateral Direita - componente-tema - Discourse Meta ? Se sim, isso torna a coluna da direita mais útil/rica em recursos.

Vou dar uma olhada nisso.

Obrigado pelo conserto, está melhor agora.
Vou tentar te dar uma URL onde você possa ver o problema de uma coluna.

[Don]

Olá, eu mesclei algumas correções:

Merge pull request #8 from VaperinaDEV/fix-layout-take-2

UX: fix some styling issue with categories

[tmn (Tran Nhat)]

Acabei de pesquisar na Meta e encontrei este fórum. É o que eu estava procurando.
https://community.bettercentury.org/

[Don]

Ah, entendi Isso parece Fakebook, um tema para amantes de redes sociais, acho que é isso que você está procurando.

[tmn (Tran Nhat)]

Olá @Don. Muito obrigado pelo seu tema.

[darkpixlz (Pyx)]

Ainda estou tendo alguns problemas.

[Tiago_santos]

Parabéns @Don, estou muito, muito feliz com o seu tema. É bonito e elegante e o site também aumentou as pontuações em core web vitals e google speed insights
Muito obrigado por tudo, admiro muito o seu trabalho na comunidade discourse
saudações do Brasil

[Don]

@darkpixlz

Ainda estou tendo alguns problemas.

Obrigado @darkpixlz! Atualizarei o tema para funcionar com a barra lateral.

---

@Tiago_santos, fico muito feliz que você goste Muito obrigado!

[Tiago_santos]

oi @Don
como corrigir este bug (campo número de cartão de crédito preto) assinatura do discourse

[Don]

Obrigado. Eu enviei uma correção para isso… por favor, atualize o tema.

[Tiago_santos]

perfeito, é lindo, muito obrigado

[Tiago_santos]

Olá @Don
Estou acompanhando esta postagem para anúncios do plugin discourse (anúncios internos)

[PAID] Make House Ads Responsive

If you read House ads post, they give you the way to set a desktop picture and a mobile one. <a href="" class="banner-ad" target="_blank"> <img class="desktop" src=""> <img class="mobile" src=""> </a> Just set the images for each (Less width for phones and more width for desktop) and thats it! I personally use this dimensions: Mobile: 1282x311 Desktop 755x90 Then create a component and add this CSS: $cta-background-color: #FE4644; $cta-text-color: #FFFFFF; .banner-ad { displa…

aparentemente o plugin de anúncios não é compatível com o fakebook pro (bugs)

Na versão mobile, a imagem sai da tela (grande)

no tema fakepro não é possível diferenciar qual imagem é mobile e qual imagem é desktop

você pode verificar isso, por favor

[Don]

Olá Tiago,

Você poderia esclarecer um pouco mais? Alguns screenshots, seu código atual e onde seu anúncio aparece seriam muito úteis. Obrigado

[Tiago_santos]

Olá, desculpe

A imagem está maior na versão mobile
no tema padrão funciona normalmente

Meu código (anúncios de casa)

<a href="https://cursos.growthafiliados.com.br" class="banner-ad" target="_blank">
    
    <img class="desktop" src="https://growthafiliados.com.br/uploads/default/original/2X/3/33bcb1003b66be344648d3ba84d1e05f8bf36c75.png" style="display: block; margin-left: auto; margin-right: auto;width: auto;">
    
</a>

Mobile

mesmo trocando desktop para mobile no código acima o problema continua

Desktop (está ok)

[Don]

Olá,

Sim, acho que você precisa usar um pouco de CSS também para torná-lo responsivo.

Algo assim deve funcionar:

<a href="https://cursos.growthafiliados.com.br" class="banner-ad" target="_blank">
  <img class="banner-img" src="https://growthafiliados.com.br/uploads/default/original/2X/3/33bcb1003b66be344648d3ba84d1e05f8bf36c75.png">
</a>

Comum / CSS

.house-creative.house-post-bottom {
  max-width: calc(#{$topic-body-width} + (#{$topic-body-width-padding} * 2) + (12px * 2));
  margin: 8px 0 8px auto;
  .mobile-view & {
    max-width: 100%;
    .banner-ad {
      .banner-img {
        max-width: 100%;
      }
    }
  }
}

[Tiago_santos]

Muito ótimo. Muito obrigado
está funcionando perfeitamente.
Mais uma vez, muito obrigado pela sua atenção. O seu tema do Discourse é o melhor