WebSite X5Help Center

 
Luigi Dell'aquila
Luigi Dell'aquila
User

Nascondere Header e Footer e rendere visibile solo il menù  it

Autor: Luigi Dell'aquila
Besucht 2293, Followers 1, Geteilt 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

Gepostet am
13 ANTWORTEN - 4 NüTZLICH - 1 KORREKT
Giorgio C.
Giorgio C.
User

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

Mehr lesen
Gepostet am von Giorgio C.
Luigi Dell'aquila
Luigi Dell'aquila
User
Autor

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.

Mehr lesen
Gepostet am von Luigi Dell'aquila
Skeggia 12
Skeggia 12
Moderator

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...

Mehr lesen
Gepostet am von Skeggia 12
Luigi Dell'aquila
Luigi Dell'aquila
User
Autor

Ciao Skeggia, ma qual è il codice da inserire per regolare l'altezza dell'header? e il codice per il footer?

Grazie

Mehr lesen
Gepostet am von Luigi Dell'aquila
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats ESNutzer des Monats PT

... se postavi il link di riferimento, anche un esempio  si poteva interpretare meglio la situazione in atto, facendo prima...

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Skeggia 12
Skeggia 12
Moderator

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)...

Mehr lesen
Gepostet am von Skeggia 12
Luigi Dell'aquila
Luigi Dell'aquila
User
Autor

Mi inizia ad uscire il fumo dalla testa, per fare un paragone informatico posso affermare che la RAM è andata in blocco laughing

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> 

Mehr lesen
Gepostet am von Luigi Dell'aquila
Luigi Dell'aquila
Luigi Dell'aquila
User
Autor

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

Mehr lesen
Gepostet am von Luigi Dell'aquila
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats ESNutzer des Monats PT

... secondo me basterebbe solo:

<style> #imCell_2 { position:fixed;z-index:3 };</style>

... prova per verificare...

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Skeggia 12
Skeggia 12
Moderator

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...

Mehr lesen
Gepostet am von Skeggia 12
Luigi Dell'aquila
Luigi Dell'aquila
User
Autor

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.

Mehr lesen
Gepostet am von Luigi Dell'aquila
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats ESNutzer des Monats PT
Luigi Dell'aquila
... ... ... come fare a mettere il menù a 0. ... ... ... 
 ... senza andare a disturbare o verificare altri enti, e facendo le opportune differenze (-6), (ad occhio e croce), potresti semplicemente risolvere aggiungendo il controllo della posizione TOP al mio precedente codice:

<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...

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Luigi Dell'aquila
Luigi Dell'aquila
User
Autor

Grazie a tutti per la pazienza, ora è perfetto.

Mehr lesen
Gepostet am von Luigi Dell'aquila