WebSite X5Help Center

 
Giacomo C.
Giacomo C.
User

Risoluzione mobile  it

Autor: Giacomo C.
Visitado 1233, Seguidores 2, Compartilhado 0  

Buonasera, non è corretto che l'immagine di sfondo della home non si veda ridimensionata su tablet e mobile vero ?

www.cralrho.net

grazie

Publicado em
38 RESPOSTAS - 1 CORRIGIR
Incomedia
Stefano G.
Incomedia

Buongiorno Giacomo

Dipende da cosa intendi di preciso.

Supponendo che tu faccia riferimento al fatto che l'immagine viene tagliata di lato man mano che lo schermo si restringe, ti confermo che è corretto. Questo è dovuto al fatto che esistono essenzialmente due modi di fare Responsive per elementi come questo:

1_ Facendo in modo che l'immagine occupi sempre lo stesso spazio in altezza, quindi tagliando l'immagine lateralmente

2_ Riducendo la dimensione dell'immagine in proporzione alla larghezza dello schermo, però l'immagine occuperà anche meno spazio in altezza

Nel caso del nostro software, abbiamo optato per la seconda strada

Resto a disposizione in caso di dubbi

Stefano

Ler mais
Publicado em de Stefano G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ESUsuário do mês PT

... in più, per quel che noto, l'immagine di sfondo si adatta correttamente nelle risoluzioni del pc..

... forse lo sfondo fisso potrebbe essere considerato come il parallasse fisso, che dal changelog 2019.1.1 è stato disabilitato per i dispositivi touch e per gli ultimi due breakpoint, ...adattando per questi l'immagine alla luce del contenuto in altezza del body...

... comunque sia, ora come ora, potresti risolvere con il mio codice che sostituisce l'immagine alle risoluzioni inferiori e ridimensionandola full-screen in modalità css cover, ...ed in questo caso sarebbe meglio preparare una seconda immagine quadrata per tale scopo...
!

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Giacomo C.
Giacomo C.
User
Autor

ciao grazie Stefano, grazie Kolasim, il codice?

Ler mais
Publicado em de Giacomo C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ESUsuário do mês PT

... posta qui il LINK della tua immagine jpg quadrata (800 x 800)px ...

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Giacomo C.
Giacomo C.
User
Autor

cosi ?

Ler mais
Publicado em de Giacomo C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ESUsuário do mês PT

... OK, ...ma devi upparla nel tuo sito in rete e postare qui il relativo LINK...

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ESUsuário do mês PT

... OK, ... ma bastava uppare solo l'immagine, senza dover creare una nuova pagina...
... l'immagine mi pare deformata...

... comunque sia, adesso il codice da applicare è questo:
<style>
/** --- sostituzione sfondo fisso by KolAsim --- **/
@media(max-width:719px) {
#imPageExtContainer {background:url('')}
html body{ background: url('images/rhonuovo_19x38egh.jpg') !important ;
background-position: center center !important; background-repeat: no-repeat !important;
-webkit-background-size: cover !important; -moz-background-size: cover; -o-background-size: cover !important; background-size: cover !important; background-attachment: fixed !important;}
}
</style>

.

ciao

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Giacomo C.
Giacomo C.
User
Autor

in home page/esperto?

Ler mais
Publicado em de Giacomo C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ESUsuário do mês PT

... Sì, ...3^ opzione ...

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Giacomo C.
Giacomo C.
User
Autor

????

Ler mais
Publicado em de Giacomo C.
Giacomo C.
Giacomo C.
User
Autor

strano lo avevo già inserito ieri sera

Ler mais
Publicado em de Giacomo C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ESUsuário do mês PT

... adesso è OK ... il codice è presente e funziona regolare nel pc....
..surprised.... ma non si attiva il fissaggio nello smartphone...undecided...
...
... controllo, e s'è possibile poi ti proporrò un'altra mia invenzione EXTRA esclusiva...

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ESUsuário do mês PT

... sostituisci il precedente codice con questo; sono nove (9) righe continue:

<script>
$( document ).ready(function() {//K>;
/** --- sostituzione sfondo fisso by KolAsim --- **/
styleK='<style>@media(max-width:719px) {#imPageExtContainer {background:url("")} #contenitoreK{display:block}}</style>';
divK='<div id="contenitoreK" style="position:fixed; top:0px; width:100%; height:100%; z-index:-1;dislay:none;"><div id="div_customK" style="position:absolute; top:0px; width:100%; height:100%; z-index:-1; background-repeat:no-repeat; background-image:url(\'images/rhonuovo_19x38egh.jpg\'); -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-position: center center;background-attachment: fixed"></div></div>';
$("head").append(styleK);
$("body").append(divK);
}); //K<<;
</script>

.

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Giacomo C.
Giacomo C.
User
Autor

Perfetto!!! 

Ma forse è meglio che cambio immagine......devo farne una piu nitida..

Grazie ancora...

Ler mais
Publicado em de Giacomo C.
Giacomo C.
Giacomo C.
User
Autor

ciao, ma  quel codice è solo per l'immagine dell'home page?

Perchè nelle  altre pagine non è fisso 

Ler mais
Publicado em de Giacomo C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ESUsuário do mês PT

... OK ... ciao...

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Giacomo C.
Giacomo C.
User
Autor

ho detto una cavolata.................è logico che è solo per home page

chiedo venia.....

Ler mais
Publicado em de Giacomo C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ESUsuário do mês PT

... ah...  OK...   non avevo visto il post... 

... puoi chiudere il Topic... 

Ciao

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Giacomo C.
Giacomo C.
User
Autor

ciao Kolasim,scusa ma  mi sa che ho fatto un pò di caos...

ho trovato un immagine piu nitida, ho provat a sostituirla a quella che ti avevo mandatao 800px - 8oopx

solo che nella visione smartphone in anteprima è rimasta sotto ancora quella di prima 

  

Ler mais
Publicado em de Giacomo C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ESUsuário do mês PT

... sul mio PC pare funzionare correttamente...
... invece sullo smartphone pare di no...undecided...
... ho notato nel codice due errori  veniali, che potrebbero essere la causa della difformità...
... nell'attributo dislay:none; (in rosso) manca la p:
display:none;
... l'attributo background:url ("")  (in verde) ...forse è meglio sostituirlo con questo:
background-image: url ("")

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Giacomo C.
Giacomo C.
User
Autor

     adesso è bianco...undecided

Ler mais
Publicado em de Giacomo C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ESUsuário do mês PT

... nel pc vedo che funziona...
... praticamente il mio codice è lo stesso che avevo fornito per >questo  sito del Forum Tedesco...
... forse potrebbe influire il fatto che il tuo sito non ha superato il test_mobile_friendly che ti ho segnalato prima, molto importante, ...dovresti porvi rimedio...
... purtroppo non ho modo di fare altre verifiche approfondite sul "mobile"...

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Giacomo C.
Giacomo C.
User
Autor

grazie Kolasim,ti faccio una domanda,secondo te il sito www.cralrho.net puo essere creato come quello del sito Forum Tedesco?

Ler mais
Publicado em de Giacomo C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ESUsuário do mês PT

... penso di si...
... quella del LINK è la "WebSite X5 Pro 2020.3.7", ... ma il mio codice EXTRA glielo avevo fornito ai tempi della v.12, ... ed è ancora attuale...

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Giacomo C.
Giacomo C.
User
Autor

forse ho trovato il problema  surprised....  se uso in tutte le risoluzioni solo l'hamburger menu si vede tutto bene.ma con il menu e la stiky bar sfalsa tutto........forsesurprisedfrown

Ler mais
Publicado em de Giacomo C.
Giacomo C.
Giacomo C.
User
Autor

  

Ler mais
Publicado em de Giacomo C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ESUsuário do mês PT

...bene,  adesso lo sfondo online è OK ...

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Giacomo C.
Giacomo C.
User
Autor

con menu           senza menu

Ler mais
Publicado em de Giacomo C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ESUsuário do mês PT

... non mi risulta ...

... comunque controlla i contenuti di header e footer nelle varie risoluzioni e da verificare online...

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Giacomo C.
Giacomo C.
User
Autor

Ciao Kolasim, direi che ci siamo..... purtroppo niente sticky bar,niente menu nell'header

ma sembra che sia nel pc che nello smartphone funziona...

Grazie ancora

Ler mais
Publicado em de Giacomo C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ESUsuário do mês PT

... devi verificare un po' tu le varie impostazioni...

... se posizioni correttamente la StickyBar in tutti i breakpoint dentro ai relativi layout, secondo me non dovrebbero sorgere problemi...

... a dimostrazione del resto quel sito tedesco che hai visto prima ha attiva la StickyBar...

.

ciao

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ESUsuário do mês PT

... ho visto, OK; ... con il miio codice per lo sfondo fisso hai ottenuto la magia, che era esclusa per gli smartphone...

.

ciao

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Giacomo C.
Giacomo C.
User
Autor

ok grazie mille ..un ultima domanda poi chiudo il post

se guardi il tuo codice, io ho inserito il percorso  per l'icona direttamente nel sito...

<style>
.hamburger-bar { display: none !important}
.hamburger-button{width:40px !important;height:50px !important;;background-image:url("https://cralrho.net/images/iconamenu.png") !important; ; background-repeat: no-repeat;background-size:40px 40px}
</style>

corretto?

Ler mais
Publicado em de Giacomo C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ESUsuário do mês PT

... si, si, ..OK ...la tua icona si vede correttamente...

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪