WebSite X5Help Center

 
Vincenzo Errico
Vincenzo Errico
User

Sfondo pagina  it

Autor: Vincenzo Errico
Besucht 1567, Followers 2, Geteilt 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.

Gepostet am
25 ANTWORTEN
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats FRNutzer des Monats 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

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Autor

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.

Mehr lesen
Gepostet am von Vincenzo Errico
Vincenzo Errico
Vincenzo Errico
User
Autor

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!

Mehr lesen
Gepostet am von Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats FRNutzer des Monats 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

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats FRNutzer des Monats 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

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Autor

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

Mehr lesen
Gepostet am von Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats FRNutzer des Monats 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...

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Autor

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

Mehr lesen
Gepostet am von Vincenzo Errico
Mirko Boschetti
Mirko Boschetti
Moderator

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



__________________________

arrivato tardi...

Mehr lesen
Gepostet am von Mirko Boschetti
Mirko Boschetti
Mirko Boschetti
Moderator

metti cosi:

z-index:-1

Mehr lesen
Gepostet am von Mirko Boschetti
Vincenzo Errico
Vincenzo Errico
User
Autor

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.

Mehr lesen
Gepostet am von Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats FRNutzer des Monats 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...

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats FRNutzer des Monats 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...

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Autor

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

Mehr lesen
Gepostet am von Vincenzo Errico
Vincenzo Errico
Vincenzo Errico
User
Autor

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

Mehr lesen
Gepostet am von 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...

Mehr lesen
Gepostet am von Mirko Boschetti
Vincenzo Errico
Vincenzo Errico
User
Autor

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

Mehr lesen
Gepostet am von Vincenzo Errico
Vincenzo Errico
Vincenzo Errico
User
Autor

perchè rimane sotto alla foto...

Mehr lesen
Gepostet am von 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....

Mehr lesen
Gepostet am von Mirko Boschetti
Mirko Boschetti
Mirko Boschetti
Moderator

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

Mehr lesen
Gepostet am von Mirko Boschetti