Nascondere Header e Footer e rendere visibile solo il menù 
Autore: Luigi Dell'aquila
Visite 2291,
Followers 1,
Condiviso 0
Ciao a tutti
Nella versione 13 per nascondere Header e Footer e rendere visibile solo il menù avevo questo script inserito prima della chiusura del tag HEAD: "<style>
#imHeader, #imHeaderBg, #imFooter, #imFooterBg {display:none;}
#imMnMn {position:fixed !important; top:0px !important;left:0;text-align:center;width:100%;}
</style>".
Nella versione 14 non funziona perchè sono cambiati gli ID dei vari oggetti. Se creo la pagina senza applicare il modello è vero che Header e Footer vengono nascosti, ma anche il menù e la Sticky Bar vengono nascosti.
Chi mi può cortesemente aiutare?
Grazie
Postato il
Puoi procedere in questo modo: In contenuto modello, cancelli tutti i contenuti in header e footer, poi in struttura modello, azzeri i valori di header e footer.
Metterai in ogni pagina poi l'oggetto menù nella posizione che vuoi.
Ciao
Autore
Grazie Giorgio, ma non credo che sia una soluzione. Il sito ha tantissime pagine e non visualizzare l'Header e il Footer mi serve solo in due pagine.
con questo css in proprietà pagina, tab esperto, prima della chiusura del tag head, cancelli gli elementi dell'header (in questo caso, il titolo, un testo e una immagine e la immagine di background, lasciando il menu, che però si posiziona sempre all'altezza predefinita nelle impostazioni del modello...
<style>
#imHeader_imObjectTitle_02_wrapper {display:none;}
#imHeader_imTextObject_04_wrapper {display:none;}
#imHeader_imObjectImage_05_wrapper {display:none;}
#imHeader {background-image:none;}
</style>
il tag del menu è #imHeader_imMenuObject_03...
da modificare l'id degli oggetti presenti nel tuo header... e da aggiustare l'altezza dell'header alle tue esigenze...
Autore
Ciao Skeggia, ma qual è il codice da inserire per regolare l'altezza dell'header? e il codice per il footer?
Grazie
... se postavi il link di riferimento, anche un esempio si poteva interpretare meglio la situazione in atto, facendo prima...
per l'altezza header e il posizionamento del menu. relativamente all'altezza dell'header (se lo togli del tutto il menu va a top:0;)...
#imHeader {background-image:none;height:270px !important;}
#imHeader_imMenuObject_03_wrapper {top:200px !important;}
per il footer è #imFooter... e gli oggetti prendono il nome (ad es. di una immagine)...
#imFooter_imObjectImage_01_wrapper... la logica è la stessa dell'header...
ciao
P.S. - Da valutare le conseguenze in responsive alle risoluzioni inferiori, ma credo che ripetendo i vari comandi usati, con relativi aggiustamenti di misure, all'interno delle @media (......), non dovresti avere ripercussioni... (non ho provato)...
Autore
Mi inizia ad uscire il fumo dalla testa, per fare un paragone informatico posso affermare che la RAM è andata in blocco
https://www.gabbievuote.it/iframe/p.html
Ho inserito il codice che hai scritto (ok per il Footer, ho capito) però l'Header occupa sempre lo spazio anche se in bianco.
<style>
#imHeader_imObjectTitle_02_wrapper {display:none;}
#imHeader_imTextObject_04_wrapper {display:none;}
#imHeader_imTextObject_03_wrapper {display:none;}
#imHeader_imObjectImage_05_wrapper {display:none;}
#imHeader {background-image:none;height:270px !important;}
#imHeader_imMenuObject_03_wrapper {top:200px !important;}
</style>
Autore
Ho fatto una prova. Ho creato la pagina 1.html senza applicare il modello (non ho inserito alcun codice) https://www.gabbievuote.it/iframe/1.html e ho inserito l'Oggetto Menu. Ora va quasi bene (l'header e il footer non ci sono e non occupano spazio), ma con lo scrool il menù va via e la sticky Bar non appare perchè giustamente alla pagina ho cliccato senza applicare il modello.
Come posso far apparire la sticky Bar oppure lasciare il menù fisso in alto?
Grazie
... secondo me basterebbe solo:
<style> #imCell_2 { position:fixed;z-index:3 };</style>
... prova per verificare...
.
chiama il 115... los bomberos!!!
come scrive Kol dovrebbe andarti bene... il testo scorre sotto... però devi mettere il menu a 0 in alto... e magari fallo un po' più ingombrante... tipo stickybar... ciao...
Autore
Nella pagina 1.html ho inserito il codice di Kolasim è funziona. Il testo scorre sotto però comunque il menù è fisso in alto.
@Skeggia non ho capito come fare a mettere il menù a 0. Ho provato a inserire nel tag <style> #imHeader_imMenuObject_03_wrapper {top:0px !important;} (non se sia giusto), ma non cambia nulla.
<style> #imCell_2 { position:fixed;z-index:3;top:-6px }</style>
... casomai modificherai il "-6" per quel che ti serve...
... comunque, secondo me, sarebbe sempre meglio evitare qualsiasi tipo di manipolazione extra, sempre se possano essere raggiunti stessi risultati configurando allineamenti, bordi e margini tramite le opzioni del programma...
.
Autore
Grazie a tutti per la pazienza, ora è perfetto.