Dernière liste en vue grille

Salut !

Je développe actuellement mon propre thème de « blog » et j’aimerais définir la dernière vue dans un style de grille (comme ici dans la catégorie des thèmes).
Je sais qu’il existe quelques composants pour cela, mais je n’ai pas d’images dans mes publications, donc cela semble un peu étrange. Et il n’y a pas d’option (par exemple dans le composant topic-thumbnails) pour le définir sur 2 ou 3 colonnes (ou même flexible).

J’ai essayé beaucoup de choses (le site était plus ou moins cassé après ça :joy: ) mais je n’ai pas réussi à trouver comment faire cela.

Quelqu’un peut-il me donner une indication sur la façon de résoudre ce problème ? J’ai seulement besoin du réglage de base et ensuite je pourrai le « styliser » pour qu’il corresponde à mes besoins.

Cordialement

PS. Si c’est la mauvaise catégorie, merci de la déplacer. :slightly_smiling_face:

La plupart des choses comme ça peuvent être configurées dans le CSS via admin > personnaliser > thèmes > CSS personnalisé

Je voulais aussi avoir deux colonnes et une vue plus étroite, j’ai donc réduit la largeur maximale de 1100px (?) à 950px et cela a également changé de trois à deux colonnes - dans mon cas, c’était ceci

:root { --d-max-width: 950px; }

La liste des sujets est réactive et définit automatiquement le nombre de colonnes. Il suffit de la réduire un peu avec des barres latérales (par exemple, avec le plugin Layouts) et le nombre de colonnes diminue. (Voir cet exemple https://www.starzen.space - commence avec 2 colonnes mais cliquez sur une balise et elle revient à 3 colonnes)

2 « J'aime »

Oui, je sais que cela peut être fait avec CSS, tout mon thème est fait avec CSS.
Et, je n’ai pas 1100px, mon design est flexible par rapport à la résolution de l’écran. Et non, je ne veux pas de cette largeur fixe ultra petite de 1100px. :wink:

@merefield
J’ai beaucoup essayé ce composant de thème, mais ce n’est pas ce que je cherchais. Je n’ai pas d’images dans les publications, et il devrait être flexible avec les colonnes (dépend de la résolution de l’écran).

Ce que je cherche, c’est la classe CSS pour transformer la liste en grille. :slightly_smiling_face:

C’est le cas, c’est pourquoi il n’y a qu’une seule colonne sur mobile.

Sur un iPad de 11 pouces avec une seule barre latérale droite, TLP affiche deux colonnes en mode paysage et une en mode portrait.

C’est la ligne clé dans TLP :

Vous devriez lire ceci :

et ceci (mais je ne suis pas sûr que « résolution » soit ce que vous voulez dire car cela peut être confondu avec DPI) :

2 « J'aime »

Merci !

Mon problème était de trouver la bonne classe CSS de Discourse pour la liste.
Est-ce topic-list-item ou topic-list-item-seperator ou autre chose.

J’essaierai plus tard.

La CSS de la grille doit être au-dessus du niveau de l’élément. Copiez la façon dont TLP ou TLT le font.

3 « J'aime »

J’utilise actuellement Topic List Thumbnails et j’ai remplacé quelques éléments via CSS. Je ne voulais rien avec des images dans le texte, mais vous pouvez utiliser une image par défaut.

Vous ne voulez pas dire icône ?
Vous n’avez pas à utiliser d’images avec TLP et vous pouvez utiliser une image par défaut.

1 « J'aime »

Oui, bien sûr, une icône par défaut. :wink:

Désolé pour le double post, mais j’ai une autre question concernant le bouton d’inscription/connexion.

Je veux cacher ces 2 boutons pour les utilisateurs anonymes, mais je ne peux pas me connecter non plus. Y a-t-il une URL vers un site de connexion ou quelque chose de similaire ?

Personne ?

N’y a-t-il vraiment aucune URL de connexion ?

https://meta.discourse.org/login ou

Selon vos méthodes de connexion et ce que vous voulez. :slight_smile: