Cartes Flip en Vedette

Une modification du composant de thème Featured Tiles. Affiche les sujets mis en avant sous forme d’une rangée de cartes à retournement :

Pour éviter que les cartes ne soient trop grandes ou trop petites, le composant utilise des points de rupture adaptés aux différentes dimensions de la fenêtre. Il affiche généralement deux cartes sur mobile, quatre sur tablette et cinq ou six sur ordinateur de bureau. Vous devriez mettre en avant au moins six sujets.

Dans tous les cas, c’est plus amusant si vous en avez davantage et si vous utilisez la fonction randomize (aléatoire) :

Screenshot from 2021-06-18 21-06-49

Ainsi, vous obtiendrez toujours une nouvelle disposition de cartes :black_joker:

22 « J'aime »

Ça a l’air sympa ! Pour info, voici ce qui se passe dans Safari :

Y a-t-il une possibilité d’ajouter une option de recadrage carré ? Cela ne rend pas très bien avec des ratios d’aspect différents, ou peut-être une version floue de l’image en arrière-plan, comme le font les miniatures de sujets ? Je lance juste quelques idées pour toi :+1:

2 « J'aime »

Oui, ce n’est pas encore configuré de manière aussi flexible. C’est donc une excellente occasion de recevoir des retours sur les cas d’utilisation possibles, merci ! Je vais un peu expérimenter avec un rendu plus soigné pour les photos afin de voir comment ajuster au mieux les styles.

Pour ce qui est de davantage d’options, j’ai ajouté des paramètres ajustables pour le ratio d’aspect des cartes et la manière dont les vignettes doivent être redimensionnées :

4 « J'aime »

Est-ce qu’il serait possible d’augmenter le nombre de sujets en vedette sur mobile et d’activer le défilement horizontal ? Ce serait génial.

J’ai un problème : la carte à retournement ne s’affiche pas sur mobile.

Safari

Chrome

Mon site web

1 « J'aime »

Je ne parviens pas à reproduire ce problème sur mon site, mais je constate que vous avez installé plusieurs composants destinés à s’afficher au-dessus de la zone de liste, et à l’exception de « Qui est en ligne », aucun d’entre eux n’est visible. Peut-être devriez-vous vérifier cela ?

1 « J'aime »

Je pense que c’est en quelque sorte un problème lié à Safari, car depuis son installation, les seuls membres rencontrant des problèmes sur notre forum utilisent Safari, ce qui semble être également le cas de @Bank_Live.

Le site de @Bank_Live n’affiche pas non plus le composant sur Chrome. Je ne pense pas que ce problème soit lié au composant ; en tout cas, je ne parviens pas à le reproduire.

Cependant, il y a effectivement quelques problèmes CSS avec Safari, et je pourrai m’y pencher dans une semaine. Je n’ai pas de Mac sous la main pour le moment et je ne peux pas reproduire le problème sur WebKit sous Linux.

2 « J'aime »

Des nouvelles concernant le problème Safari ?

Le composant utilise la propriété aspect-ratio. Je pensais qu’elle était prise en charge sur Safari, mais apparemment, ce n’est le cas que depuis la prochaine version (15).

Pour que cela fonctionne pour le moment, j’ai ajouté une solution rapide aux paramètres. Vous devrez ajouter un pourcentage calculé, puis le ratio d’aspect sera simulé à l’aide d’une astuce CSS :

3 « J'aime »

Merci ! Cela fonctionne à merveille sur notre communauté
Saison 2 Danse GIF par The Fresh Prince of Bel-Air

2 « J'aime »

Demande de fonctionnalité.

Pouvons-nous avoir une option pour afficher cela sur une page de catégorie spécifique ?

c’est-à-dire si vous consultez le salon, les cartes en vedette sont affichées ici.

l’image affichée est l’image de la catégorie. J’utilise le thème Air. Application pour afficher les sujets en vedette liés à cette catégorie à partir de sa sous-catégorie Frontier news.

quelle est la taille d’image recommandée pour l’image de la carte ?

C’est mon idée d’une application pour afficher les sujets en vedette au-dessus d’une catégorie d’intérêt spécifique.

J’utilise le thème Air. Il devra soit, ou plutôt, avoir une option de réglage pour être sous le logo de la catégorie. Et si possible, avoir l’option d’afficher dans plusieurs catégories sélectionnées.

C’est-à-dire que j’ai une catégorie principale avec quelques sous-catégories que j’aimerais présenter la sous-catégorie Actualités.