Ciao,
Mi chiedevo se ci fosse un modo per visualizzare l’avatar dell’autore dell’ultimo post e la categoria dei post, proprio come nella pagina principale del forum, invece di mostrare solo i titoli degli argomenti.
Ciao,
Mi chiedevo se ci fosse un modo per visualizzare l’avatar dell’autore dell’ultimo post e la categoria dei post, proprio come nella pagina principale del forum, invece di mostrare solo i titoli degli argomenti.
Wow, grazie, sono… troppe informazioni
C’è qualcosa di intermedio, o dovrei nascondere le informazioni non necessarie con un CSS personalizzato?
Inoltre, questo mostra l’autore dell’argomento, non l’autore dell’ultimo messaggio.
Il modello completo racchiude tutte le informazioni in contenitori, poiché ci si aspetta che ogni sito lo personalizzi con CSS per adattarlo al proprio design.
Questo è fantastico!
È possibile modificarne la larghezza?
È un contenitore fluido: si adatta alla larghezza dell’elemento genitore.
Nel mio sito non funziona. Purtroppo è troppo largo per il div in cui si trova.
Verifica nuovamente il markup, nascondi e posiziona correttamente gli elementi; dovrebbe funzionare in qualsiasi contenitore:
Purtroppo non funziona sul mio sito. Credo che forse le regole CSS del framework responsive lo stiano confondendo. Esiste un modo per modificare la larghezza (ad esempio al 90% del valore attuale, o addirittura di qualche pixel in meno)?
Hai provato a usare il CSS come:
d-topics-list iframe {
padding: 0 5%;
}
?
Non funziona. Se modifico il tag iframe nella console F12 di Chrome per includere width="100%", però, funziona perfettamente… c’è qualche modo per apportare quella modifica?
Ho aggiunto un esempio su come aggiungere CSS personalizzato all’elenco nell’OP.
Grazie. Ho provato questo. Fa sì che gli argomenti incorporati vengano visualizzati in una griglia. Purtroppo la larghezza della griglia (cioè due argomenti) rimane la stessa di prima, ben lontana dal 100%.
Il CSS sopra (d-topics-list iframe) non modifica affatto l’iframe. Se solo potesse impostarlo su “width: 100%”…
L’ho provato in un documento HTML altrimenti vuoto e risulta comunque stretto. Hai altre idee? ![]()
Adoro questo embed… ![]()
Alcuni problemi e una richiesta di funzionalità…:
allow-create="true" e category="4", quando faccio clic sul pulsante ‘+ Crea nuovo argomento’, il modal/pop-up ‘Aggiungi nuovo argomento’ non si apre. È previsto?allow-create="true" e tags="random-tag", quando faccio clic sul pulsante ‘+ Crea un nuovo argomento’, vengo portato all’elenco degli argomenti filtrato per random-tag, ma il menu a tendina dei tag non mostra ‘random-tag’ e quando faccio clic su ‘Aggiungi nuovo argomento’, il tag non è già compilato.Sarebbe ottimo!
Inoltre, sono ancora molto interessato a risolvere il problema della larghezza… ![]()
Il CSS va aggiunto al tuo sito, non al CSS incorporato di Discourse. Quindi dovresti avere qualcosa di simile a questo:
<html>
<head>
<script src="https://jonathan5-discourse.com/javascripts/embed-topics.js">
</script>
<style>
d-topics-list iframe{
width: 100%!important;
}
</style>
</head>
<body>
<d-topics-list discourse-url="https://jonathan5-discourse.com" category="5" per-page="5"></d-topics-list>
</body>
</html>
Grazie mille. Ora sembra ovvio. Sono passato dal non riuscire a stilizzare il CSS interno dell’iframe (provando all’interno del mio sito) al non riuscire a stilizzare l’iframe stesso (provando all’interno di Discourse). Proverò e farò sapere!
Aggiornamento: Il tuo CSS ha funzionato – grazie mille.
L’ho appena provato. Nel mio caso è category=5, poiché è il numero della categoria che sto incorporando. Non mostra la finestra pop-up, ma apre una nuova scheda con l’URL https://forum.example.com/new-topic?category_id=5. Forse hai un’impostazione del browser che blocca questo tipo di “popup”?
Grazie per aver confermato che funziona per te, @Jonathan5. Ho disabilitato il componente del tema discourse-tag-sidebar e ora il pop-up funziona ![]()
Ci darò un’occhiata ![]()