Template con menu orizzontale fisso
Autor: Salvo M.
Visitado 2781,
Seguidores 2,
Compartilhado 0
Salve,
forse dal titolo non si capisce bene cosa voglio.
io voglio dividere il sito o meglio il template in due:
la prima parte quella superiore dove c'è l'intestazione e la barra del menu che vorrei rimanga fissa...mentre la parte dei contenuti a scorrimento.
è possibile?
Publicado em
Senza andare a mettere mano al codice, e usando solo quello che website mette a disposizione, direi che in parte é fattibile, ma piú che altro per quanto riguarda il testo. Praticamente nella pagina inserisci uno slot testo. Nella pagina per inserire il testo attivi tramite il pulsante " Impostazioni per il RollOver " la modalitá barra laterale. i allego l'immagine di come mettere le impostazioni. Aumentando o diminuendo l'latezza aumenterai la zona dedicata al content. Stessa procedura si puo usare per lo slot html, tramite lo slot si puó inserire una pagine complessa per rendere la cosa ancora piú elaborata.
oppure una cosa cosi:
http://mibo.altervista.org/menufisso/
Salvo ha chiesto solo se è possibile, è vero. Credo però che fosse interessato anche a come farlo.
Per la verità sono interessatto anche io. Tempo fa avevo chiesto la stessa cosa (anche di là) ed ero giunto alla conclusione che non si potesse fare.
Per quanto riguarda i siti si puó fare qualsiasi cosa, meno che mettere un testo obliquo XD
tu dici?
http://www.ebug.it/art/171/testo_inclinato.html
A maggior ragione vale la mia risposta a Mirko.
Interessante, C'é sempre da imparare. Grazie
dovrebbe essere così per fissare sia header che menu, sopra o sotto l'intestazione
<style type="text/css">
#imHeader {position: fixed; width: 960px; z-index:10001 ; }
#imMnMn{position:fixed; left:auto;}
</style>
messo in codice per l'head, margine sup a 0
il valore width va personalizzato con quello effettivamente usato da programma.
lo z-index è troppo alto, credo che 1000 vada bene
Silver, ho provato ad inserire le tue dichiarazioni di stile.
Intestazione e Menu restano sì fissi, ma si sovrappongono alla parte superiore del contenuto, coprendolo.
Io ho messo questo:
impostazioni generali esperto codice sezione head
<style type="text/css"> #imMnMn {position:fixed ; left: 50%; margin:0 0 0 -480px; } </style>
controllato adesso, quel codice va bene,
Intestazione altezza 1
Menu altezza 150 (o quello che serve), e come sfondo menu un immagine
Con IE9 a me non funzia...solo con FF o Chrome funzia..... ciaoooo
Ho fatto altre prove con il codice di Silver. Basta impostare il margine superiore del "Contenuto della Pagina" uguale all'altezza dell'Intestazione perché questa non vi si sovrapponga. Quindi, per quanto mi risulta, funziona.
Mi pare interessante l'idea di Mirko di azzerare l'Intestazione ed utilizzare al suo posto lo sfondo del menu.
Mi riprometto di provare e, ovviamente, vi farò sapere.
Confermo. Ma si sa che IE è problematico. E poi si lamentano che perde quote di mercato!
ok, l'importante è trovare la soluzione, poi come arrivarci ci possono essere più strade
per il testo obliquo non mi stupisco che IE sia indietro, è la sua peculiarità.
OT
Mi sembra che così funga con IE9: http://lemonsong.altervista.org/test_text-rotate/
Fonte: http://www.w3schools.com/css3/css3_2dtransforms.asp
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
_ questa sera: CASTAGNACCIO! _
... però, ...su IE.7 di questo PC non funge... (anche se conta poco)
bye
Con IE 9 il testo lo mette cmq orizzontale, mentre con firefox non ho problemi.
Certo che non funge.
In Rete si possono, forse, trovare dei "rimedi" per IE7 e IE8... sempre che, per un testo inclinato, ne valga la pena
@Roberto M.
Strano, io lo vedo inclinato con IE9.
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
_ questa sera: CASTAGNACCIO! _
@Roberto M.
Hai "Visualizzazione compatibilità" attivata
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
_ questa sera: CASTAGNACCIO! _
Si infatti XD ...
... questi invece sono visibili ovunque allo stesso modo, Android compreso, ...ma ! ovviamente ! ... i(!) ESCLUSI!!!
http://www.zspace.it/kolasim/miei_files/datiesterniK/inclinato1.html
http://www.zspace.it/kolasim/miei_files/datiesterniK/inclinato2.html
... ed è testo che può essere importato dinamicamente senza toccare pagina e programma...
bye
Lo sapevo che avresti tirato fuori del flash... sembri il "dispensatore di fulmini" Zeus
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
_ questa sera: CASTAGNACCIO! _
Ho provato il sistema di Mirko, con i parametri seguenti.
Il sistema funziona. Unico inconveniente è l'impossibilità di inserire codice HTML nella pseudo Intestazione. Da questo punto di vista è preferibile la soluzione di Silver.
Giusto, ma quando lo avevo fatto io, ancora non sapevo della possibilità detta da Silver...