Leggi questo dettagliato "tutorial" dell'amico Giancarlo

https://helpcenter.websitex5.com/pt/post/157292

Grazie claudio il tutorial di Giancarlo è utilissimo ma il mio problema è inserire la slideshow prima dell'header.

Ma prima dell' header non c'è niente...

appunto... c'è qualche modo per inserire una sideshow full screen sopra l'header???

... ti basterebbe seguire passo passo le istruzioni che ti ha postato Claudio, in particolare per la posizione in alto, lo  STEP 2  e lo   STEP 3

... prova e nel caso posta il link di quello che hai fatto, in modo che si possa valutare...

.

Allora... ho effettuato delle prove seguendo la guida postata da claudio e questo è il risultato:

http://www.mywebsiteprova.altervista.org/

Il codice che ho utilizzato al passo 1 è il seguente:

#imHeaderBg{top: 350px; z-index:10;}

#imHeader{width: 100%; top: 350px; z-index:10;}

#imMnMn{top: 300px; z-index:10;}

#imContent{top: :0;px;}

#imContent {margin-top: 0px;}

In questo modo però ho dovuto combattere molto al passo 2 "Struttura del modello" dove ho dovuto settare a 0px l'header.

Per quanto riguarda invece wowslider ho creato tutto in fullscreen e copiato i codici in OGGETTO CODICE HTML e non ho impostato altezza automatica ma nel mio caso ho impostato 350px che è l'altezza della mia slide di prova.

Sicuramente avrò fatto mille errori ma penso anche di essermi avvicinato al risultato che volevo.

La cosa che mi lascia perplesso e che chiedo a voi ma il Logo all'interno dell'Header come faccio a centrarlo??? ...e che succede con chi visita il sito a risoluzioni maggiori?

Grazie a tutti.

Con la slideshow di Woslider, così come l'hai impostata tu, alle risoluzioni maggiori non succede nulla perchè la slide si adatta ad ogni risoluzione coprendo sempre l'intero schermo da sinistra a destra.

Ok grazie mille ma c'è qualche modo per centrare il logo?

salve a tutti. Sto lavorando ad un nuovo progetto con slideshow fatta con wowslider sopra l'header.

Sono riuscito a fare qualcosa con la versione dektop ma con le responsove ho dei problemi.

In particoloare la slide show non sia adatta nella responsive e mi rimane dello spazio dalla stessa fino all'header.

questo il link:

http://www.mywebsiteprova.altervista.org

sepro qualcuno possa aiutarmi

... alla fin fine, non hai usato l'esempio base di Giancarlo, ma il mio metodo esclusivo che ti avevo proposto all'inizio, DIV_CUSTOM+IFRAME, ma! non hai usato i miei consigli presenti nel LINK, validi se si adottasse appunto questo suggerimento:

1) per la prova, realizzare un sito semplice con pochi contenuti; con il menu in alto; con l'intestazione vuota, trasparente, ed alta 200 pixel; ...con questa opzione: Orizzontale - Menu sopra l'Header;

...!... adesso, ora come ora, per riparare quello che hai fatto rimanendo nel layout attualmente usato, devi eliminare lo SYLE extra!! dal rigo 43 al rigo 49 del tuo sorgente (Ctrl+U), ...e sostituire il mio SCRIPT dopo il mio STYLE div_iframe, con il seguente, ove ho anche aggiustato il rapporto reale delle immagini ... [3:2]:

<script>function h_iframeK(){
var ww =1600; // larghezza immagini;
var hh =1064; // altezza immagini;
var wdiviframe = document.getElementById('div_iframe').offsetWidth;
var hiframe=Math.round(wdiviframe*hh/ww);
document.getElementById('iframek').style.height=hiframe +"px";
document.getElementById('imHeader').style.height=hiframe +"px";
document.getElementById('imMnMn').style.top=hiframe +"px";
document.getElementById('imMnMnContainer').style.top=hiframe +"px";
document.getElementById('imContent').style.top= + 40 +"px";}
window.onload = function () {h_iframeK();}
window.onresize = function () {h_iframeK();} </script>
<style>.hamburger-button{background-color:white}</style>

... intanto puoi vedere il > clone temporaneo ...

... comunque, se rispetti il punto 1) con il codice originale per cui è nato, otterresti un risultato migliore senza dover strafare; un copia/incolla e via...

.