WebSite X5Help Center

 
Francesco M.
Francesco M.
User

La parte top del sito FISSA  it

Auteur : Francesco M.
Visité 2538, Followers 1, Partagé 0  
Mots-clés :: 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?

Posté le
24 RéPONSES - 6 UTILE - 1 CORRECT
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.....

Lire plus
Posté le de Mirko Boschetti
Mirko Boschetti
Mirko Boschetti
Moderator

Oppure:

<style type="text/css">

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

</style>

Lire plus
Posté le de Mirko Boschetti
Francesco M.
Francesco M.
User
Auteur

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?

Lire plus
Posté le de 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>

Lire plus
Posté le de 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...

Lire plus
Posté le de Mirko Boschetti
Francesco M.
Francesco M.
User
Auteur

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!

Lire plus
Posté le de Francesco M.
Mirko Boschetti
Mirko Boschetti
Moderator

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

Lire plus
Posté le de Mirko Boschetti
Francesco M.
Francesco M.
User
Auteur

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

Lire plus
Posté le de 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:

Lire plus
Posté le de Mirko Boschetti
Francesco M.
Francesco M.
User
Auteur

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

Lire plus
Posté le de Francesco M.
Francesco M.
Francesco M.
User
Auteur

ti allego qui il progetto che non mi fa modificare

Lire plus
Posté le de Francesco M.
Mirko Boschetti
Mirko Boschetti
Moderator

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

Lire plus
Posté le de Mirko Boschetti
Francesco M.
Francesco M.
User
Auteur

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:

Lire plus
Posté le de Francesco M.
Template By Silver™
Template By Silver™
User

manca una riga al codice, leggu bene piu su

Lire plus
Posté le de Template By Silver™
Mirko Boschetti
Mirko Boschetti
Moderator

Veroooo...manca questo, non avevo notato:

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

Lire plus
Posté le de Mirko Boschetti
Francesco M.
Francesco M.
User
Auteur

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>

Lire plus
Posté le de Francesco M.
Mirko Boschetti
Mirko Boschetti
Moderator

Un link aiuterebbe ad aiutarti... Wink

Lire plus
Posté le de 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.

Lire plus
Posté le de 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

Lire plus
Posté le de  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>

Lire plus
Posté le de  stesil  
 stesil  
 stesil  
User

Oops! Smile

Lire plus
Posté le de  stesil  
 lemonsong  
 lemonsong  
User

Miiiiiiiiiiii, al secondo! Smile

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

Lire plus
Posté le de  lemonsong  
Francesco M.
Francesco M.
User
Auteur

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!

Lire plus
Posté le de Francesco M.