WebSite X5Help Center

 
Gianni V.
Gianni V.
User

Nascondi  it

Autore: Gianni V.
Visite 823, Followers 1, Condiviso 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.

Postato il
18 RISPOSTE - 1 UTILE - 1 CORRETTO
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... come detto in calce al mio Post,  qui:   https://helpcenter.websitex5.com/it/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...

.

Leggi di più
Postato il da  ‪ 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.

Leggi di più
Postato il da Giancarlo B.
Gianni V.
Gianni V.
User
Autore

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 

Leggi di più
Postato il da Gianni V.
Gianni V.
Gianni V.
User
Autore

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.

Leggi di più
Postato il da 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

 

Leggi di più
Postato il da Giancarlo B.
Gianni V.
Gianni V.
User
Autore

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.

Leggi di più
Postato il da Gianni V.
Claudio D.
Claudio D.
Moderator
Utente del mese 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

Leggi di più
Postato il da Claudio D.
Roberto M.
Roberto M.
User

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

Leggi di più
Postato il da 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...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Gianni V.
Gianni V.
User
Autore

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

Leggi di più
Postato il da 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 ...

.

Leggi di più
Postato il da  ‪ 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.

Leggi di più
Postato il da 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 

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Giancarlo B.
Giancarlo B.
User

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

Leggi di più
Postato il da Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪