WebSite X5Help Center

 
Gianni V.
Gianni V.
User

Nascondi  it

Author: Gianni V.
Visited 819, Followers 1, Shared 0  

Buongiorno, devo ritornare su un argomento che riguarda la visualizzazione Desktop e responsive:

in questa pagina (figura in allegato) ho bisogno che nella modalita' Desktop si veda solamente l'immagine della riga 4 e di conseguenza venga nascosta in tutte le visualizzazini inferiori; mentre nelle visualizzazioni inferiori ho bisogno che si veda solamente l'immagine della riga 7.

E' possibile?

Grazie per la cortese risposta.

Posted on the
18 ANSWERS - 1 USEFUL - 1 CORRECT
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... come detto in calce al mio Post,  qui:   https://helpcenter.websitex5.com/en/post/264799

KolAsim
... ... se tu posterai il tuo LINK potresti risolvere in breve con un copia/incolla...

... ... se tu posterai il tuo LINK potresti risolvere in breve con un copia/incolla...

.

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

Ciao Gianni, per la riga 4-5 puoi utilizzare le funzioni del programma basta che metti nascondi ai breackpoint inferiori

per la riga 7 devi utilizzare ID dell'oggetto che di defoult venga nascosto con una query che lo fisualizza a risoluzioni inferiori ma per fare questo occorre come siggerito vedere la pagina per identificare l'ID dell'oggetto.

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

Ciao Giancarlo, per la riga 4 e 5 ho utilizzato "nascondi nelle visualizzazioni inferiori" e funziona. Ma per la riga 7 cosa intendi per vedere la pagina per identificre l'ID dell'oggetto? Attualmente il sito e' workinprogress parcheggiato a questo indirizzo: www.provaaccessi.altervista.org 

Read more
Posted on the from Gianni V.
Gianni V.
Gianni V.
User
Author

La foto nella riga 7 e' solo un esempio (l'esempio del sito di shazam serve per dare un'idea di come si dovrebbe visualizzare su PC e su cellulare.

Read more
Posted on the from Gianni V.
Giancarlo B.
Giancarlo B.
User

Unesempio pratico lo puoi vedere sulla pagina di questo modello, se inserisci il menù sull'header del sito questo una volta che a risoluzioni inferiori non ci stanno più le scritte automaticamente diventa hamburger, lo stesso menù se lo metti sul corpo pagina si comporta in modo differente, invece di diventare hamburger va a capo. Per ovviare a questo ho messo due menù uno hamburger NON visibile quando è attico il menù classico esteso, ma che si attiva quando faccio sparire il menù classico esteso.

Spero di avere reso l'idea di quello che intendo.

https://toolsshop.altervista.org/casaarredo/soggiorni.html

 

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

L'obiettivo e' quello di visualizzare su PC la foto che c'e' nella riga 4 in modo che con un cellulare si possa leggere il QR_Code che rimanda alla visualizzazione del menu' del locale.

Mentre visualizzando la pagina con il cellulare dovrei vedere solamente la foto della riga 7 nella quale non c'e' QR_Code ma un'immagine con testo e un pulsante che rimanda alla visualizzazione del menu' del locale.

Read more
Posted on the from Gianni V.
Claudio D.
Claudio D.
Moderator
Best User of the month IT

scusa ma ti è già stato spiegato come fare... undecided

se non riesci da solo, individuando l'ID , come ti è già stato detto in questo e nell'altro post... fin da subito , da me, da Giancarlo e da KolAsim... 

DEVI postare il link della tua pagina online e verrai aiutato con il codice da mettere... wink

Read more
Posted on the from Claudio D.
Roberto M.
Roberto M.
User

Azz Claudio di un secondo mi hai preceduto.Stavo per dire la stessa cosa. 

Read more
Posted on the from Roberto M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Gianni V.
La foto nella riga 7 e' solo un esempio (l'esempio del sito di shazam serve per dare un'idea di come si dovrebbe visualizzare su PC e su cellulare.

...!... riga 4 e riga 7 non c'entrano niente con l'esempio della pagina menu-1.html,   nella quale le righe in oggetto sono la 2 e la 3, e quindi rispetto alla struttura attuale ed ai precedenti suggerimenti, il codice da usare è questo:
<style>
@media(min-width:1150px) {#imCell_164 {display:none !important} }
</style>
.
... ovviamente il codice è da incollare nella sezione Esperto - 3^opzione - /head delle Proprietà di quella pagina...

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

,,,, se leggi, è in quello che ti ho precedentemente detto, devi solo applicare il mio codice...

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Gianni V.
Gianni V.
User
Author

wowww !! Grazie infinite. Ho messo un po' a capire. Siete formidabili! 

Read more
Posted on the from Gianni V.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... OK ... ho controllato la tua pagina online, ma il codice non è stato applicato per cui non si può verificare...

... comunque l'importante è che hai capito come fare ...

.

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

ma perchè non utilizzare le impostazioni afferte da programma (almeno quando è possibile) per nascondere gli oggetti ad una certa risoluzione

vai in responsive, selezioni da quale breackpoint deve intervenire, selezioni oggetto e clicchi su nascondi

sempre abbia capito bene.

Read more
Posted on the from Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Giancarlo B.
ma perchè non utilizzare le impostazioni afferte da programma (almeno quando è possibile) per nascondere gli oggetti ad una certa risoluzione ... ... ... 

... è quello che ha già fatto ... laughing ... ciao 

.

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

ahh!! ok, stiamo parlando di sparizioni verso desktop sopra i 1150px undecided

Read more
Posted on the from Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... valore 1150px a parte (!) ... con il codice o si vede l'uno o si vede l'altro... cool ...

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪