Larghezza MENU indipendente dall Header 
Autore: Raffaele M.
Visite 3314,
Followers 1,
Condiviso 0
salve...è possibile che la barra del menu non segua le dimensioni dell'header?
impostato l'header a 960px ovviamente il menu ha la stessa dimensione, io vorrei che il background del menu, che nel mio caso non è fisso ma segue lo scorrimento della pagina, iniziasse a sinistra dello schermo e finisse a destra dello schermo, .....ecco un esempio:
http://www.templaza.com/demo/j/scrollart/
grazie
Postato il
Buongiorno Raffaele,
per realizzare un menù come quello che del sito devi nascondere il menù standard di WebSite X5 (rendendo invisibili tutte le pagine) e personalizzare il codice HTML inserendo un menù in jquery o un script in javascript, personalizzandolo e creandolo.
Se vuoi in rete puoi trovare molti siti con dei menù già realizzati che mettono a disposizione il codice già prondo da personalizzare e incollare nel sito.
In questo modo puoi avere il tuo menù personalizzato.
Spero di esserti stato di aiuto.
Per prima cosa devi utilizzare un modello personalizzato.
Definisci uno Sfondo della Pagina che includa il background del menu ed al Menu attribuisci uno sfondo trasparente.
Più o meno come descritto qui.
http://answers.websitex5.com/post/44502#6
Autore
grazie della risposta
Esse Di grazie ma sono io che non mi sono spiegato bene, dovevo scrivere menu fisso invece ho scritto il contrario. la tua soluzione è ottima ma il menu scompare con lo scroll della pagina, io invece ho bisogno che sia fisso.
Allora cosi:
Passo 1 Esperto/Head:
<style type="text/css"> #imMnMn{ position: fixed; top:93%; bottom:0px; </style>
Allora imposta come fissi sia lo sfondo sia il menu (sopra l'Intestazione).
Per rendere fisso il menu, puoi guardare qui
http://www.essedi.altervista.org/menufisso/
Autore
grazie delle risposte ho preso spunto da voi risolvendo il problema.
quindi...ho un'immagine di background che non voglio tenera fissa, ho un menu che voglio tenere fisso sopra l intestazione ma che prenda tutta la finestra del browser per avere l effetto di questo modello realizzato con joomla, http://www.templaza.com/demo/j/scrollart/ ...soluzione..anche se non esattamente uguale al modello
<style type="text/css"> #imMnMn{ position: fixed; width:100%; } </style>
ispirata da
mirko mi sembra che col tuo codice il menu rimane fisso a fine pagina ma nel modello joomla che ho linkato il menu inizia con una posizione a fondo pagina ma ritorna su appena scrolli la pagina...comunque anche se non ho lo stesso effetto ho tratto spunto da te visto che mi interessava soprattutto risolvere la larghezza del menu, e col codice <style type="text/css"> #imMnMn{ position: fixed; width:100%; } </style> rimane fisso al top e prende tutta la larghezza della finestra, sbagliavo con tra absolute e fixed, in effetti se fossero stati uguali non li avrebbero chiamati diversamente....
grazie.
Siccome abbiamo tutti da imparare qualche cosa, puoi indicarci un link dove il tuo sistema funziona?
Autore
http://ncoroma.altervista.org
comunque non è un mio sistema, nella mia testa pensavo ad absolute come fixed, invece fixed a differenza di absolute non ha genitori quindi si imposta alla larghezza della finestra del browser..almeno credo....io ho provato con ie9 , chrome ed un paio di dispositivi mobili e sembra fungere.
da quello che ho visto nelle tue pagine non mi sembra che tu debba imparare da me
comunque non ho fatto altro che inserire tre file .js come vedi nel codice della pagina e stabilire un tempo di 2000 per lo spostamento tranne che per la home a 1000 ma quello dipende da te e dalle tue esigenze... ciao
Autore
scusate ma non scrivo spesso qui...la discussione è stata chiusa da me involontariamente o viene chiusa dopo un certo tempo?
Ribadisco che tutti abbiamo da imparare, e questo a prescindere dal problema di cui stiamo discutendo.
Ritornando a noi, tutto quello che ho detto non ha nulla a che fare con il tuo sito, per il semplice motivo che avevo capito cose completamente diverse
Avevo capito che volessi realizzare un sito normale con il menu fisso in cima alla pagina e la barra del menu estesa anche al di fuori della larghezza della pagina.
Non voglio parlare per gli altri, ma ho l''impressione che anche Mirko avesse capito la stessa cosa.
Adesso mi accorgo che invece il tuo problema era realizzare un sito con una sola pagina, con un menu le cui voci invece di aprire delle pagine scrollano l'unica pagina presente.
Altro equivoco: avevo capito che avevi risolto semplicemente con la stringa
<style type="text/css"> #imMnMn{ position: fixed; width:100%; } </style>
ed a questo mi riferivo quando ho chiesto di vedere dove avevi risolto.
A desso scopro che hai inserito ben (pardon solo) tre moduli js. Non mi pare che ne avessi fatto menzione.
E per concludere: ma sei certo che volevi raggiungere questo risultato?
Visualizzando il sito a schermo pieno su uno display di 1600 x 900 pixel, la pagina appare decentrata a sinistra, il menu spostato a sinistra e la barra del menu senza i trattini sulla destra.
Certo che si.....la avevo capita anche io cosi...
Autore
allora non è questo il sito su cui lavoro, mi avevi chiesto una prova, te l ho caricata al volo,
io non ho capito perchè me l hai chiesta ..bastava che tu inserivi questo codice
in qualsiasi tuo progetto con w5 e vedevi che il menu è al top fisso e prende tutta la finestra...e non è significativo il fatto che si tratta di una pagina o piu pagine......è decentrata perche lo sfondo se vedi nel codice non è impostato alto sinistra ma solo alto..e il margine menu è a 200 px left...l ho fatto in fretta ...vabbè..poi i puntini non mi interessano quel background menu è una semplice foto che puoi modificare come vuoi, la fai larga 5mm e la ripeti in orizzontale...arriviamo al punto...
essedi:
"Avevo capito che volessi realizzare un sito normale con il menu fisso in cima alla pagina e la barra del menu estesa anche al di fuori della larghezza della pagina."
...e infatti avevi capito bene....il codicemi consente proprio quello che tu avevi capito, a prescindere dal resto... ho spiegato che mirko scrivendo "fixed" mi ha fatto riflettere che io utilizzavo erroneamente "absolute" e sappiamo bene la differenza tra loro.
comunque mi è andata bene perchè anche capendo un'altra cosa mi avete portato alla soluzione
ps: questo link che l ho messo a fare ? http://www.templaza.com/demo/j/scrollart/ :-)
ciao grazie
Autore
scusate non mi ha incollato il codice
<style type="text/css"> #imMnMn{ position: fixed; width:100%; } </style>
Mi arrendo. Mi hai vinto per stanchezza.