WebSite X5Help Center

 
Gianni V.
Gianni V.
User

Nascondi  it

Auteur : Gianni V.
Visité 906, Followers 1, Partagé 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.

Posté le
18 RéPONSES - 1 UTILES - 1 CORRECT
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT

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

.

Lire plus
Posté le de  ‪ 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.

Lire plus
Posté le de Giancarlo B.
Gianni V.
Gianni V.
User
Auteur

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 

Lire plus
Posté le de Gianni V.
Gianni V.
Gianni V.
User
Auteur

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.

Lire plus
Posté le de 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

 

Lire plus
Posté le de Giancarlo B.
Gianni V.
Gianni V.
User
Auteur

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.

Lire plus
Posté le de Gianni V.
Claudio D.
Claudio D.
Moderator
Meilleur utilisateur du mois 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

Lire plus
Posté le de Claudio D.
Roberto M.
Roberto M.
User

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

Lire plus
Posté le de Roberto M.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois 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...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT

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

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Gianni V.
Gianni V.
User
Auteur

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

Lire plus
Posté le de Gianni V.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois 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 ...

.

Lire plus
Posté le de  ‪ 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.

Lire plus
Posté le de Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois 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 

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Giancarlo B.
Giancarlo B.
User

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

Lire plus
Posté le de Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Meilleur utilisateur du mois ESMeilleur utilisateur du mois PT

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

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪