Come fare Header Fisso mentre scrollo

[potatoparty]

Ciao a tutti, ho appena scoperto questo sito , davvero ottimo per persone come me alle prime armi con website x5,

Sto realizzando un sito e-commerce,  ed mi sorge un problema vorrei ottenere effetto dell Header(logo, tasto cerca, ecc) fisso mentre scrollo la pagina .
Stesso effetto che ha il sito ZARA per intenderci che ha  il logo fisso ZARA mentre scrollo.

Saluti

Grazie

[milux]

nel sito di Essedi trovi tutto ciò che cerchi:

http://essedi.altervista.org/_EVO11/_menufisso/index.html

[potatoparty]

Grazie finalmente!!!

altro che Website answer x5

voi siete il meglio 

ps: che sito utile ma ce ne sono altre tipo queste con altre funzioni?

[ziobello1976]

nel sito di Essedi trovi tutto ciò che cerchi:

http://essedi.altervista.org/_EVO11/_menufisso/index.html

il sito è bloccato 

[essedi]

nel sito di Essedi trovi tutto ciò che cerchi:

http://essedi.altervista.org/_EVO11/_menufisso/index.html

il sito è bloccato 

Potrei anche ripristinarlo, ma varrebbe solo per la versione 11.
Per tenere Header e Menu fissi nella versione 14, basta inserire in

Impostazioni - Avanzate - Statistiche SEO e Codice - Esperto - Prima della chiusura del tag HEAD

il seguente codice

<!-- Inizio codice CSS per Header e Menu fissi       -->
<style>

  #imHeaderBg {position: fixed; top: 0px; z-index: 50;}
  #imHeader {position: fixed; top: 0px; left: 50%; margin-left: -480px; width: 960px; height:120px; z-index: 50;}
  #imContent {padding-top: 120px;}
 
</style>
<!-- Fine codice CSS per Header e Menu fissi         -->

Ovviamente il Menu deve essere inserito nell'Header

Il codice vale per un sito desktop largo 960 pixel, con l'Header alto 120 pixel

[ziobello1976]

nel sito di Essedi trovi tutto ciò che cerchi:

http://essedi.altervista.org/_EVO11/_menufisso/index.html

il sito è bloccato 

Potrei anche ripristinarlo, ma varrebbe solo per la versione 11.
Per tenere Header e Menu fissi nella versione 14, basta inserire in

Impostazioni - Avanzate - Statistiche SEO e Codice - Esperto - Prima della chiusura del tag HEAD

il seguente codice

<!-- Inizio codice CSS per Header e Menu fissi       -->
<style>

  #imHeaderBg {position: fixed; top: 0px; z-index: 50;}
  #imHeader {position: fixed; top: 0px; left: 50%; margin-left: -480px; width: 960px; height:120px; z-index: 50;}
  #imContent {padding-top: 120px;}
 
</style>
<!-- Fine codice CSS per Header e Menu fissi         -->

Ovviamente il Menu deve essere inserito nell'Header

Il codice vale per un sito desktop largo 960 pixel, con l'Header alto 120 pixel

Grazie essedi, ho provato però ho due problemini:

• il menù si posiziona in alto e non riesco ad abbassarlo
• il menù scorre ancora

[ziobello1976]

Grazie finalmente!!!

altro che Website answer x5

voi siete il meglio 

ps: che sito utile ma ce ne sono altre tipo queste con altre funzioni?

non facciamoli nemmeno certi paragoni 
qui c'è gente preparata 

[ziobello1976]

nel sito di Essedi trovi tutto ciò che cerchi:

http://essedi.altervista.org/_EVO11/_menufisso/index.html

il sito è bloccato 

Potrei anche ripristinarlo, ma varrebbe solo per la versione 11.
Per tenere Header e Menu fissi nella versione 14, basta inserire in

Impostazioni - Avanzate - Statistiche SEO e Codice - Esperto - Prima della chiusura del tag HEAD

il seguente codice

<!-- Inizio codice CSS per Header e Menu fissi       -->
<style>

  #imHeaderBg {position: fixed; top: 0px; z-index: 50;}
  #imHeader {position: fixed; top: 0px; left: 50%; margin-left: -480px; width: 960px; height:120px; z-index: 50;}
  #imContent {padding-top: 120px;}
 
</style>
<!-- Fine codice CSS per Header e Menu fissi         -->

Ovviamente il Menu deve essere inserito nell'Header

Il codice vale per un sito desktop largo 960 pixel, con l'Header alto 120 pixel

Grazie essedi, ho provato però ho un problemino, [size=78%]il menù scorre ancora[/size]

[ziobello1976]

ci sono riuscito!!!


ho aggiunto questo nel codice


#imMnMn {position:fixed; left:auto;}
[/size]
[/size]Grazie

[essedi]

Grazie finalmente!!!

altro che Website answer x5

voi siete il meglio 

ps: che sito utile ma ce ne sono altre tipo queste con altre funzioni?

Credo che tu stia facendo dell'ironia, visto che il sito segnalato da Milux è sospeso

[essedi]

ci sono riuscito!!!


ho aggiunto questo nel codice


#imMnMn {position:fixed; left:auto;}

Grazie

Avevo chiaramente indicato che il mio codice era per la versione 14.

Anche se oramai hai risolto da solo, per la versione X5 Evolution 13 trovi indicazioni qui

http://www.essedi.altervista.org/_EVO13/_menufisso/index.html

[ziobello1976]

ci sono riuscito!!!


ho aggiunto questo nel codice


#imMnMn {position:fixed; left:auto;}

Grazie

Avevo chiaramente indicato che il mio codice era per la versione 14.

Anche se oramai hai risolto da solo, per la versione X5 Evolution 13 trovi indicazioni qui

http://www.essedi.altervista.org/_EVO13/_menufisso/index.html

aggiornamento: funziona, peró in modalità responsive sparisce l’header e il menù