Immagini a cascata responsive 
Author: Agostino M.
Visited 804,
Followers 1,
Shared 0
salve a tutti,
mi chiedevo se con web site x5 esiste un modo per poter avere lo stesso effetto visivo delle immagini a cascata sulla stessa riga oltre che come visualizzazione desktop anche con visualizzazione responsive.
grazie per le risposte
allego il link in questione
Posted on the
il sito in questione e fatto con la:
"Incomedia WebSite X5 Evo 2021.5.3 - www.websitex5.com"
e l'effetto che vedi è fatto con codice a parte, quindi se trovi un effetto del genere in rete, lo potrai inserire anche tu...
un esempio qui:
https://particles.js.org/samples/presets/index.html
o qui:
https://particles.js.org/samples/
poi clicca su Presets e ne vedrai tantissimi...
Author
grazie per la risposta ma non mi sono spiegato bene, il sito linkato è il mio, il mio problema è far si che quelle 4 icone in alto scendano a cascata anche in responsive una affianco all'altra e non solo in modalità visualizzazione desktop.
grazie
il sito ora non è più visibile...
Author
adesso dovrebbe essere on line
Author
mi spieghi come usarli con web site ? grazie
... forse basterebbe impostare ad hoc le opzioni per il responsive, contenendo le icone in unica riga non divisibile: http://help.websitex5.com/it/v2021.5/pro/index.html?responsive_layout.htm
... altrimenti, ma sarebbe superfluo, potresti ricorrere al controllo con codice EXTRA...
.
Author
grazie, da quanto ho capito mi sa che l'opzione "interruzione di riga" è presente solo nella versione professional. a questo punto cosa intendi per codice EXTRA ?
... per esempio questo che puoi provare:
<style>
@media (max-width: 719px) {
#imGoToCont { display: block !important ; -ms-grid-column: 2 !important ; -ms-grid-column-span: 1 !important ; grid-column: 2 / 3 !important ; -ms-grid-row: 1 !important ; -ms-grid-row-span: 1 !important ; grid-row: 1 / 2 !important ; }
#imCell_74 { width:100% !important; display: -ms-grid !important ; display: grid !important ; -ms-grid-column: 2 !important ; -ms-grid-column-span: 12 !important ; grid-column: 2 / 14 !important ; -ms-grid-row: 1 !important ; -ms-grid-row-span: 1 !important ; grid-row: 1 / 2 !important ; }
#imCell_75 { width:100% !important; display: -ms-grid !important ; display: grid !important ; -ms-grid-column: 14 !important ; -ms-grid-column-span: 12 !important ; grid-column: 14 / 26 !important ; -ms-grid-row: 1 !important ; -ms-grid-row-span: 1 !important ; grid-row: 1 / 2 !important ; }
#imCell_76 { width:100% !important; display: -ms-grid !important ; display: grid !important ; -ms-grid-column: 26 !important ; -ms-grid-column-span: 12 !important ; grid-column: 26 / 38 !important ; -ms-grid-row: 1 !important ; -ms-grid-row-span: 1 !important ; grid-row: 1 / 2 !important ; }
#imCell_77 { width:100% !important; display: -ms-grid !important ; display: grid !important ; -ms-grid-column: 38 !important ; -ms-grid-column-span: 12 !important ; grid-column: 38 / 50 !important ; -ms-grid-row: 1 !important ; -ms-grid-row-span: 1 !important ; grid-row: 1 / 2 !important ; }
}
</style>
.
Author
grazie, ma lo devo copiare così com'è ? e dove va inserito ? grazie
Author
fatto e funziona, ma l' hamburgher button come lo faccio scomparire ?
Author
ok, sparito, non era nascosta la pagina... grazie
... vedo che non l'hai ancora applicato; ...va nel pannello Esperto | Codice personalizzato | 3^opzione - Prima della chiusura del tag HEAD...
.