WebSite X5Help Center

 
Agostino M.
Agostino M.
User

Immagini a cascata responsive  it

Autor: Agostino M.
Besucht 1071, Followers 1, Geteilt 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

http://tropealivingcalabria.altervista.org/

Gepostet am
14 ANTWORTEN - 2 NüTZLICH
Mirko Boschetti
Mirko Boschetti
Moderator

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... wink

Mehr lesen
Gepostet am von Mirko Boschetti
Agostino M.
Agostino M.
User
Autor

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

Mehr lesen
Gepostet am von Agostino M.
Claudio D.
Claudio D.
Moderator
Nutzer des Monats IT

il sito ora non è più visibile...

Mehr lesen
Gepostet am von Claudio D.
Agostino M.
Agostino M.
User
Autor

adesso dovrebbe essere on line

Mehr lesen
Gepostet am von Agostino M.
Agostino M.
Agostino M.
User
Autor

mi spieghi come usarli con web site ? grazie

Mirko Boschetti
o qui: https://particles.js.org/samples/ poi clicca su Presets e ne vedrai tantissimi...
Mehr lesen
Gepostet am von Agostino M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Agostino M.
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

... 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...

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Agostino M.
Agostino M.
User
Autor

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 ?

 ‪ KolAsim ‪ ‪
Agostino M. 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 ... 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... .
Mehr lesen
Gepostet am von Agostino M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Agostino M.
... ... ...  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>

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Agostino M.
Agostino M.
User
Autor

grazie, ma lo devo copiare così com'è ? e dove va inserito ? grazie

 ‪ KolAsim ‪ ‪
Agostino M. ... ... ...  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> .
Mehr lesen
Gepostet am von Agostino M.
Agostino M.
Agostino M.
User
Autor

fatto e funziona, ma l' hamburgher button come lo faccio scomparire ?

Mehr lesen
Gepostet am von Agostino M.
Agostino M.
Agostino M.
User
Autor

ok, sparito, non era nascosta la pagina... grazie

Mehr lesen
Gepostet am von Agostino M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Agostino M.
grazie, ma lo devo copiare così com'è ? e dove va inserito ? grazie  ‪ ... ... ...

... vedo che non l'hai ancora applicato; ...va nel pannello Esperto | Codice personalizzato | 3^opzione - Prima della chiusura del tag HEAD...

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪