Intestazione fissa
Autor: Marco D.
Visited 1673,
Followers 3,
Udostępniony 0
Premetto che ho da poco iniziato ad usare Website 12 e sono inesperto.
Vorrei sapere se è possibile fissare l'intestazione nel sito in modo che scorra solo il contenuto della pagina.
Vi ringrazio anticipatamente.
Posted on the
Il menù sicuramente ...E Forse se nel template giochi su questo spazio potresti pure riuscirci ... È solo un idea . Purtroppo ho solo il tablet e non posso nemmeno lavorarci su per darti certezze , ma così ti diverti un pochino pure tu ;) . Temp ad dietro però feci qualcosa del genere visto che l'intestazione ti permette senza difficoltà molti giochini simpatici ...utilizzando un immagine dell' intestazione come sfondo di un'altra zona . Naturalmente tutti i codici html li devi poi posizionare con logica altrove . .
con questo css, posizionato al passo 4, Codice, Seo &....., tab esperto, prima della chiusura del tag head...
puoi fissare tutti gli elementi: nell'ordine: footer, intestazione, menu, contenuto pagina, personalizzando i valori in neretto secondo le tue necessità ed eventualmente cancellando le righe degli elementi che non ti servono fissi...
<style type="text/css">
body #imFooter {position: fixed; bottom: 0;}
body #imHeader {position: fixed; top: 0;}
body #imMnMn {position: fixed; top: 150px;}
body #imContent {top: 186px;left:0;}
</style>
ciao
Autor
Vi ringrazio, ma ho ancora qualche problema.
Non so se la procedura è giusta (sono inesperto), ho inserito un Codice HTML in Personalizzazione del Modello con i seguenti dati:
<style type="text/css">
body #imHeader {position: fixed; top: 0px; width: 1200px; height:245px; z-index: 50;}
body #imMnMn{position:fixed; top: 245px; left:auto;}
body #imContent, #imContentGraphics {padding-top: 280px;}
</style>
Funziona tutto bene, intestazione fissa menu fisso, il problema è se si riduce la pagina (uso il Modello Responsive) rimane lo spazio intestazione fisso e anche il marchio rimane sempre fisso non si muove.
Probabilmente è da aggiungere altri dati per il modello responsive.
Ringrazio anticipatamente.