WebSite X5Help Center

 
Diego F.
Diego F.
User

Immagine sfondo della cella  it

Autore: Diego F.
Visite 290, Followers 1, Condiviso 0  

Sito internet www.dolomitiebambini.com 

vorrei poter utilizzare, in versione desktop, limmagine gia presente sul sito mentre in versione Smartphone vorrei poterne utilizzare un'altra o magari riuscire anche solo ad adattare quella in essere allo schermo piu piccolo. 

È fattibile? suggerimenti?

grazie a tutti 

Postato il
25 RISPOSTE - 7 UTILI - 1 CORRETTO
Patrizia B.
Patrizia B.
User

Ma parli dell'immagine delle dolomiti perchè nelle celle non c'è nessuna immagine, quella delle dolomiti non l'hai messa come sfondo della cella ma in stile righe con effetto parallasse e non è responsive, se ti intendi un ò di programmazione potresti lavorare con i @mediascreem ed assegnare per ogni risoluzione un'immagine diversa.

Leggi di più
Postato il da Patrizia B.
Patrizia B.
Patrizia B.
User

OPS !!! @mediascreen embarassed

Leggi di più
Postato il da Patrizia B.
Diego F.
Diego F.
User
Autore

Ciao Patrizia e grazie per la risposta. non mi intendo di programmazione pero si e stata messa in stile righe paralellasse. se la metto responsive cambia automaticamente giusto? 
grazie ancora 

Leggi di più
Postato il da Diego F.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ITUtente del mese RU
Diego F.
Sito internet www.dolomitiebambini.com  vorrei poter utilizzare, in versione desktop, limmagine gia presente sul sito mentre in versione Smartphone vorrei poterne utilizzare un'altra o magari riuscire anche solo ad adattare quella in essere allo schermo piu piccolo.  È fattibile? suggerimenti? grazie a tutti 

... il codice che segue, messo in questa posizione (copia/incolla) ti sostituisce l'immagine sotto ai 480 pixel di risoluzione:

>> Passo 3 - Mappa > Finestra Proprietà Pagina HOME > Le opzioni della Sezione Esperto | ▪Codice personalizzato3^opzione > Prima della chiusura del tag HEAD;

... codice:

<style>
@media (max-width: 479px) {
#imPageRowGraphics_1 { background: transparent url('https://cdn.pixabay.com/photo/2013/08/24/08/34/three-zinnen-175213__340.jpg') no-repeat center center; background-size: cover;}
</style>

...

...!... attenzione!  ... attualmente stai usando un'immagine eccessivamente grande per il web; ...più del doppio per le misure, e almeno venti (20)! volte più pesante di quello che servirebbe...!...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Diego F.
Diego F.
User
Autore

Kolasim grazie mille. il codice che hai indicato () dovro modificarlo con il mio oppure uso direttamente quello che hai scritto? 

immagine effettivamente non ho pensato a ridimensionarla. che misure consigli? Grazie ancora 

Leggi di più
Postato il da Diego F.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ITUtente del mese RU
Diego F.
... ... ...  il codice che hai indicato () dovro modificarlo con il mio oppure uso direttamente quello che hai scritto?  ... ... ...

... puoi sì usare una tua immagine (max 800x800px, max 50-100 KB),  per esempio "nomeimmagine.jpg" che alleghi al progetto in uno dei modi previsti (>1), (>2),  lasciando "files" come cartella destinataria proposta per default...

... in questo caso il codice relativo alla tua immagine diventerà questo:

<style>
@media (max-width: 479px) {
#imPageRowGraphics_1 { background: transparent url('files/nomeimmagine.jpg') no-repeat center center; background-size: cover;}
</style>

.

ciao

---------------------

...!... quella grande che stai usando adesso meglio sostituirla con una di max 1800x1800px, max 150-200 KB...!...

-

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Diego F.
Diego F.
User
Autore

Kolasim perdonami ma non sono molto esperto e sto cercando di capirmi....

... in questo caso il codice relativo alla tua immagine diventerà questo:

<style>
@media (max-width: 479px) {
#imPageRowGraphics_1 { background: transparent url('files/nomeimmagine.jpg') no-repeat center center; background-size: cover;}
</style>

La parte relativa al files/nomeimmagine.jpg io l'immagine l'ho salvata nel desktop e vorrei caricarla partendo dalla sua attuale cartella. Basta che nella stringa indico il nome del file (es. trecime.jpg)? senza il percorso completo? (C:\Users\Diego\Desktop\........) oppure devo prima caricare l'immagine in una cartella definita?

Grazie ancora 

Leggi di più
Postato il da Diego F.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ITUtente del mese RU

... basta semplicemente allegare l'immagine al progetto in uno dei due modi detti prima >> [ (>1), (>2) ]; ...clicca sui numeri e si aprirà la relativa Guida; ...l'immagine la preleverai normalmente dal tuo PC...

... l'immagine verrà automaticamente trasferita in rete durante la fase di esportazione, nella cartella detta prima, "files"...

...  fai una semplice prova e puoi verificare anche in anteprima, riducendo la finestra del browser sotto i 480 pixel di larghezza...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Diego F.
Diego F.
User
Autore

ho fatto e ti ringrazio. Se però guardo Iphone in verticale l'immagine non si vede mentre se lo metto in orizzontale si vede correttamente dimensionata. Hai suggerimenti?

Leggi di più
Postato il da Diego F.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ITUtente del mese RU

... non posso valutare, ...in rete non risulta applicato il codice extra...
... avvisa per quando lo avrai pubblicato, e poi si vedrà di cosa si tratta...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Diego F.
Diego F.
User
Autore

Ok fatto!! 

Leggi di più
Postato il da Diego F.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ITUtente del mese RU

... OK, ...non hai usato il mio codice, ...ma hai ben sostituito l'immagine (1600x1200), e di peso quasi accettabile (553 KB)...
... se non con il tuo programma di grafica, ...puoi semplicemente ridurre ulteriormente il peso di oltre il 50% con questo servizio online https://tinypng.com/
... provalo...

.

ciao
.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Diego F.
Diego F.
User
Autore

Kolasim ciao e grazie ancora. il tuo codice lo avevo utilizzato ma ho dovuto levarlo perche in versione smartphone (messo verticalmente) limmagine non viene pubblicata. se hai voglia stasera dopo cena ripubblico con il tuo codice in modo che tu possa verificare! per peso immagine provvedero ad ulteriore allegerimento. ho fatto stessa cosa anche con il video che ho messo in home 

Leggi di più
Postato il da Diego F.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ITUtente del mese RU

... ok, verso le 20 - 20,30 ...poi chiudo...

... già così comunque, se alleggerisci come detto, avresti un buon compromesso...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Diego F.
Diego F.
User
Autore

Kolasim per le 20 pubblico con modifica grazie mille

Leggi di più
Postato il da Diego F.
Diego F.
Diego F.
User
Autore

ma io ho caricato il file

Leggi di più
Postato il da Diego F.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ITUtente del mese RU

... ho capito...

https://www.dolomitiebambini.com/files/trecime.JPG

... è rimasta la stessa immagine e non è una nuova adatta allo scopo...

... hai sbagliato ad usare l'estensione in maiuscolo .JPG (o viceversa)...

... se usi questa immagine, il codice non serve...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Diego F.
Diego F.
User
Autore

ok ho modificato immagine a definizione 400x... 

ho cambiato estensione in AVANZATE mettendo JPG

e ripubblicato...

Leggi di più
Postato il da Diego F.
Diego F.
Diego F.
User
Autore

il problema era estensione del file. Purtroppo diminuendo definizione la foto sgrana. E' piu facile a questo punto cambiare immagine però... Grazie a tutti davvero!!!! Grazie soprattutto a Kolasim che mi ha supportato e sopportato.

Leggi di più
Postato il da Diego F.
Claudio D.
Claudio D.
Moderator

...scusate se mi intrometto...

ma io non vedo manco il video ...

Leggi di più
Postato il da Claudio D.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ITUtente del mese RU
Diego F.
il problema era estensione del file. Purtroppo diminuendo definizione la foto sgrana. E' piu facile a questo punto cambiare immagine però... Grazie a tutti davvero!!!! Grazie soprattutto a Kolasim che mi ha supportato e sopportato.

ok, funziona...
... sgrana un po' perchè la finestra è verticale e l'immagine è orizzontale...
... prova ad usare un'immagine ritagliata quadrata, o meglio, a sviluppo verticale...

.

...vado; ...casomai ci risentiremo domani...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Diego F.
Diego F.
User
Autore

Claudio ciao. mi sembra strano che tu non riesca a vedere il video. io ho provato con Safari, Chrome e IE e funziona. hai qualche suggerimento? grazie ancora 

Leggi di più
Postato il da Diego F.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ITUtente del mese RU

... il video non lo vedo solo sul mio browser Firefox, che per natura preferisce *.ogg e *. webm...

... è regolare sul mio vecchio Chrome.49 e sullo smartphone...

... ovviamente per convenzione non potrà funzionare  l'autoplay...

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪