Salve a tutti,

mi ripresento con un nuovo post sempre inerente la possibilità di creare siti responsivi con website x5.

Stamane ho trovato un forum di discussioni proprio relativo al nostro software e mi si è aperto il cuore : https://helpcenter.websitex5.com/post/113289

Mi sembra di aver capito, se non ho male inteso, che il codice migliore valutato all'interno di questo forum è quello proposto da Massimo P. alla fine della pagina :

<style>

html, body {height:100%; width:100%; margin: 0px, padding: 0px; }

html { }
body { }
#imPage {min-height:100%; width:100%; margin: 0px, padding: 0px; z-index:1000003 !important;}
#imHeader, #imHeaderBg { width:100%; margin: 0px 0px; left: 0; top: 0; height:150px; }



#imMnMn {position: absolute; top: 150px; margin: 0xp; padding:0px; width: 90% ; height:40px;}
#imMnMn > ul { text-align: left; height:40px; }
#imMnMn li {display: inline; height:40px;}



#imContent {
height:90%;
min-height:200px;
width:100%;
margin:0;
margin-top: 40px;
padding:0px;
overflow:hidden;
}
#imContentGraphics { position:absolute; top:190; left:0; width:100%; }

#imFooter, #imFooterBg {
height:10%;
width:100%;
position:absolute;
bottom:0;
left:0;
overflow:hidden;
} 


#imFooPad { } /* Mappa del sito di fine pagina */

img, embed, object, video { max-width: 100%; } /* Per evitare lo sbordamento di immagini, video... dal loro box contenitore */

</style>

<style>
div[style^="width:"] {width:100% !important; float:left !important; } /* elementi riga della struttura */
div[style^="float:"] {width:auto !important; float:left !important; } /* elementi colonne della struttura (i vari oggetti o spazi vuoti nella struttura) */

/* RICHIAMO di RIGHE e COLONNE SPECIFICHE QUANDO SI INSERISCONO PIù ELEMENTI IN UNA RIGA:
#imContent div[style^="width:"]:nth-of-type(2) { width:100% !important; } richiama la 2° riga (ossia il secondo figlio di quel tipo (riga) 
#imContent div[style^="width:"]:nth-of-type(1) div[style^="float:"]:nth-of-type(3) {width:100% !important; float:left !important; } /* richiama la 3° colonna della prima riga("nth-child(2)") 
*/
</style>

<style>
div[id^="imCell_"] {width:100% !important; float:left !important; } /* contenitori dei contenitori oggetti (Richiamo generale) */
div[id^="imCellStyle_"] {width:100% !important; } /* elementi contenitori oggetti (Richiamo generale) */
#imContent iframe {width:98% !important; float:left;} /* elementi iFrame (ad esempio per i contenuitori delle mappe) */


div[id^="imHTMLObject_"] {width:100% !important; } /* elementi contenitori oggetti HTML */

div[id^="imTextObject_"] {width:100% !important; } /* elementi style contenitori TESTO */
div[id^="imTableObject_"] {width:100% !important; } /* elementi style contenitori TABELLA */
div[class^="text-container"] {width:100% !important; } /* (eventuali schede) contenitori dei contenitori SCHEDE */
div[class^="text-tab-content"] {width:100% !important; } /* (eventuali schede) elementi contenitori SCHEDE */
div[class^="text-inner"] {width:98% !important; } /* elementi testi oggetti testo */
table { width:100% !important; } /* elementi tabella (ognuna identificata con un id ) */
tr { } /* righe tabella (non identificate univocamente, usare le pseudoclassi strutturali per richiamrle singolarmente: ad ES. "tr:nth-child(4) td {...}") */
td { } /* colonne tabella (identificate complessivamente con la classe "imVc" ma non identificate univocamente (vale il discorso fatto sopra per il richiamo singolare delle righe) */

div[id^="imObjectImage"] {width:100% !important; } /* elementi contenitori oggetti IMMAGINE */
img[id^="imObjectImage"] {width:100% !important; height: auto !important;} /* IMMAGINI contenute nel oggetto contenitore */

div[id^="imObjectGallery"] {width:100% !important; } /* elementi contenitori oggetti GALLERY */

div[id^="imObjectVideo"] {width:100% !important; } /* elementi contenitori oggetti VIDEO */

*[id^="imObjectForm"] {width:100% !important; } /* elementi contenitori oggetto FORM */
fieldset.first div {width:99% !important; } /* elementi contenuti nell' oggetto FORM */

div[id^="imObjectSocialNetwork"] {width:100% !important; } /* elementi contenitori oggetto SOCIAL */ 

div[id^="GuestBookObject"] {width:100% !important; } /* elementi contenitori oggetto GUESTBOOK */ 

div[id^="imObjectMap"] {width:100% !important; } /* elementi contenitori oggetto MAPPA */

div[id^="imObjectFlash"] {width:100% !important; } /* elementi contenitori oggetto ANIMAZIONE FLASH */

div[id^="imProductList"] {width:100% !important; } /* elementi contenitori oggetto CARRELLO PRODOTTI */

div[id^="dynObj"] {width:100% !important; } /* elementi contenitori OGGETTO DINAMICO */ 
div[id^="dynamic-object-text"] {width:100% !important; } /* elementi TESTO OGGETTO DINAMICO */

</style>

Ho 2 domande :

1) Devo inserirlo tutto tutto questo codice ?

2) Dove di preciso ? Infatti website x5 nella sezione 'proprietà' delle singole pagine permette di personalizzare il codice html ; immagino che debba operare sulla head, ma dopo l'apertura del tag o prima della chiusura del suddetto ?

Devo rendere responsivo il sito che ho appena creato www.puntoduegenova.it; a parte le pagine della sezione 'applicativi' da me scritte interamente in codice html le altre pagine sono state fatte utilizzando : testi, modulo invio mail, galleria immagini e mappa. Nei testi e nella galleria immagini ho abilitato il codice html per i link.

Grazie, grazie, grazie.

Silvio