WebSite X5Help Center

 
Emiliano S.
Emiliano S.
User

Ridimensionamento immagine di sfondo su uno smartphone  it

Auteur : Emiliano S.
Visité 731, Followers 2, Partagé 0  

Buongiorno
Io ho delle immagini di sfondo sulle mie pagine del sito che ho creato. E' possibile ridimensionarle per poter essere visualizzate in uno smartphone? Grazie Il sito è: www.fabricionascimento.com

Posté le
39 RéPONSES - 1 CORRECT
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... non ho capito del ridimensionamento che chiedi...

... poi controlla le impostazioni che hai adottato; ... ho notato che sotto ai 1000 pixel hai eliminato lo sfondo, questo:

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Emiliano S.
Emiliano S.
User
Auteur

Si nella pagina principale ho eliminato lo sfondo. Intendevo lo sfondo nella altre pagine

Lire plus
Posté le de Emiliano S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... ho visto STORIA ...!... e non so perchè non si veda lo sfondo sullo smartphone...!...

... vedi cosa ti diranno gli esperti e lo STAFF... ... magari c'è già una soluzione nel programma che io non ho...

... poi, se non otterrai risultati positivi, e se te la sentirai, si potrebbe provare con un mia invenzione EXTRA cross browser  basata su DIV_CUSTOM+IFRAME... ...nel qual caso ti interessasse fatti risentire...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Emiliano S.
Emiliano S.
User
Auteur

Io ho realizzato il programma con Websitex5 evolution. Ho appena qcauistato websitex5 professional. Lo trasferisco in questa versione e lo esporto su internet. Quando lo faccio ti faro' sapere altrimenti ti chiedero' la tua invenzione. Grazie

Lire plus
Posté le de Emiliano S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... guando avrai fatto posta il link ed avvisa per verificare, e poi si vedrà...

,

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Emiliano S.
Emiliano S.
User
Auteur

Ciao. Ho trasferito il sito in website x5 professional, però le immagini di sfondo non si ridimensionano.
www.fabricionascimento.com

Lire plus
Posté le de Emiliano S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... basandomi sempre su STORIA, vedo che l'immagine di > sfondo è in rapporto verticale 2:3 (1280x1920), ed ho mantenuto o stesso rapporto...

... >> questa   è la mia invenzione...

... scarica la pagina e mandala in RETE nella ROOT del SITO, con FTP terzo a con il File Manager...

... >> questo  è il Clone parziale che incorpora la precedente pagina, (temporaneo! 24-48 ore)!

... poi nella sezione ESPERTO delle Proprietà della Pagina STORIA, Codice Personalizzato, opzione: Prima della chiusura del TAG  /HEAD  incolla l'altra invenzione, il mio super DIV_CUSTO+IFRAME, cioè questo codice (lo vedi anche nel sorgente Ctrl+U):

<style> #imPageExtContainer { background-image: url(''); background-color:transparent !important} </style><script> window.onload=function() { link_K = "<div style='position:fixed;width:100%;height:100%;top:0px;left:0px;z-index:-2'><iframe width=100% height=200 src='sfondostoria.html' style='position:absolute;width:100%;height:100%;top:0px;left:0px;z-index:-2'> </iframe> </div>"; document.body.innerHTML += link_K ; document.getElementById("imPageExtContainer").innerHTML += link_K ; }</script>

... quando avrai fatto avvisa se per caso servissero  eventuali controlli...

.

ps: ... ovviamente quando arriverà la fix ritornerai alle funzioni del programma...

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Emiliano S.
Emiliano S.
User
Auteur

Ciao scusa non riesco a scaricare la tua pagina. Me la potresti inviare via email: ***

Lire plus
Posté le de Emiliano S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Emiliano S.
Ciao scusa non riesco a scaricare la tua pagina. Me la potresti inviare via email: ***

... qui le e-email vengono oscurate con questo simbolo >> ***

... ma non ci sono problemi...

... con browser Chrome a pagina aperta basta andare sul menu in alto a destra (≡) > Altri Strumenti > Salva Pagina con Nome;  ...oppure andare con il destro del mouse sulla parola linkata e dal menu contestuale selezionare Salva Link con Nome...

... con browser Firefox a pagina aperta basta andare sul menu in alto a destra (≡) > Salva Pagina; ...oppure andare con il destro del mouse sulla parola linkata e dal menu contestuale selezionare Salva Destinazione con Nome...

... nel caso avvisa...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Emiliano S.
Emiliano S.
User
Auteur

Ho fatto come hai descritto tu sopra. Sono riuscito a scaricare la pagina sfondostoria.html e l'ho inserita nel root del mio sito (dove ci sono anche le altre pagine). Ho inserito il codice. Però lo sfondo pagina mi appare bianco

Lire plus
Posté le de Emiliano S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

.. nella pagina sfondostoria.html è stato alterato il codice rispetto a quello della mia pagina..

... apri la pagina nel blocco note di Windows e sostituisci questo codice che hai adesso:

<div id="div_customK"><img id="imgK" name="imgK" width="100%" style="position: absolute; height: 2880px; width: 1920px; top: -895.5px; left: 0px;" src="./sfondostoria_files/sfondocontatti.JPG"></div>

... con quello originale del mio esempio, cioè questo:

<div id="div_customK"><img id="imgK" name="imgK" width="100%" style="position:absolute;height:100%" src="http://www.fabricionascimento.com/images/sfondocontatti.JPG" /></div>

... salva con nome sfondostoria.html  e manda in rete nelle root...

... avvisa per controllare...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Emiliano S.
Emiliano S.
User
Auteur

Funziona. Grazie. Però mi potresti realizzare anche le altre pagine. Ti ringrazio immensamente. O dimmi il procedimento per farne una che poi le realizzo io. Grazie ancora.

Lire plus
Posté le de Emiliano S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Emiliano S.
Funziona. Grazie. Però mi potresti realizzare anche le altre pagine. Ti ringrazio immensamente. O dimmi il procedimento per farne una che poi le realizzo io. Grazie ancora.

... ho pensato di fare di meglio, semplificando le operazioni in un'unica, ...in modo da poter usare il codice con un copia/incolla in tutte le pagine che abbiano caratteristiche simili di struttura, ...bastando solo sostituire l'URL dell'immagina dove indicato nel codice...

... intanto vedi il > CLONE 2   parziale e temporaneo!!! ...

... aziona Ctrl+U  e vedrai il codice sorgente ...dal rigo 270  al rigo 304 ...

... (i commenti sei libero di eliminarli)...

... copia/incolla le dette righe nel pannello Esperto | Codice personalizzato | prima della chiusura del TAG /BODY...

... prova e te ne renderai conto, ed eventualmente quando avrai provato su una pagina diversa, avvisa...

.



Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Emiliano S.
Emiliano S.
User
Auteur

Ho provato. Però nelle altre pagine. Tipo nella pagina FILIALI oppure su CV lo sfondo mi appare deformato. Più allungato. 

Lire plus
Posté le de Emiliano S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

.. vado a vedere... .. . . 

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Emiliano S.
Emiliano S.
User
Auteur

No no. Entra dentro alla pagina Filiali. Se metto il tuo codice l'immagine di sfondo mi viene allungata

Lire plus
Posté le de Emiliano S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... non vedo applicato il codice...

... comunque in quella pagina lo sfondo è in rapporto 9:4, diversa dai 2:3 di STORIA...

... quindi, dove indicato nel codice, devi mettere, o il rapporto 9:4, oppure mettere proprio le misure esatte, 1599x705 nelle variabili  ww ed hh

... prova ... e meglio postare il LINK delle prove per poter valutare...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Emiliano S.
Emiliano S.
User
Auteur

Non l'avevo postato. Provo e ti dico. Grazie

Lire plus
Posté le de Emiliano S.
Emiliano S.
Emiliano S.
User
Auteur

Ho postato la pagina filiali. Però non ho capito dove devo inserire i cambiamenti che mi hai detto. Prova a vedere il risultato. Grazie

Lire plus
Posté le de Emiliano S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... dove vedi nel codice queste stringhe:

var ww =2; // larghezza immagini o rapporto proporzionale;

var hh =3; // altezza immagini o rapporto proporzionale;

... correggi in questo modo:

var ww = 9; // larghezza immagini o rapporto proporzionale;

var hh = 4; // altezza immagini o rapporto proporzionale;

... oppure così:

var ww = 1599; // larghezza immagini o rapporto proporzionale;

var hh = 705; // altezza immagini o rapporto proporzionale;

...

... la stessa cosa farai nelle altre pagine se le misure o i rapporti proporzionali sono diversi...

... nel caso avvisa...

...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Emiliano S.
Emiliano S.
User
Auteur

Ci sono riuscito. vedi com'e' uscito il sito :-)

Lire plus
Posté le de Emiliano S.
Emiliano S.
Emiliano S.
User
Auteur

Ho notato però un piccolo errore. Quanto vado nelle pagine e poi premo sul menu (tre lineette), non mi appare sulla destra. devo ricaricare la pagina e il menu mi appare. Ti succede anche a te? Cosa può essere?

Lire plus
Posté le de Emiliano S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... OK ... perfetto! ...... hai capito il meccanismo, che applicherai così alle altre pagine ... 

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Emiliano S.
Ho notato però un piccolo errore. Quanto vado nelle pagine e poi premo sul menu (tre lineette), non mi appare sulla destra. devo ricaricare la pagina e il menu mi appare. Ti succede anche a te? Cosa può essere?

... non lo avevo notato perchè mi aveva funzionato...

... il mio codice non dovrebbe interferire con il jQuery del sito, ...però effettivamente riprovando e passando dalla home avviene quanto dici; ...occorrerebbe  un refresh ma per il momento non so da cosa possa dipendere... ...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... non posso nenche provare perchè il mio clone è parziale...

... prova a verificare se con il primo metodo, quello con la pagina esterna funzionasse...

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... eventualmente prova a sostituire la penultima stringa, questa:

window.onload = function () {carica_imgK();h_imgK();}

... con questa:

window.onload = function () {setTimeout(function(){ carica_imgK();h_imgK(); }, 3000);}

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Emiliano S.
Emiliano S.
User
Auteur

Ho messo questa stringa ma mi da lo stesso errore :-(

Lire plus
Posté le de Emiliano S.
Emiliano S.
Emiliano S.
User
Auteur

Forse interferisce il tuo codice, perchè nella pagina STORIA ho tolto il tuo codice e funziona, le altre pagine hanno dei problemi. prova a vedere adesso

Lire plus
Posté le de Emiliano S.
Emiliano S.
Emiliano S.
User
Auteur

Effettivamente quando ancora non appare l'immagine di sfondo il menu funziona. Quando l'immagine di sfondo è apparsa il menu non funziona più

Lire plus
Posté le de Emiliano S.
Emiliano S.
Emiliano S.
User
Auteur

Ho rimesso l'ultima riga "window.onload = function () {carica_imgK();h_imgK();}" nelle pagine, in questo modo il menu funziona con un refresh. Con l'altra riga il menu non funzionava. Ho messo su STORIAn il primo metodo e pare che funziona. Mi potresti aiutare?

Lire plus
Posté le de Emiliano S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Emiliano S.
... ... ... Ho messo su STORIAn il primo metodo e pare che funziona. Mi potresti aiutare?

... ottimo! ...ho appena visto, quindi benissimo, si opterà per questa soluzione, quella che avevo sempre preferito io in caso di conflitti...
... oggi pomeriggio darò un'occhiata sul da farsi e poi di dirò...
...!... però intanto prova a fare l'ultima prova con il codice di questo > clone3, leggermente modificato...!...
... fammi sapere di questo risultato...
.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Emiliano S.
Emiliano S.
User
Auteur

Non va bene neanche con questo codice :-(

Lire plus
Posté le de Emiliano S.
Emiliano S.
Emiliano S.
User
Auteur

Però ho visto che neanche con il primo metodo funziona. A volte funziona a volte no. C'e' qualcosa che crea conflitto :-(

Lire plus
Posté le de Emiliano S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Emiliano S.
... ...  A volte funziona a volte no. C'e' qualcosa che crea conflitto ... ...  

... purtroppo non me ne accorgo, sul mio smartphone funzionava...
... e purtroppo potendo fare solo un clone parzialmente funzionante editando online e non avendo io il programma mi è difficile poter immaginare da cosa possa dipendere...
... intanto prova questo ultimo esperimento > clone4 ...sempre sulla pagina STORIA, diviso in due sezioni, contenente una mia chicca unica!  che ti rende la tabella elastica, visto che l'attuale si presenta male a basse risoluzioni...
... le righe 33-40 vanno posizionate nel panello Esperto, con l'opzione: Prima della chiusura del TAG /HEAD...
... le righe 285-287 vanno posizionate nel panello Esperto, con l'opzione: Prima della chiusura del TAG /BODY...
... fai sapere...
.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Emiliano S.
Emiliano S.
User
Auteur

Ho provato più volte. Pare che la pagina STORIA funziona in questo modo. :-) Con le altre pagine devo fare lo stesso procedimento (cambiando solo il nome dell'immagine di sfondo)? Grazieeeeeee. Molto Gentile

Lire plus
Posté le de Emiliano S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... ho visto, sul mio smartphone funziona bene ... smile...

.. , in alto, /HEAD dove non serve puoi eliminare il mio extra per la tabella e relativo script accoppiato...

... in basso, /BODY, devi solo correggere l'indirizzo delle immagini; ...sapendo dove sono, puoi usare il percorso relativo...

... per esempio per la pagina STORIA: url(images/sfondocontatti.JPG)

... per la pagina FILIALI:  url(images/sfondofiliali1.JPG)

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Emiliano S.
Emiliano S.
User
Auteur

Si lo sto pubblicando ora. Funziona bene. Se ci sono dei problemi te lo farò sapere. Intanto ti ringrazio immensamente. E' la prima volta che realizzo un sito con website x5 professional. Grazie ancora di tutto. 

Lire plus
Posté le de Emiliano S.