Immagini responsive e parallasse
Autor: Giuseppe Puzzolo
Besucht 1115,
Followers 1,
Geteilt 0
Buongiorno a tutti in riferime nto al mio precedente post https://helpcenter.websitex5.com/de/post/226716 risolto da @Kolasim in merito alla stessa problematica esposta se nelle immagini di sfondo inserite nello stile riga attivo il parallalsse le immaini vengono tagliate c'è un rimedio? Grazie a tutti per le risposte.
Gepostet am
... per poter valutare, manca il LINK della pagina con il parallasse...
... ricorda che il parallasse viene disattivato sui dispositivi "mobile"...
.
Autor
@kolasim ciao il link è quello che tu hai visionato nel precedente post ma te lo rimetto https://www.giuseppeweb.org/prova/ Si io attivo il parallasse solo per la versine desktop ma poi sui dispositivi mobili viene disattivato e le immagini non si ridimensionano
... purtroppo non riesco a valutare; ...non so se dipende dal mio PC+Firefox, ma mi si presenta un layout sballato; forse, e ripeto forse, causato dalle immagini trasparenti ed HEADER...
.
Autor
@kolasim se puoi puoi provare ho ricoretto la bozza
... purtroppo non posso valutare bene; qualcosa sballa nel mio PC; ...forse lo slideshow in basso ed i PNG trasparenti...
... intanto prova a fare questa prova in /HEAD, ed avvisa quando avrai fatto:
<style> #imObjectImage_40_container, #imObjectImage_40_container img, #imObjectImage_19_container, #imObjectImage_19_container img{width:100% !important} </style>
.
Autor
ciao @kolasim ho provato d inserire il codice sia in statistiche, SEO e codice
e sia in esperto della pagina ma il risuktato non cambia
Autor
Milano lo stesso errore è in questo.sito www.debonismandolintrio.com
... nel precedente link non è stato applicato il codice; ... quest'ultimo link non funziona...!...
... visto che hai la PRO, faresti molto prima e meglio nel realizzare il sito nelle versioni "mobile" e Desktop, ...più controllabile e senza manipolazioni extra...
... oppure eliminare il parallasse...
.
Autor
@kolasim scusami ma il link era questo https://www.debonismandolintrio.org/ se puoi dare un'occhiata
... sul mio smartphone si presenta bene; ...invece sul mio PC/Firefox no!, ma non fa testo...
... puoi provare questo codice:
<style>
#imObjectImage_37_container, imObjectImage_37_container img, #imObjectImage_01_container, #imObjectImage_01_container img {width:100% !important}
</style>
.
Autor
allora ho provato ad inserire il codice in statistiche SEO prima della chiusura dell'head e nn funziona ho ripetuto la stessa operazione in esperto pagina e non funziona
... ho controllato di nuovo sullo smartphone, stesso risultato di prima...
.
Autor
KolAsim mi consigli di fare almento 4 progetti con un breakpoin proprio?
... per me ne basterebbero solo due, sempre in responsive...
... uno ricco di effetti (ma non troppo), se ti piace per il desktop, sino a, diciamo, a circa 700-800 pixel...
... uno molto semplificato e leggero di tutto per il "mobile", da 700-800 pixel in giù; ...ci guadagnerai tu ed i tuoi visitatori...
(... poi, se proprio ci tieni e se ne valga la pena, ...potresti farne un terzo ed unico, pc/mobile, semplificato al massimo, in alto contrasto, con 5-6 breakpoint ben equalizzati...)
.
Autor
kolasim cercherò di prendere in considerazione i tuoi preziosi consigli
......
Autor
ciao KolAsim se io faccio una versione per il desktop (pixel 1150) con parallase e poi duplico il progetto per fare la versione per tablet e smartphone come devo pubblicarli affinchè in automatico il aito si adatti ai dispositivi che lo visitano? Grazie.
... per il progetto "mobile" penso che basti impostare:
... 800 | > 640 > 480 > 360
.
ciao
Autor
@kolAsim ma la versione desktop la pubblico nella radice spazio web è la versione mobile devo creare una cartella (es. nome 800) tipi www.misito.con/800?
Ai tempi della versione 11, quando X5 non era ancora responsive, si dicuteva su come costruire due siti, uno per desktop ed uno per dispositivi mobili e su come effettuare un reindirizzamento automatico quando si accede tramite un dispositivo mobile.
Qui trovi un suggerimento su come passare direttamente alla pagina richiesta su mobile (ad esempio da un link trovato su google), senza passare per la Home Page
https://helpcenter.websitex5.com/de/post/119532
Qui un esempio da me sviluppato a quei tempi. Naturalmente non è responsive.
http://essedi.altervista.org/_EVO11/_redirectpage/index.html
... sì; ... oppure in cartella con nome: "mobile"... www.tuosito.it/mobile/
la Professional ha una funzione dedicata che intercetta la risoluzione...
e si settano le cartelle in pubblicazione in base al breakpoint