WebSite X5Help Center

 
Francesco M.
Francesco M.
User

La parte top del sito FISSA  it

Autore: Francesco M.
Visite 2533, Followers 1, Condiviso 0  
Parole Chiave: alto,del,fissa,in,parte,sito,top

Buongiorno, ho realizzato due siti. Durante lo scorrimento in basso delle pagine, vorrei per entrambi i siti poter mantenere ferma la parte top del sito (quella in alto). In poche parole questa parte dovrebbe restare sempre visibile e non deve scomparire quando si scorre la pagina. E' possibile farlo? Se si come?

Postato il
24 RISPOSTE - 6 UTILI - 1 CORRETTO
Mirko Boschetti
Mirko Boschetti
Moderator

Prova con questo al passo 1:

<style type="text/css">

#imMnMn {position:fixed ; left: auto; }

#imHeaderBg{position:fixed; top:0px;}

</style>


dovrebbe essere giusto.....ora sono da ipad, ma penso funzioni.....

Leggi di più
Postato il da Mirko Boschetti
Mirko Boschetti
Mirko Boschetti
Moderator

Oppure:

<style type="text/css">

#imHeader{position:fixed; top:0px;}

</style>

Leggi di più
Postato il da Mirko Boschetti
Francesco M.
Francesco M.
User
Autore

Ciao, grazie per avermi risposto immeditamente. Dove di preciso devo mettere il codice, nella sezione esperto nel campo del codice personalizzato? In caso affermativo quale delle opzioni devo scegliere tra quelle che figurano dal menù a discesa?

Leggi di più
Postato il da Francesco M.
Mirko Boschetti
Mirko Boschetti
Moderator

 Ciao eccomi, scusa ho detto una castronata prima, metti in sezione esperto al passo 1,prima della chiusura del tag HEAD, questo:

<style type="text/css">

  #imHeader {position: fixed; top: 30px; width: 960px; height:160px; z-index: 50;}

  #imMnMn{position:fixed; top: 0px; left:auto;}

  #imContent, #imContentGraphics {padding-top: 190px;}

</style>

Leggi di più
Postato il da Mirko Boschetti
Mirko Boschetti
Mirko Boschetti
Moderator
Esse Di
@Francesco Questo è fatto per la versione 9, ma credo che possa andare bene anche per la 10. http://www.essedi.altervista.org/menufisso/index.html Guarda se una delle soluzioni illustrate (e spiegate) può fare al caso tuo.

infatti lo ho copiato dal tuo perchè sono con ipad e non ho il computer davanti.... Wink e ti confermo che funzia anche con la 10 perchè lo avevo già provato...

Leggi di più
Postato il da Mirko Boschetti
Francesco M.
Francesco M.
User
Autore

Ciao Mirko, ho dovuto adattare la tua dritta cambiando dei valori. In questo modo ottengo ciò che voglio ma ho un solo problema: quando il contenuto di una pagina è breve si crea il problema di visualizzazione in basso (come vedi lo sfonfo non è più quello azzurro ma c'è quella figura anomala). Ti allego lo screenshot.

Questo è il codice riadattato: 

<style type="text/css">

#imHeader {position: fixed; top: 0px; width: 995px; height: 240px; z-index: 50;}

#imMnMn{position:fixed; top: 210px; left:auto;}

</style>

Grazie di tutto!

Leggi di più
Postato il da Francesco M.
Mirko Boschetti
Mirko Boschetti
Moderator

Al passo 1 hai inserito lo sfondo pie di pagina trasparente...?

Leggi di più
Postato il da Mirko Boschetti
Francesco M.
Francesco M.
User
Autore

In che modo posso farlo? Al passo 1 Non trovo nessuna opzione che mi consente di fare ciòn che mi hai suggerito..

Leggi di più
Postato il da Francesco M.
Mirko Boschetti
Mirko Boschetti
Moderator

Al passo 1, quando sei nella schermata dove vedi le icone dei tuoi progetti, fai doppio clicc sul progetto, e poi vedi qui:

Leggi di più
Postato il da Mirko Boschetti
Francesco M.
Francesco M.
User
Autore

Ciao Mirko, in questi giorni non ci sono stato per una breve vacanzina :) Allora, purtroppo per questo progetto non riesco ad accedere alla pagina che mi hai allegato. Per intenderci subito ti metto due screenshot (uno in cui vedi un altro progetto mio modificabile e l'altro in cui vedi questo in oggetto che non mi fa modificare):

Leggi di più
Postato il da Francesco M.
Francesco M.
Francesco M.
User
Autore

ti allego qui il progetto che non mi fa modificare

Leggi di più
Postato il da Francesco M.
Mirko Boschetti
Mirko Boschetti
Moderator

Clicca su duplica, poi lo ritroverai nei personalizzati, e li fai quello che vuoi....

Leggi di più
Postato il da Mirko Boschetti
Francesco M.
Francesco M.
User
Autore

MIrko sono riuscito tranquillamente a fare ciò che mi hai chiesto ma il problema è rimasto. (solo in quelle pagine in cui c'è poco contenuto). In allegato ti mostro ancora una volta il problema:

Leggi di più
Postato il da Francesco M.
Template By Silver™
Template By Silver™
User

manca una riga al codice, leggu bene piu su

Leggi di più
Postato il da Template By Silver™
Mirko Boschetti
Mirko Boschetti
Moderator

Veroooo...manca questo, non avevo notato:

 #imContent, #imContentGraphics {padding-top: 190px;}

Leggi di più
Postato il da Mirko Boschetti
Francesco M.
Francesco M.
User
Autore

In realtà avevo sbagliato a fare il copia e incolla sopra. La riga è presente nel progetto:

<style type="text/css">

#imHeader {position: fixed; top: 0px; width: 995px; height: 240px; z-index: 50;}

#imMnMn{position:fixed; top: 210px; left:auto;}

#imContent, #imContentGraphics {padding-top: 190px;}

</style>

Leggi di più
Postato il da Francesco M.
Mirko Boschetti
Mirko Boschetti
Moderator

Un link aiuterebbe ad aiutarti... Wink

Leggi di più
Postato il da Mirko Boschetti
Esse Di
Esse Di
User

Il codice sembra chiaramente preso dal mio sito di test, richiamato nel post 5 di questa discussione.

Mi sento in dovere di fare alcune precisazioni.

Prima precisazione

I valori delle proprietà vanno ovviamente adattati alle circostanze. Nel caso specifico: se l'altezza dell'Intestazione è di 240 pixel (height: 240px in #imHeader), lo stesso valore dovrebbe essere utilizzato per la proprietà top di #imMnMn e la proprietà padding-top di #imContent e #imContentGraphics, in luogo di 210 e 190 presi pari pari dal mio esempio. A meno di utilizzi volontariamente creativi (non mi sembra questo il caso).

Seconda precisazione

Non è vero che il codice scritto a suo tempo per la versione 9 sia valido anche per la versione 10, per due motivi:

  1. EVO 10 ha introdotto lo "Sfondo dell'Intestazione" (assente in EVO 9), di cui occorre tenere conto (ma questo è il meno, soprattutto se il nuovo elemento non viene utilizzato)
  2. In EVO 9 il Piè di Pagina (regolato da imFooter) era incluso nello Sfondo del Piè di Pagina (regolato da imFooterBg): fissando quest'ultimo, veniva fissato automaticamente anche il Piè di Pagina. In EVO 10 non è più così: Intestazione e Piè di Pagina sono indipendenti dai rispettivi Sfondi.

Qui è possibile trovare le informazioni per tenere fisse le varie sezioni di un sito in EVO 10

http://www.essedi.altervista.org/_EVO10/_menufisso/index.html

Terza precisazione (al momento la più importante)

I miei esempi valgono per modelli con Menu orizzontale, sopra o sotto l'Intestazione.

Francesco utilizza un modello con Menu verticale a sinistra.

Ebbene, ho provato ad applicare i miei codici ad un modello con Menu verticale. Ma, almeno fino ad ora, ho ottenuto lo stesso inconveniente denunciato da Francesco: sotto allo Sfondo del piè di Pagina è presente un pezzo del Contenuto della Pagina.

Magari qualcuno più bravo (Lemonsong?, Silvana?) può spiegarci l'arcano.

Leggi di più
Postato il da Esse Di
 lemonsong  
 lemonsong  
User

Ho solo la demo, ma credo che l'id#imContentGraphics non debba essere inserito.

Inoltre il valore di height (240px) dell'id #imHeader non lo capisco.

_______ oltre il 5° step ________

http://www.unofficialwsx5.com

Leggi di più
Postato il da  lemonsong  
 stesil  
 stesil  
User

Forse dovresti togliere il padding a imContentGraphics ... ha già un valore di top pari all'altezza dell'header:

<style type="text/css">
#imHeader {position: fixed; top: 0px; width: 995px; z-index: 50;}
#imMnMn {position:fixed; top: 196px; left:auto;}
#imContent {padding-top: 196px;}
</style>

Leggi di più
Postato il da  stesil  
 stesil  
 stesil  
User

Oops! Smile

Leggi di più
Postato il da  stesil  
 lemonsong  
 lemonsong  
User

Miiiiiiiiiiii, al secondo! Smile

22, 26 e 37 giocateli al lotto sulla ruota della fortuna Laughing

Leggi di più
Postato il da  lemonsong  
Francesco M.
Francesco M.
User
Autore

Anzitutto, grazie a tutti per l'interesse che avete mostrato!! Silavana e Lemonsong al millesimo di secondo avete risolto il problema! Ho comunque copiato il codice di Silvana pari pari e l'arcano (come scriveva esseDì) è stato risolto. Grazie ancora! Grazie anche a Mirko che mi ha dato l'input (sulla scia del lavoro di esse Dì) di come ottenere il top della pagina fisso!

Leggi di più
Postato il da Francesco M.