Slideshow sotto l'header 
Autore: Print S.
Visite 1643,
Followers 1,
Condiviso 0
Salve a tutti. Sto creando un nuovo sito web e mi sono state richieste delle attenzioni su dei piccoli dettagli grafici.
Nello specifico ho creato un intestazione (header) con sfondo nero trasparente (opacità 80) e subito dopo l'header segue una slide show full screen. Il problema è che il cliente vuole che parte della slide show si veda anche sotto l'header. In poche parole devo portare la slide show a "0".
Spero di essere stato chiaro.
Qualcuno può aiutarmi???
Postato il
... che metodo hai usato...?... e dovresti postare il LINK per poter valutare...
... se usi i metodi da me ideati (DIV_CUSTOM+IFRAME) il tutto è più flessibile e facilmente controllabile...
.
Autore
il metodo di cosa??? per li slideshow fullscreen ho usato l'oggetto html con #imPageRow_2 div {padding: 0; width: 100%;}
ti allego uno screen.
se noti la slideshow si trova alla row2 vorrei farla salire fino a vederla sotto l'header.
Autore
scusa non avevo allegato nulla
... purtroppo non ho il programma, e per poter capire dovrei vedere il LINK della pagina...
... a quanto vedo hai usato codice EXTRA, pertanto prova a modificarlo in questo modo e controlla l'aspetto che ne ricavi:
#imPageRow_2 div {top:0px !important; padding: 0; width: 100%;}
.
... fai sapere...
.
... ... ... ... per mio metodo intendo quello del 2° Tutorial di Giancarlo, che permette modifiche ed aggiornamenti dello slideshow senza toccare il programma, (potendolo anche sdoppiare ed alleggerire per le versioni "mobile", per chi vi è attento!)...
.
Autore
GRAZIE MILLE...purtroppo non va. avevo provato anch'io con top 0px.
per il link appena lo pubblico te lo invio
credo che ti voglia qualcosa del genere:
http://giancarlob.altervista.org/test-vari/header-trasparente/
Autore
provo subito..mi sa che ci siamo
... ottimo, infatti è quello che preferisco io, per i motivi detti prima...
,,, x Print, ... attendiamo il LINK per valutare la situazione reale... ciao...
Autore
grazie mile sia a giancarlo che kolasim siete gentilissimi oltre che in gamba. il metodo è perfetto solo che con top a 0 mi scompare lo sfondo dell'header.
Ciao Print S. puoi postare un link per valutare la situazione, grazie.
Autore
http://www.mywebsiteprova.altervista.org/
in poche paola la slide show la vorrei a "0" top e lo sfondo nero trasparente dell'header dovrebbe rimanere.
è come l'esempio.. non lo volevi così? o forse NON ho capito bene io !!!
Autore
Ho creato un header con sfondo nero semitrasparente (opaco canali alpha) e vorrei la slide show come il tuo esempio ma con l'header nero semitrasparente che mi rimane in modo tale che li slideshow si intravede anche sotto l'header.
ok ora non ho il programma e non riesco a fare test, hai provato a mettere l'header con sfondo nero e poi a dare opacità con un comando come per esempio
#imHeaderBg {opacity: .8;}
naturalmente da provare perchè è tutto teorico...
Autore
per l'opacità è tutto ok non ho problemi. Rimane solamente da portare la slideshow a "0" top e non far scomparire lo sfondo dell'header.
Grazie mille Giancarlo.
Ciao,
spero di aver capito il problema, prova ad aggiungere questo codice
#imHeaderBg {
...
z-index: 1;
opacity: .3;
}
Saluti
Autore
....allora riassumo per non confondere le idee. Nel link che ho postato http://www.mywebsiteprova.altervista.org/ è tutto ok.
Devo solo far riapparire lo sfondo dell'header che è già nero opaco. Con la procedura ottima di giancarlo e kolasim scompare. Se vedete le altre pagine (non la home) c'è lo sfondo nero opaco.
In conclusione con la procedura di giancarlo e kolasim la slide show è perfetta a "0" top ma rende lo SFONDO dell'header trasparente al 100%.
probabilmente se hai assegnato il colore nero all'Header questo non risulta visibile perchè rimane sotto allo slider prova a portarlo sopra assegnando un valore come suggerito da Luigi o superiore
z-index: 1;
Ciao,
non è che lo sfondo è trasparente ma si trova sotto con z-index lo sposti sopra.
provando dal sito se imposto z-index a 1 mi torna sopra la slide.
Saluti
Autore
RISOLTO GRAZIE MILLE A TUTTI! grandiiiiiiiii non ci avevo pensato
Perfetto Print S.
Ciao Giancarlo.
você consegue me enviar esse projeto? .iwzip
aguardo
** GT **
mi puoi inviare questo progetto? .iwzip
guardo
Can you send me this project? .iwzip
I await
[quote="Giancarlo B."] credo che ti voglia qualcosa del genere: http://giancarlob.altervista.org/test-vari/header-trasparente/ [quote="Print S."] http://www.mywebsiteprova.altervista.org/ [/quote]
>> HelpCenter_BR
>> Tutorial Giancarlo
.