WebSite X5Help Center

 
Gianni V.
Gianni V.
User

Nascondi  it

Autor: Gianni V.
Besucht 904, Followers 1, Geteilt 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.

Gepostet am
18 ANTWORTEN - 1 NüTZLICH - 1 KORREKT
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats ESNutzer des Monats PT

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

.

Mehr lesen
Gepostet am von  ‪ 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.

Mehr lesen
Gepostet am von Giancarlo B.
Gianni V.
Gianni V.
User
Autor

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 

Mehr lesen
Gepostet am von Gianni V.
Gianni V.
Gianni V.
User
Autor

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.

Mehr lesen
Gepostet am von 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

 

Mehr lesen
Gepostet am von Giancarlo B.
Gianni V.
Gianni V.
User
Autor

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.

Mehr lesen
Gepostet am von Gianni V.
Claudio D.
Claudio D.
Moderator
Nutzer des Monats 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

Mehr lesen
Gepostet am von Claudio D.
Roberto M.
Roberto M.
User

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

Mehr lesen
Gepostet am von Roberto M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats ESNutzer des Monats PT
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...

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats ESNutzer des Monats PT

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

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Gianni V.
Gianni V.
User
Autor

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

Mehr lesen
Gepostet am von Gianni V.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats ESNutzer des Monats PT

... 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 ...

.

Mehr lesen
Gepostet am von  ‪ 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.

Mehr lesen
Gepostet am von Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats ESNutzer des Monats PT
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 

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Giancarlo B.
Giancarlo B.
User

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

Mehr lesen
Gepostet am von Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats ESNutzer des Monats PT

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

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪