Layout top-botton e menu

Layout top-botton e menu postato il 10/07/2015 16:38:11 nel forum programmazione, open source e hosting

Salve ragazzi,

In pratica vorrei che il main fosse diviso in questo modo :

Menu in alto e output in basso.

Nel config setto

$PARAMETERS['themes']['kind_of_layout'] = 'top-bottom';


/*CONFIGURAZIONE DELLE COLONNE*/

// ON: è attiva la colonna/riga specificata
// OFF: è disattiva
$PARAMETERS['top_column']['activate'] ='ON';
$PARAMETERS['bottom_column']['activate']='ON';
$PARAMETERS['left_column']['activate'] ='OFF';
$PARAMETERS['right_column']['activate'] ='OFF';




$PARAMETERS['top_bottom']['box']['link_menu']['class']='menu';
$PARAMETERS['top_bottom']['box']['link_menu']['page']='link_menu'; //Menu' del gioco.

fatto questo, output me l'ho da sotto ma il menu manco compare e se comparisse come faccio a formattarlo ?( tutti in fila orizzontale)

Grazie e buona giornata

10/07/2015 16:47:56

$PARAMETERS['top_bottom']['box']['link_menu']['class']='menu';
$PARAMETERS['top_bottom']['box']['link_menu']['page']='link_menu'; //Menu' del gioco.

E' sbagliato il punto dove ho sottolineato il codice

o valori per le colonne sopra e sotto sono: $PARAMETERS['top_column'] e $PARAMETERS['bottom_column']

$PARAMETERS['top_column']['box']['link_menu']['class']='menu';
$PARAMETERS['top_column']['box']['link_menu']['page']='link_menu'; //Menu' del gioco.

Ricordati inoltre che per avere settato il layout con solo il frame top se vuoi avere un layout senza i frame laterali ma con solo quello in alto settando:

$PARAMETERS['themes']['kind_of_layout'] = 'top'

10/07/2015 16:50:45

ora il menu si intravede, però come faccio a settarlo orizzontale?

10/07/2015 17:40:27

li devi lavorare sulle proprietà del menu tramite i css.

Ti consiglio di ispezionare l'html, attivando gli strumenti di sviluppo che ormai tutti i browser hanno integrati con Ctrl + Maiusc + i e vedere quali proprietà hanno i vari elementi del menù.

Solitamente se il menù è in verticale i vari elementi o sono elementi che nativamente vengono visualizzati come blocchi, tipo i div o gli elementi degli elenchi, e a quel punto vanno trasformati in elementi che si susseguano orizzontalmente, tipo trasformandoli in inline-block con la proprietà display:inline-block.

Queste però sono nozioni base dei css, ti consiglierei di dare una occhiata a qualche guida sui css prima di addentrarti in queste modifiche se non sai come fare.

Siti utili per questo:
http://www.w3schools.com/css/default.asp http://www.w3schools.com/css/default.asp ↗

Se me ne viene in mente qualche altro di valido lo aggiungo poi

13/07/2015 10:21:40

ho messo inline-block al div link menu, funziona. vedrò se c'è qualche problema vi scrivo sicuramente. grazie per intanto e buona giornata.

13/07/2015 11:09:31

Non edito così vi arriva la notifica, vero aveva ragione la formattazione così viene data a tutti i menu. impossibile distinguere ?

13/07/2015 14:00:57

puoi restringere la formattazione degli elementi indicando nella regola l'identificativo di un elemento che li contiene.

Per esempio se

div.link_menu
{
display:inline-block;

}

applicava la regola display a tutti i div con la classe link_menu

.menu div.link_menu
{
display:inline-block;

}

applicherà la regola solo ai div con classe link_menu contenuti dentro ad un elemento con la classe menù.

Con lo stesos principio si possono fare regole specifiche per situazioni simili.

16/07/2015 14:35:34

purtroppo il link_menu come classe viene usato sia dal menu sia dalla lista per esempio del menu utente o del menu gestione ecc

16/07/2015 14:55:39

Si ma considerando la struttura delle pagine del gdrcd la classe link_menu contenuta dentro la pagina di gestione sarà gerarchicamente strutturata così:

<div class="output">

<div class="pagina_gestione">
[...]
<div class="page_body">
<div class="link_menu">
<a href="main.php?page=log_chat"></a>
</div>

Mentre quella del link menu così:

<div class="menu">
[...]

<div class="page_body">
<div class="link_menu">
<a href="main.php?dir=-1">Aggiorna</a>
</div>

per cui il css:
.menu div.link_menu

agirà soltanto sulle voci di link_menu interne al menu.

Un esempio di cos aintendo lo puoi vedere qui:

https://jsfiddle.net/dkn71ts2/ https://jsfiddle.net/dkn71ts2/ ↗

17/07/2015 09:30:52

si ho capito ora grazie ci tento subito.