WebSite X5Help Center

 
Emiliano S.
Emiliano S.
User

Ridimensionamento immagine di sfondo su uno smartphone  it

Автор: Emiliano S.
Просмотрено 732, Подписчики 2, Размещенный 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

Размещено
39 Ответы - 1 Корректно
 ‪ 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:

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Emiliano S.
Emiliano S.
User
Автор

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

Читать больше
Размещено От 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...

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Emiliano S.
Emiliano S.
User
Автор

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

Читать больше
Размещено От Emiliano S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

,

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Emiliano S.
Emiliano S.
User
Автор

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

Читать больше
Размещено От 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...

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Emiliano S.
Emiliano S.
User
Автор

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

Читать больше
Размещено От 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...

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Emiliano S.
Emiliano S.
User
Автор

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

Читать больше
Размещено От 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...

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Emiliano S.
Emiliano S.
User
Автор

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.

Читать больше
Размещено От 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...

.



Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Emiliano S.
Emiliano S.
User
Автор

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

Читать больше
Размещено От Emiliano S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Emiliano S.
Emiliano S.
User
Автор

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

Читать больше
Размещено От 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...

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Emiliano S.
Emiliano S.
User
Автор

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

Читать больше
Размещено От Emiliano S.
Emiliano S.
Emiliano S.
User
Автор

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

Читать больше
Размещено От 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...

...

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Emiliano S.
Emiliano S.
User
Автор

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

Читать больше
Размещено От Emiliano S.
Emiliano S.
Emiliano S.
User
Автор

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?

Читать больше
Размещено От Emiliano S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

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

.

Читать больше
Размещено От  ‪ 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... ...

.

Читать больше
Размещено От  ‪ 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...

.

Читать больше
Размещено От  ‪ 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);}

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Emiliano S.
Emiliano S.
User
Автор

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

Читать больше
Размещено От Emiliano S.
Emiliano S.
Emiliano S.
User
Автор

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

Читать больше
Размещено От Emiliano S.
Emiliano S.
Emiliano S.
User
Автор

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

Читать больше
Размещено От Emiliano S.
Emiliano S.
Emiliano S.
User
Автор

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?

Читать больше
Размещено От 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...
.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Emiliano S.
Emiliano S.
User
Автор

Non va bene neanche con questo codice :-(

Читать больше
Размещено От Emiliano S.
Emiliano S.
Emiliano S.
User
Автор

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

Читать больше
Размещено От 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...
.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Emiliano S.
Emiliano S.
User
Автор

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

Читать больше
Размещено От 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)

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Emiliano S.
Emiliano S.
User
Автор

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. 

Читать больше
Размещено От Emiliano S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

...wink...

Читать больше
Размещено От  ‪ KolAsim ‪ ‪