[java] Forum nel sito grandezza dinamica

Ho un sito in wordpress www.viaggioastrale.it correlato al forum in cui ho posizionato il codice in testata in orizzontale.

Siccome il sito si autoridimensiona a seconda del dispositivo con cui viene visualizzato, tutto quanto si restinge sino a una singola colonna nel caso di visualizzazione da mobile, l'unica cosa che rimane di dimensioni fisse è il riquadro de il "forum nel sito", quindi viene tagliato in maniera parziale a destra a partire da oltre metà della seconda colonna.

La mia esigenza sarebbe quella di avere il codice de il "forum nel sito" più dinamico, cioè che le due, tre o più colonne di visualizzazione si disponessero in verticale al restringimento della zona visualizzata:

Supponiamo di avere 3 colonne e 2 righe di visualizzazione (ogni quadratino rappresenta una discussione:

vista a schermo intero 3x2
■ ■ ■
■ ■ ■

vista con schermo ridotto 2x3
■ ■
■ ■
■ ■

vista su smartphone 1x6
■
■
■
■
■
■

Questo è l'attuale codice generato in automatico a due colonne:

<link type="text/css" rel="stylesheet" href="http://im0.freeforumzone.it/v3/css/feed_sk1.css" />
<script type="text/javascript" src="http://im0.freeforumzone.it/v3/jscript/feed.js"></script>
<script type="text/javascript" src="http://search.freeforumzone.com/feed_js.ashx?c=37279&disc=1&disc_max=6"></script>
<script type="text/javascript">
ffz_ld_avatar="yes";
ffz_ld_messaggi="yes";
ffz_ld_ultimoagg="yes";
ffz_ld_last="yes";
ffz_ld_newsboard="no";
ffz_ld_colonne=2;
ffz_StampaListaDiscussioni("ffz_disc1");
</script>

Grazie
Valentino

Ho aggiornato il codice

<script type="text/javascript" src="http://im0.freeforumzone.it/v3/jscript/feed.js"></script>
<script type="text/javascript" src="http://search.freeforumzone.com/feed_js.ashx?c=37279&disc=1&disc_max=6"></script>
<script type="text/javascript">
ffz_ld_avatar="yes";
ffz_ld_messaggi="yes";
ffz_ld_ultimoagg="yes";
ffz_ld_last="yes";
ffz_ld_newsboard="no";
ffz_ld_colonne=3;
ffz_StampaListaDiscussioni("ffz_disc1");
</script>

Esiste qualche soluzione? O dovreste implementare qualcosa di nuovo su ffz?

Grazie

Ciao,
scuste se intervendo nuovamente, ho visto che il vostro codice punta ad un file CSS con il seguente codice:

.ffz_table {
font-family:'Tahoma';
font-size:10pt;
color:#444444;
border-spacing:0px;
border-collapse:collapse;
box-shadow:rgba(200,200,200,0.6) 2px 2px 5px;
border:solid 1px #DFDFDF;
line-height:130%;
}
.ffz_tr {
background-color:#FFFFFF;
}
.ffz_tr_ld1, .ffz_tr_lc1, .ffz_tr_lm1 {
background-color:#F8F8F8;
}
.ffz_td {
padding:3px;
border-top:solid 1px #DFDFDF;
}
.ffz_lc_desc {
font-size:8pt;
color:#666666;
}
.ffz_messaggi {
font-weight:bold;
text-transform:uppercase;
font-size:8pt;
color:#666666;
}
.ffz_ld_ultimoagg {
font-size:8pt;
color:#666666;
}
.ffz_ld_ultimoagg_autore {
color:#057FCC;
}
.ffz_messaggi_num {
color:#444444;
font-size:13pt;
line-height:120%;
}
.ffz_tr_lc .ffz_messaggi_num {
font-size:11pt;
}
.ffz_a {
color:#057FCC;
text-decoration:none;
}
.ffz_a:hover, .ffz_a:active {
color:#052ecc;
text-decoration:underline;
}

Fantastico! Ora provo a smanettarci con le mie limitate conoscenze di CSS per implementare qualche layout dinamico. Se nel frattempo riuscrete a risolvere voi, sarebbe grandioso.
Ci aggiornao.

Grazie
Valentino

Abbiamo visto la richiesta.

La soluzione multi colonna purtroppo non è pensata per essere responsive.
Puoi provare ad inserire delle media queries per gestirlo ma essendo una tabella è un po' complicato farlo.

Dovremmo intervenire noi sul codice cambiando totalmente l'html generato, ma ci vuole un po' di tempo...

Ok, sarebbe ottimale avere un codice dinamico...attendo vostre news

Grazie infinite.
Valentino