La parte top del sito FISSA
Autore: Francesco M.
Visite 2533,
Followers 1,
Condiviso 0
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
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.....
Oppure:
<style type="text/css">
#imHeader{position:fixed; top:0px;}
</style>
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?
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>
@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.... e ti confermo che funzia anche con la 10 perchè lo avevo già provato...
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!
Al passo 1 hai inserito lo sfondo pie di pagina trasparente...?
Autore
In che modo posso farlo? Al passo 1 Non trovo nessuna opzione che mi consente di fare ciòn che mi hai suggerito..
Al passo 1, quando sei nella schermata dove vedi le icone dei tuoi progetti, fai doppio clicc sul progetto, e poi vedi qui:
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):
Autore
ti allego qui il progetto che non mi fa modificare
Clicca su duplica, poi lo ritroverai nei personalizzati, e li fai quello che vuoi....
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:
manca una riga al codice, leggu bene piu su
Veroooo...manca questo, non avevo notato:
#imContent, #imContentGraphics {padding-top: 190px;}
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>
Un link aiuterebbe ad aiutarti...
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:
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.
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
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>
Oops!
Miiiiiiiiiiii, al secondo!
22, 26 e 37 giocateli al lotto sulla ruota della fortuna
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!