Unofficial WebSite X5

Categoria generale => Discussioni generali => Topic aperto da: potatoparty - 08 Aprile, 2015, 15:01:17

Titolo: Come fare Header Fisso mentre scrollo
Inserito da: potatoparty - 08 Aprile, 2015, 15:01:17
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
Titolo: Re:Come fare Header Fisso mentre scrollo
Inserito da: milux - 08 Aprile, 2015, 19:51:08
nel sito di Essedi trovi tutto ciò che cerchi:

http://essedi.altervista.org/_EVO11/_menufisso/index.html
Titolo: Re:Come fare Header Fisso mentre scrollo
Inserito da: potatoparty - 08 Aprile, 2015, 21:23:05
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?
Titolo: Re:Come fare Header Fisso mentre scrollo
Inserito da: ziobello1976 - 28 Febbraio, 2018, 09:24:06
nel sito di Essedi trovi tutto ciò che cerchi:

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



il sito è bloccato  :-\
Titolo: Re:Come fare Header Fisso mentre scrollo
Inserito da: essedi - 02 Marzo, 2018, 10:25:32
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
Titolo: Re:Come fare Header Fisso mentre scrollo
Inserito da: ziobello1976 - 02 Marzo, 2018, 15:26:48
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:
:(
Titolo: Re:Come fare Header Fisso mentre scrollo
Inserito da: ziobello1976 - 02 Marzo, 2018, 16:58:26
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  ;D
qui c'è gente preparata  8)
Titolo: Re:Come fare Header Fisso mentre scrollo
Inserito da: ziobello1976 - 02 Marzo, 2018, 17:03:03
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] :(
Titolo: Re:Come fare Header Fisso mentre scrollo
Inserito da: ziobello1976 - 02 Marzo, 2018, 17:07:18
ci sono riuscito!!!


ho aggiunto questo nel codice


#imMnMn {position:fixed; left:auto;}
[/size]
[/size]Grazie 8)
Titolo: Re:Come fare Header Fisso mentre scrollo
Inserito da: essedi - 02 Marzo, 2018, 18:06:00
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
Titolo: Re:Come fare Header Fisso mentre scrollo
Inserito da: essedi - 02 Marzo, 2018, 18:09:47
ci sono riuscito!!!


ho aggiunto questo nel codice


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

Grazie 8)


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
Titolo: Re:Come fare Header Fisso mentre scrollo
Inserito da: ziobello1976 - 02 Marzo, 2018, 21:52:58
ci sono riuscito!!!


ho aggiunto questo nel codice


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

Grazie 8)


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ù