FKB Pro - Thème social

[Don]

@Paracelsus

Est-il possible d’avoir des colonnes de largeur fixe sur une largeur d’écran minimale (ou plusieurs, en utilisant par exemple des règles css media) en mode bureau ? La largeur flexible me donne un peu mal à la tête sur de très grands moniteurs (24 ou 27’') et “l’espace mort” entre les trois colonnes est un peu gênant.

Salut @Paracelsus, merci pour ton retour. J’ai fusionné un correctif Fix: main-outlet width on larger screen by VaperinaDEV · Pull Request #7 · VaperinaDEV/fkb-pro-theme · GitHub

@Paracelsus

L’aperçu du thème sur notre forum ne s’affiche pas avec 3 colonnes, seulement une mise en page à une colonne. Je suspecte un problème de css, mais j’essaie encore de comprendre.

Puis-je vérifier cela d’une manière ou d’une autre ?

@Paracelsus

Le thème est-il compatible avec le composant pour les blocs du côté droit Right Sidebar Blocks - theme-component - Discourse Meta ? Si oui, cela rend la colonne de droite plus utile/riche en fonctionnalités.

Je vais y jeter un œil.

[tmn (Tran Nhat)]

quelques suggestions.

[darkpixlz (Pyx)]

Je viens de l’installer sur mon site et il a l’air vraiment petit.

[Don]

Oui, je vais le corriger bientôt.

[Paracelsus]

@Don

@Paracelsus

Est-il possible d’avoir des colonnes de largeur fixe sur une largeur d’écran minimale (ou plusieurs, en utilisant par exemple des règles CSS media) en mode bureau ? La largeur flexible me donne un peu mal à la tête sur les très grands moniteurs (24 ou 27’') et « l’espace mort » entre les trois colonnes est un peu gênant.

Salut @Paracelsus, merci pour ton retour. J’ai fusionné un correctif Fix: main-outlet width on larger screen by VaperinaDEV · Pull Request #7 · VaperinaDEV/fkb-pro-theme · GitHub

@Paracelsus

L’aperçu du thème sur notre forum ne s’affiche pas avec 3 colonnes, seulement une mise en page à une colonne. Je suspecte un problème CSS, mais j’essaie encore de comprendre.

Puis-je vérifier cela d’une manière ou d’une autre ?

@Paracelsus

Le thème est-il compatible avec le composant pour les blocs latéraux droits Blocs de barre latérale droite - theme-component - Discourse Meta ? Si oui, cela rend la colonne de droite plus utile/riche en fonctionnalités.

Je vais y jeter un œil.

Merci pour le correctif, c’est mieux maintenant.
Je vais essayer de te donner une URL où tu pourras voir le problème de la mise en page à une colonne.

[Don]

Bonjour, j’ai fusionné quelques corrections :

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

UX: fix some styling issue with categories

[tmn (Tran Nhat)]

Je viens de chercher sur Meta et j’ai trouvé ce forum. C’est ce que je cherchais.
https://community.bettercentury.org/

[Don]

Ah je vois Cela ressemble à Fakebook, un thème pour les amateurs de médias sociaux Je pense que vous cherchez cela.

[tmn (Tran Nhat)]

Salut @Don. Merci beaucoup pour ton thème.

[darkpixlz (Pyx)]

J’ai encore quelques problèmes.

[Tiago_santos]

Félicitations @Don, je suis très, très heureux de votre thème. Il est beau et élégant et le site a également augmenté les scores dans les Core Web Vitals et Google Speed Insights.
Merci beaucoup pour tout, j’admire vraiment votre travail dans la communauté discourse.
Salutations du Brésil

[Don]

@darkpixlz

J’ai encore quelques problèmes.

Merci @darkpixlz ! Je vais mettre à jour le thème pour qu’il fonctionne avec la barre latérale.

---

@Tiago_santos, je suis vraiment content que ça vous plaise Merci beaucoup !

[Tiago_santos]

Salut @Don
Comment corriger ce bug (champ numéro de carte de crédit noir) abonnement discourse

[Don]

Merci. J’ai poussé un correctif pour cela… veuillez mettre à jour le thème.

[Tiago_santos]

parfait, c’est magnifique, merci beaucoup

[Tiago_santos]

Bonjour @Don
Je suis ce post pour les publicités du plugin discourse (publicités internes)

[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…

Apparemment, le plugin de publicité n’est pas compatible avec fakebook pro (bugs)

Dans la version mobile, l’image sort de l’écran (trop grande)

Dans le thème fakepro, il ne peut pas différencier quelle image est mobile et quelle image est bureau

Pouvez-vous vérifier s’il vous plaît

[Don]

Salut Tiago,

Peux-tu clarifier un peu ? Quelques captures d’écran, ton code actuel et où apparaît ta publicité seraient très utiles. Merci

[Tiago_santos]

Salut, désolé

L’image est plus grande dans la version mobile
dans le thème par défaut, cela fonctionne normalement

Ma code (publicités maison)

<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

même si je change desktop en mobile dans le code ci-dessus, le problème persiste

Desktop (c’est ok)

[Don]

Bonjour,

Oui, je pense que vous devez également utiliser du CSS pour le rendre réactif.

Quelque chose comme ceci devrait fonctionner :

<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>

Commun / 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]

Très bien. Merci beaucoup.
Cela fonctionne parfaitement.
Encore une fois, merci beaucoup pour votre attention. Votre thème Discourse est le meilleur.