WebSite X5Help Center

 
Vincenzo Errico
Vincenzo Errico
User

Sfondo pagina  it

Author: Vincenzo Errico
Visited 1610, Followers 2, Shared 0  

Ciao a tutti,

avrei la necessità di cambiare sfondo del sito (con una immagine) per alcune pagine del sito ma, nella scheda GRAFICA in PROPIETA' PAGINA da la possibilità di adattarla al contenuto della finestra però mi rimane sempre fissa (anche con l'opzione immagine di sfondo fissa deselezionata), mentre vorrei che l'immagine salisse su quando scrollo i contenuti della pagina.

Un esempio a questo link: http://www.samhurdphotography.com/2015/wedding/santorini-wedding-photographer-peter-jesse/

Qualcuno saprebbe aiutarmi a trovare una soluzione?

Grazie.

Posted on the
25 ANSWERS
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month PL

... le impostazioni permettono tutte le possibili impostazioni per lo sfondo...

...?... hai attivato l'opzione:  Sfondo del Sito solo per questa Pagina | Abilita impostazioni personalizzate ...?...

http://help.websitex5.com/it/v12/evo/index.html?mappa_pagina.htm
Clicca per espandere/ridurre Reference: Le opzioni della Sezione Grafica

... posta sempre il link della pagina in questione...

.

ciao

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Author

Ciao e grazie della risposta.

Purtroppo non è cosi! non esiste l'opzione per adattare l'immagine solo in larghezza ma solo quella per riempire tutta la finestra con conseguenza diststorsione della foto in quanto è in formato panoramico, e poi questa impostazione non permette che l'immagine scompaia in su quando si scorrono i contenuti. Ecco il link con l'immagine impostata con disposizione "non ripetere" ma come puoi vedere non si adatta in larghezza: http://www.vincenzoerrico.it/wedding-photographs-at-volterra-in-tuscany.html Un altro problema è che mi copre lo sfondo del menù impostato per tutto il sito che non è altro il continuo dello sfondo del menu.

Read more
Posted on the from Vincenzo Errico
Vincenzo Errico
Vincenzo Errico
User
Author

La migliore soluzione sarebbe inserirla nel contenuto con del codice che gli permettesse di adattarsi in larghezza alla finestra del browser. Ma non so se è fattibile!

Read more
Posted on the from Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month PL

... adesso è allineata Alto/Sinistra; ...prova con Alto/Centro...

Vincenzo Errico
La migliore soluzione sarebbe inserirla nel contenuto con del codice che gli permettesse di adattarsi in larghezza alla finestra del browser. Ma non so se è fattibile!

... questo è un'altra cosa ed un altro discorso...

... potresti cercare nel mondo jQuery script adatti già pronti, o attendere un marauder della rete...

... oppure, per esempio, si potrebbe con il mio solito DIV_CUSTOM che già conosci...

.

ciao

Read more
Posted on the from  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month PL

... non vedo traccia del mio DIV_CUSTOM, ma solo il resize che avevo proposto...

... esempi stile div_custom + classe resize in /HEAD; + DIV_CUSTOM in /BODY:
http://www.zspace.it/kolasim/website/fasceswiffy/fasciaHeaderResizeVincenzo1.html
http://www.zspace.it/kolasim/website/fasceswiffy/fasciaHeaderResizeVincenzo2.html

... esempio solo div_custom direttamente in /BODY:
http://www.zspace.it/kolasim/website/fasceswiffy/fasciaHeaderResizeVincenzo3K.html
... copia/incolla e verifica; ...eventualmente dovrai controllarti il livello aggiungendo lo X-INDEX...
.

ciao

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Author

oppure in un oggetto html? Non ci capisco, scusa!

Read more
Posted on the from Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month PL
Vincenzo Errico
... ... ...

Immagino nella sezione esperto nelle proprietà della pagina, vero?

... quasi:

>>> Passo 4 - Impostazioni Avanzate > Statistiche, SEO e Codice | Sezione Esperto | ▪Codice personalizzato | selezione ▼ Prima della chiusura del tag HEAD

>>> Passo 4 - Impostazioni Avanzate > Statistiche, SEO e Codice | Sezione Esperto | ▪Codice personalizzato | selezione ▼ Prima della chiusura del tag BODY

da inserire nella sezione ESPERTO | HEAD prima della chiusura di /HEAD
<style>#Div_CustomK { z-index:2;position:absolute;top:10px;margin: 0; padding: 0;width:100%;height:450px; min-width:480px;background-image: url('http://www.vincenzoerrico.it/01.jpg');} .resize { background:no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} </style>
da inserire nella sezione ESPERTO | BODY prima della chiusura di /BODY
<div id="Div_CustomK" class="resize"> </div>  

.. se servissero chiarimenti, fatti risentire...

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Author

ma lo devo inserire solo in alcune pagine.... nel passo 4 è valido per tutto il sito.

Read more
Posted on the from Vincenzo Errico
Mirko Boschetti
Mirko Boschetti
Moderator

allora in proprietà delle pagine che ti interessano.....stessi tag detti sopra....



__________________________

arrivato tardi...

Read more
Posted on the from Mirko Boschetti
Mirko Boschetti
Mirko Boschetti
Moderator

metti cosi:

z-index:-1

Read more
Posted on the from Mirko Boschetti
Vincenzo Errico
Vincenzo Errico
User
Author

e poi noto che non si ridimensiona alla modalià mobile, cioè se rimpicciolisco il browser l'immagine non scala, mentre si adatta se ingrandisco la finestra.

Read more
Posted on the from Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month PL

... come ti avevo accennato al post #6 forse dovresti controllare il livello X-INDEX...

... dove vedi nel primo quote <style>#Div_CustomK { z-index:2;

... prova a sostituire z-index:2;    ...con  z-index:1;   ...oppure con   z-index:-1;

... quando avrai fatto andrò a controllare...

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Best User of the month PL

... urca! ... non avevo visti Mirko Flash ...  ... grazie...

Vincenzo Errico
... ... ... rimane solo il fatto che quando il menu cambia per i mobile, l'immagine non si adatta 

... ho verificato, ed a vista mi sembra ottimo...

... non ho cosini, ma ho fatto in modo che si ridimensionasse sino a 480 pixel, e vedo che sul mio PC avviene così...

... casomai metti una STAMP di come si vede su quei cosini...

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Author

fatto con z-index:-1 ed è ok!  Rimane solo la questione che la foto non scala quando il browser viene rimpicciolito con il tasto menu hamburger

Read more
Posted on the from Vincenzo Errico
Vincenzo Errico
Vincenzo Errico
User
Author

rimane anche che l'immagine copre il prolungamento della barra del menu, che è una immagine inserita nello sfonfo del sito nello stile del modello 

Read more
Posted on the from Vincenzo Errico
Mirko Boschetti
Mirko Boschetti
Moderator
Vincenzo Errico
fatto con z-index:-1 ed è ok!  Rimane solo la questione che la foto non scala quando il browser viene rimpicciolito con il tasto menu hamburger

io la vedo stringersi insieme al browser....

Vincenzo Errico

rimane anche che l'immagine copre il prolungamento della barra del menu, che è una immagine inserita nello sfonfo del sito nello stile del modello 

non ho capito cosa intendi...

Read more
Posted on the from Mirko Boschetti
Vincenzo Errico
Vincenzo Errico
User
Author

se provi a scorrere i contenuti vedrai che il prolungamento laterale di colore grigio del menu ricompare e si riaggancia alla barra del menu

Read more
Posted on the from Vincenzo Errico
Vincenzo Errico
Vincenzo Errico
User
Author

perchè rimane sotto alla foto...

Read more
Posted on the from Vincenzo Errico
Mirko Boschetti
Mirko Boschetti
Moderator

io quello che vedo stringendo la pagina, è che il Content sormonta la slide, ma dovresti risolvere con il @media query....

Read more
Posted on the from Mirko Boschetti
Mirko Boschetti
Mirko Boschetti
Moderator

e il logo che cala sotto la slide....ma se alzi l'intestazione del responsive, lo risolvi...

Read more
Posted on the from Mirko Boschetti