Come creare un header fisso e immobile
Autore: Andrea T.
Visite 2066,
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
... tutto vien da se; avviare il programma, cliccare e consultare la guida...
... per ciò che non risultasse chiaro, postare domande in merito, presentando LINK e STAMP per valutare...
>> 1. Passo 2 - Modello > Sticky Bar
.
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