WebSite X5Help Center

 
Agostino M.
Agostino M.
User

Immagini a cascata responsive  it

Автор: Agostino M.
Просмотрено 1110, Подписчики 1, Размещенный 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/

Размещено
14 Ответы - 2 Полезно
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

Читать больше
Размещено От Mirko Boschetti
Agostino M.
Agostino M.
User
Автор

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

Читать больше
Размещено От Agostino M.
Claudio D.
Claudio D.
Moderator
Лучший пользователь месяца IT

il sito ora non è più visibile...

Читать больше
Размещено От Claudio D.
Agostino M.
Agostino M.
User
Автор

adesso dovrebbe essere on line

Читать больше
Размещено От Agostino M.
Agostino M.
Agostino M.
User
Автор

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...
Читать больше
Размещено От Agostino M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца PT
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...

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Agostino M.
Agostino M.
User
Автор

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... .
Читать больше
Размещено От Agostino M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца PT
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>

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Agostino M.
Agostino M.
User
Автор

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> .
Читать больше
Размещено От Agostino M.
Agostino M.
Agostino M.
User
Автор

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

Читать больше
Размещено От Agostino M.
Agostino M.
Agostino M.
User
Автор

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

Читать больше
Размещено От Agostino M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца PT
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...

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪