Flip Card in primo piano

Una modifica del componente tema Featured Tiles. Visualizza i topic in evidenza in una fila di carte che si ribaltano:

Poiché le carte non dovrebbero diventare troppo grandi o troppo piccole, il componente utilizza dei breakpoint per diverse dimensioni della finestra. Di base mostra due carte su mobile, quattro su tablet e cinque o sei su desktop. Dovresti avere in evidenza almeno sei topic.

In ogni caso, è più divertente se ne hai di più e utilizzi la funzione randomize:

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

In questo modo avrai sempre una nuova disposizione di carte :black_joker:

22 Mi Piace

Sembra carino! Per tua informazione, questo succede su Safari:

C’è la possibilità di aggiungere un’opzione per il ritaglio quadrato? Non si presenta bene con rapporti di aspetto diversi, oppure forse una versione sfocata dell’immagine sullo sfondo, simile a quella usata per le miniature dei Topic? Sto solo lanciando qualche idea per te :+1:

2 Mi Piace

Sì, al momento non è configurato in modo così flessibile. Quindi è ottimo ricevere alcuni feedback sui possibili casi d’uso, grazie! Proverò a dare un aspetto più curato alle foto per vedere come adattare al meglio gli stili.

Per quanto riguarda altre opzioni, ho aggiunto impostazioni regolabili per il rapporto d’aspetto delle card e per il ridimensionamento delle miniature:

4 Mi Piace

C’è la possibilità di aumentare il numero di argomenti in evidenza su mobile e abilitare lo scorrimento orizzontale? Sarebbe fantastico

Ho un problema: la carta che si ribalta non viene visualizzata su mobile.

Safari

Chrome

Il mio sito web

1 Mi Piace

Non riesco a riprodurre il problema sul mio sito, ma vedo che hai installato vari componenti da mostrare sopra l’area dell’elenco e, tranne “chi è online”, nessuno di essi viene visualizzato. Forse dovresti dare un’occhiata a questo?

1 Mi Piace

Credo che in qualche modo si tratti di un problema legato a Safari, dato che da quando è stato installato, gli unici membri che hanno problemi sul nostro forum stanno utilizzando Safari, che sembra essere utilizzato anche da @Bank_Live.

Il sito di @Bank_Live non visualizza il componente nemmeno su Chrome. Non credo che il problema sia correlato al componente, almeno non riesco a riprodurlo.

Ma sì, ci sono alcuni problemi CSS con Safari e posso occuparmene tra una settimana. Al momento non ho un Mac a portata di mano e non riesco a riprodurlo su WebKit su Linux.

2 Mi Piace

Ci sono novità sul problema di Safari?

Il componente utilizza la proprietà aspect-ratio. Pensavo fosse supportata su Safari, ma sembra che lo sia solo dalla prossima versione (15).

Per farlo funzionare per ora, ho aggiunto una soluzione rapida alle impostazioni. Dovrai aggiungere una percentuale calcolata e l’aspect ratio verrà simulato con un trucco CSS:

3 Mi Piace

Grazie! Funziona alla grande nella nostra community
Season 2 Dancing GIF by The Fresh Prince of Bel-Air

2 Mi Piace

Richiesta di funzionalità.

È possibile avere un’opzione per visualizzare questo su una pagina di categoria specifica?

ad esempio, se si visualizzano le carte in primo piano della Lounge, vengono mostrate qui.

l’immagine mostrata è l’immagine della categoria. Sto usando il tema Air. Applicazione per mostrare argomenti in primo piano relativi a quella categoria dalla sua sottocategoria Frontier news.

qual è la dimensione dell’immagine consigliata per l’immagine della carta?

Questa è la mia idea su un’applicazione per mostrare argomenti in primo piano sopra una specifica categoria di interesse.

Sto usando il tema Air. Sarà necessario avere un’opzione di impostazione per posizionarla sotto il logo della categoria. E se possibile, avere l’opzione per mostrarla in più categorie selezionate.

Ad esempio, ho una categoria principale con un paio di sottocategorie che vorrei mostrare nella sottocategoria News.