WebSite X5Help Center

 
Giancarlo B.
Giancarlo B.
User

Codice per Masonry flessibili-fissi  it

Author: Giancarlo B.
Visited 719, Followers 2, Shared 0  

Buongiorno, avrei la necessità di cambiare ad una certa risoluzione con la classica query, la modalità responsive della galleriamasonry da flessibile a fisso .  Per la query non ho problema ma non so su quale CSS dell'oggetto devo intervenire per modificare questa opzione.

Questo per rendere meglio visibili le immagini alle risoluzioni smart.

A breve metterò un link per la valutazione.

Grazie KolAsim wink

Posted on the
17 ANSWERS - 2 USEFUL - 1 CORRECT
Skeggia 12
Skeggia 12
Moderator

credo sia da manipolare il div...
#pluginAppObj_68_04

visto che stabilisce la larghezza della visualizzazione al 100%, se lo imposti in px probabilmente ottieni l'effetto voluto... provato al volo online...

Read more
Posted on the from Skeggia 12
Giancarlo B.
Giancarlo B.
User
Author

Grazie Skeggia, guardano il codice sembrano ambedue gli oggetti settati in 100% sia quelo flessibile che fisso.

 

Read more
Posted on the from Giancarlo B.
Giancarlo B.
Giancarlo B.
User
Author

però.... non vorrei avere guardano nel punto sbagliatoundecided

Read more
Posted on the from Giancarlo B.
Skeggia 12
Skeggia 12
Moderator

ora non ricordo il funzionamento del plugin, non ce l'ho aperto, ma mi sembra che per quello variabile, diminuisca l'altezza delle foto per rapportarle alla larghezza del browser e farcele entrare tutte, mentre per quelle fisse, adegua sempre l'altezza ma non calcola di farcele entrare tutte, quando non entrano rispetto alla larghezza del browser le manda a capo... descrizione un po' sommaria ma spero di farmi capire... a volte non mi capisco neanche io... quiindi non prendermi per oro colato...

Read more
Posted on the from Skeggia 12
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT

...ciao a tutti,
... per casi simili a questo, (specialmente per le immagini di sfondo),  io preferisco il mio storico metodo del div_sino semplice ed immediato...
... per esempio, per l'attuale pagina gi Giancarlo:
<style>
@media(min-width:720px) {#imCell_3,#imCell_4 {display:none !important}}
@media(max-width:719px) {#imCell_1,#imCell_2 {display:none !important}}
</style>
... oppure nasconderne uno con le opzioni del programma e l'altro sempre con il mio codice ridotto, ...ma è più controllabile il primo metodo...

.

ciao

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Giancarlo B.
Giancarlo B.
User
Author

Ciao Kol, grazie per l'intervento, utilizzando un tuo vecchio codice che mi averi fornito pe le colonne carrello poi modificato per questo oggetto sono arrivato a quello sotto e almeno sembra ok.

Ma meglio utilizzare il tuo immagino wink

@media (max-width: 1200px) and (min-width: 719px) { #masonry_pluginAppObj_68_01 .grid-item {width:48% !important;}}

Read more
Posted on the from Giancarlo B.
Giancarlo B.
Giancarlo B.
User
Author
 ‪ KolAsim ‪ ‪
... oppure nasconderne uno con le opzioni del programma e l'altro sempre con il mio codice ridotto, ...ma è più controllabile il primo metodo... . ciao .

a me Kol interessava solo la prima galleria Elementi Flessibili la seconda era un esempio di come si deve comportare la prima, grazie.

Read more
Posted on the from Giancarlo B.
Giancarlo B.
Giancarlo B.
User
Author

ahhh visto ora Kol, il tuo codice fa sparire la row ad una certa risoluzione, io intendevo un'altra cosa.

Read more
Posted on the from Giancarlo B.
Giancarlo B.
Giancarlo B.
User
Author

messo online con:

@media (max-width: 960px) and (min-width: 380px) { #masonry_pluginAppObj_68_01 .grid-item {width:50% !important;}}

sembra ok.

Read more
Posted on the from Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT

... forse non ho capito che cosa intendevi ottenere...

... con  il mio  precedente codice, o vedi l'una o vedi l'altra galleria...

... ... da quel che mi ricordi, per controllare/personalizzare masonry non basterebbe agire solo sul CSS, ci sarebbe da riprogrammare qualcosa stravolgendo, ... ma non ne vale proprio la pena, potendo risolvere in modo semplice...
... io nei miei esperimenti masonry mi sono fermato al tooltip ed al posizionamento random delle sole anteprime ma che queste siano congrue tra loro...

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Giancarlo B.
Giancarlo B.
User
Author
 ‪ KolAsim ‪ ‪
... forse non ho capito che cosa intendevi ottenere... ... con  il mo  precedente codice, o vedi l'una o vedi l'altra galleria... ... ... da quel che mi ricordi, per controllare/personalizzare masonry non basterebbe agire solo sul CSS, ci sarebbe da riprogrammare qualcosa stravolgendo, ... ma non ne vale proprio la pena, potendo risolvere in modo semplice... ... io nei miei esperimenti masonry mi sono fermato al tooltip ed al posizionamento random delle sole anteprime ma che queste siano congrue tra loro... .

sai le tue preziose info sono salvare e catalogate, mi ricordavo che mi avevi aiutato tempo fa con le colonne del carrello, e credo che modificando alcune parti di esserci riuscito ad adattarlo.

Read more
Posted on the from Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT

... ho controllato la tua pagina con il tuo codice, ma ho avouto l'impressione che non si sia modificato l'aspetto nel breakpoint considerato, ...magari è solo una mia impressione, o non ho capito...laughing

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Giancarlo B.
Giancarlo B.
User
Author
 ‪ KolAsim ‪ ‪
... ho controllato la tua pagina con il tuo codice, ma ho avouto l'impressione che non si sia modificato l'aspetto nel breakpoint considerato, ...magari è solo una mia impressione, o non ho capito...

Kol ho ripubblicato la pagina entrambe le gallerie sono flessibili ma la prima ha il codice.

Read more
Posted on the from Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT

... ho ricontrollato, ... qualcosa non mi quadra...

... quella con codice, a tutta apertura dovrebbe comportarsi come quella senza codice, ed invece ha aspetto diverso, con tutte le immagini in unica riga...

... sotto ai 960px il comportamento è simile tra la due se non che in alcune definizioni le immagini di quella senza codice sono leggermente più piccole...

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Giancarlo B.
Giancarlo B.
User
Author

Si esatto, il comportamento che volevo è di restringersi fino ad un certo breackpoint poi a livello di smart sarebbero troppo piccole su una sola riga da vedere e quindi si incolonnano 

Read more
Posted on the from Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month ESBest User of the month PT

... OK ... ciao

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪