WebSite X5Help Center

 
Vincenzo Errico
Vincenzo Errico
User

Sfondo pagina  it

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

Размещено
25 Ответы
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... 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

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

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.

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

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!

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

... 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

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

... 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

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

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

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

.

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

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

Читать больше
Размещено От Vincenzo Errico
Mirko Boschetti
Mirko Boschetti
Moderator

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



__________________________

arrivato tardi...

Читать больше
Размещено От Mirko Boschetti
Mirko Boschetti
Mirko Boschetti
Moderator

metti cosi:

z-index:-1

Читать больше
Размещено От Mirko Boschetti
Vincenzo Errico
Vincenzo Errico
User
Автор

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.

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

... 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...

.

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

... 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...

.

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

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

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

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

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

Читать больше
Размещено От Mirko Boschetti
Vincenzo Errico
Vincenzo Errico
User
Автор

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

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

perchè rimane sotto alla foto...

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

Читать больше
Размещено От Mirko Boschetti
Mirko Boschetti
Mirko Boschetti
Moderator

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

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