Sfondo pagina
Author: Vincenzo Errico
Visited 1808,
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
... 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
Reference: Le opzioni della Sezione Grafica
... posta sempre il link della pagina in questione...
.
ciao
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.
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!
... adesso è allineata Alto/Sinistra; ...prova con Alto/Centro...
... 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
Author
ho provato il tuo solito DIV... andrebbe bene, solo che come vedi rimane prima del menu: http://www.vincenzoerrico.it/wedding-photographs-at-volterra-in-tuscany.html
... 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
Author
Ti ringrazio, questo è proprio quello che cercavo:http://www.zspace.it/kolasim/website/fasceswiffy/fasciaHeaderResizeVincenzo1.html
Purtroppo non riesco a capire dove inserire i codici...mi aiuteresti passo passo? Grazie della pazienza!
Immagino nella sezione esperto nelle proprietà della pagina, vero?
Author
oppure in un oggetto html? Non ci capisco, scusa!
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
.. se servissero chiarimenti, fatti risentire...
.
Author
ma lo devo inserire solo in alcune pagine.... nel passo 4 è valido per tutto il sito.
Author
ah ecco, ho inserito il codice nelle proprietà solo di una pagina, ecco il link: http://www.vincenzoerrico.it/wedding-photographs-at-volterra-in-tuscany.html
però copre parte dei contenuti iniziali e il banner, quindi dovrebbe andare sotto...
allora in proprietà delle pagine che ti interessano.....stessi tag detti sopra....
__________________________
arrivato tardi...
metti cosi:
z-index:-1
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.
Author
grazie, aggiornato con z-index:-1 http://www.vincenzoerrico.it/wedding-photographs-at-volterra-in-tuscany.html
rimane solo il fatto che quando il menu cambia per i mobile, l'immagine non si adatta
... 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...
.
... urca! ... non avevo visti Mirko Flash ... ... grazie...
... 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...
.
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
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
io la vedo stringersi insieme al browser....
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...
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
Author
perchè rimane sotto alla foto...
io quello che vedo stringendo la pagina, è che il Content sormonta la slide, ma dovresti risolvere con il @media query....
e il logo che cala sotto la slide....ma se alzi l'intestazione del responsive, lo risolvi...
... adesso nella pagina non vedo più lo sfondo; eventualmente prova con il cosino come funziona questo: http://www.zspace.it/kolasim/website/fasceswiffy/fasciaHeaderResizeVincenzo1b.html
.