Unofficial WebSite X5

WebSite X5 versioni obsolete => WebSite X5 [v9] - Discussioni Generali => Topic aperto da: @xlj75VI - 13 Febbraio, 2012, 15:12:41

Titolo: Centra menù orrizzontale
Inserito da: @xlj75VI - 13 Febbraio, 2012, 15:12:41
Ciao ,
volevo sapere se è possibile centrare il menù orrizzontale..Ora se non erro parte da dx..
Titolo: Re:Centra menù orrizzontale
Inserito da: @xlj75VI - 15 Febbraio, 2012, 10:50:48
vi faccio vedere un'anteprima
Titolo: Re:Centra menù orrizzontale
Inserito da: GDR - 15 Febbraio, 2012, 11:43:18
Se non erro (non ho website davanti ma solo il suo manuale) si può fare già da programma:

Citazione
Solo per le sezioni Menu e Contenuto della Pagina sono disponibili anche le opzioni:
Margine Sinistro / Margine Destro: permettono di specificare, rispettivamente, il valore in pixel da impostare per i margini sinistro e destro.
Titolo: Re:Centra menù orrizzontale
Inserito da: essedi - 15 Febbraio, 2012, 11:52:36
 Non ho capito cos intendi ccon "parte da dx", visto che l'allineamento standard del menu è a sinistra, come del resto risulta anche dall'immagine da te allegata.

Con un modello personalizzato puoi regolare la posizione delle voci di menu tramite "margine interno sinistro" al passo 1 e tramite le voci Larghezza e Distanza tra i pulsanti al passo 4 (Impostazioni Avanzate, Menu Principale).

Nei modelli predefiniti non puoi intervenire direttamente, appunto perché predefinito. Dovresti agire sui CSS, ma qui non sono il più titolato a dare consigli.
Titolo: Re:Centra menù orrizzontale
Inserito da: BlackGrouse - 15 Febbraio, 2012, 15:30:38
Esatto, nel modello personalizzato si può fare, e l'ho fatto, agendo sul margine, invece nei predefiniti non si può.  Credo anch'io che si debba intervenire su CSS, ma forse qui ci vorrebbe un'imbeccata di stesil... ;)
Titolo: Re:Centra menù orrizzontale
Inserito da: GDR - 15 Febbraio, 2012, 15:58:39
Allora precisa meglio l'oggetto del topic riferendoti che si tratti di un template predefinito

Citazione
<style type="text/css">
body #imMnMn ul {left: 20px;}
</style>

Sono arrugginito e senza il pc con website, se non è questo aspetta "l'imbeccata".
Titolo: Re:Centra menù orrizzontale
Inserito da: BlackGrouse - 15 Febbraio, 2012, 17:38:44
Allora precisa meglio l'oggetto del topic riferendoti che si tratti di un template predefinito

Citazione
<style type="text/css">
body #imMnMn ul {left: 20px;}
</style>

Sono arrugginito e senza il pc con website, se non è questo aspetta "l'imbeccata".

Se ti riferisci a me, il problema non era mica mio, ma di  @xlj75VI... ;)
Però, me lo copio anch'io, hai visto mai che possa servire?
Per la ruggine, prova con un po' d'olio nelle giunture, fa miracoli!    :lol:

Ciao!
Titolo: Re:Centra menù orrizzontale
Inserito da: boschetti.mirko - 15 Febbraio, 2012, 20:36:29
Citazione
<style type="text/css">
body #imMnMn ul {left: 20px;}
</style>

Sono arrugginito e senza il pc con website, se non è questo aspetta "l'imbeccata".

Appena provato e funzia...anche con la ruggine, ciaooo  ;D
Titolo: Re:Centra menù orrizzontale
Inserito da: @xlj75VI - 15 Febbraio, 2012, 21:25:17
Non ho capito cos intendi ccon "parte da dx", visto che l'allineamento standard del menu è a sinistra, come del resto risulta anche dall'immagine da te allegata.

Con un modello personalizzato puoi regolare la posizione delle voci di menu tramite "margine interno sinistro" al passo 1 e tramite le voci Larghezza e Distanza tra i pulsanti al passo 4 (Impostazioni Avanzate, Menu Principale).

Nei modelli predefiniti non puoi intervenire direttamente, appunto perché predefinito. Dovresti agire sui CSS, ma qui non sono il più titolato a dare consigli.
Caspita hai ragione.... :-[

Citazione
<style type="text/css">
body #imMnMn ul {left: 20px;}
</style>

Sono arrugginito e senza il pc con website, se non è questo aspetta "l'imbeccata".

Appena provato e funzia...anche con la ruggine, ciaooo  ;D


Grazie!!!! Dove inserisco il codice???
Titolo: Re:Centra menù orrizzontale
Inserito da: essedi - 15 Febbraio, 2012, 23:15:07
Provato anch'io ed è perfetto.

@xlj75VI Il codice va inserito al passo 1, Impostazioni Generali, Scheda Esperto, Codice personalizzato per la sezione HEAD.
Titolo: Re:Centra menù orrizzontale
Inserito da: BlackGrouse - 16 Febbraio, 2012, 00:30:13
Ho provato anch'io, ma non funziona bene. Il menù si sposta, ma quando c'è un menù a comparsa, questo scende tutto spostato a sinistra. Provate a cliccare su Livello 1.

http://provex2012.altervista.org (http://provex2012.altervista.org)

Se però togliete "ul" (che non ho idea che cosa vuol dire), il menù a comparsa scende bene, ma si sposta tutta la linea del menù compreso lo sfondo. Non so se mi sono spiegato bene, comunque provate.


<style type="text/css">
body #imMnMn ul {left: 20px;}
</style>

Saluti    :)
Titolo: Re:Centra menù orrizzontale
Inserito da: milux - 16 Febbraio, 2012, 07:40:31
Provato anch'io ed è perfetto.

@xlj75VI Il codice va inserito al passo 1, Impostazioni Generali, Scheda Esperto, Codice personalizzato per la sezione HEAD.


Se stai usando un modello predefinito posso capire il senso di usare quel codice, ma con un modello personalizzato la posizione del menu la definisci nelle proprietà al passo 1.


In alternativa per costruire un modello personalizzato utilizzando lo schema di un predefinito, ci si impiega all'incirca 5 minuti di orologio e si possono successivamente modificare i vari parametri..



Titolo: Re:Centra menù orrizzontale
Inserito da: GDR - 16 Febbraio, 2012, 08:53:10
Prova con questo:

Codice:
Only registered users can see contents. Please click here to Register or Login.
Titolo: Re:Centra menù orrizzontale
Inserito da: BlackGrouse - 16 Febbraio, 2012, 14:53:08
Prova con questo:

Codice:
Only registered users can see contents. Please click here to Register or Login.


Ora funziona bene, pare che fosse solo un problema di sintassi.
A questo punto, però, non si potrebbe centrare anche  il menù a comparsa rispetto alla voce relativa del menù principale? ora sta tutto a sinistra e non mi pare che ci sia nelle impostazioni un'opzione idonea.
L'esempio è sempre quello:
http://provex2012.altervista.org (http://provex2012.altervista.org)

Grazie!
Titolo: Re:Centra menù orrizzontale
Inserito da: milux - 16 Febbraio, 2012, 15:10:51
fai il sotto-menù della stessa larghezza del menù principale e scegli centrato per entrambi come allineamento del testo.
[attach=1]
Titolo: Re:Centra menù orrizzontale
Inserito da: BlackGrouse - 16 Febbraio, 2012, 18:32:42
Infatti, normalmente faccio così, ma se nel menù ci sono delle parole piccole, esteticamente non ci sta molto bene.
Però è un falso problema, nel senso che si può certamente ovviare come tu hai suggerito.

Ciao    :)
Titolo: Re:Centra menù orrizzontale
Inserito da: @xlj75VI - 07 Marzo, 2012, 17:44:42
Prova con questo:

Codice:
Only registered users can see contents. Please click here to Register or Login.

Grazie GDR è perfetto!!!Il menu è centratissimo!!!

P.S. Che differenza c'è con questo?!?
<style type="text/css">
body #imMnMn ul {left: 50px;}
</style>
Titolo: Re:Centra menù orrizzontale
Inserito da: stesil - 08 Marzo, 2012, 18:33:07
P.S. Che differenza c'è con questo?!?
<style type="text/css">
body #imMnMn ul {left: 50px;}
</style>

Ciao,
utilizzando #imMnMn ul lo stile impostato viene utilizzato per tutte le liste ul contenute nel div con id imMnMn, quindi quella del menu principale e, se c'è, quella dei menu a comparsa, mentre con il selettore gerarchico #imMnMn > ul lo stile viene impostato solo per le liste direttamente discendenti del div imMnMn, quindi in questo caso solo per il menu principale.

Poi left:50px sposta di 50 px la posizione della lista del menu rispetto al margine sinistro del suo contenitore, cioè sempre il div imMnMn, mentre margin-left:50px assegna un margine sinistro alla lista di 50 px sempre rispetto al contenitore ... e,  in questo caso, l'effetto che si ottiene è identico.
Titolo: Re:Centra menù orrizzontale
Inserito da: StratoS - 18 Marzo, 2012, 16:04:35
...In alternativa per costruire un modello personalizzato utilizzando lo schema di un predefinito, ci si impiega all'incirca 5 minuti di orologio e si possono successivamente modificare i vari parametri..
Vorrei suggerire a tutti gli utilizzatori di WX (tutte le versioni) di non usare mai i modelli predefiniti ma, come suggerisce milux, estrapolare da essi i contenuti e lavorare sul modello personalizzato, in questo modo e con pochissimo tempo si ottengono risultati migliori senza aggiunta di codici.
La cosa utilie di questa discussione, comunque, è quella che, sperimentando, si capiscono e imparano cose nuove e quindi ben vengano, ma quando si ha la possibilità di fare le stesse cose senza starsi a smattire e magari, con un risultato migliore (non dal punto di vista estetico ma pratico), tutto cio che avete letto in questo topic tenetelo come bagaglio e per fare il layout del vostro sito con WX untilizzate sempre il modello personalizzato. ;)
Ciao.
Augusto.