WebSite X5Help Center

 
Giancarlo B.
Giancarlo B.
User

Codice per Masonry flessibili-fissi  it

Автор: Giancarlo B.
Просмотрено 721, Подписчики 2, Размещенный 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

Размещено
17 Ответы - 2 Полезно - 1 Корректно
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...

Читать больше
Размещено От Skeggia 12
Giancarlo B.
Giancarlo B.
User
Автор

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

 

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

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

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

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

.

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

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;}}

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

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

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

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

messo online con:

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

sembra ok.

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

.

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

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

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

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

.

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

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 

Читать больше
Размещено От Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца ESЛучший пользователь месяца PT

... OK ... ciao

.

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