WebSite X5Help Center

 
Andrea T.
Andrea T.
User

Come creare un header fisso e immobile  it

Autore: Andrea T.
Visite 1829, Followers 1, Condiviso 0  

Salve a tutti, 
sto tentando di ricreare un sito web come questo: https://sites.google.com/view/treccozzi

Quello che non riesco a fare è replicare la barra header che rimanga fissa durante lo scroll della pagina. Come posso realizzarne uno identico? 

Grazie. 

Postato il
2 RISPOSTE - 1 UTILE
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese FRUtente del mese PL

... tutto vien da se; avviare il programma, cliccare e consultare la guida...laughing

... per ciò che non risultasse chiaro, postare domande in merito, presentando LINK e STAMP per valutare... 

>>  1.  Passo 2 - Modello > Sticky Bar

.

Leggi di più
Postato il da  ‪ KolAsim ‪ ‪
Esse Di
Esse Di
User

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

Leggi di più
Postato il da Esse Di