Layout top-botton e menu

Layout top-botton e menu postato il 10/07/2015 16:38:11 nel forum programmazione, gdrcd, open source, 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

Entropia Universe ↗
Lascia che il tuo avatar esplori nuovi mondi e viaggi tra i pianeti in questo stupendo MmoRpg Sci-Fi Free to Play!

quota

Pagine → 1

dyrr

SCRIVI

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'

Entropia Universe ↗
Lascia che il tuo avatar esplori nuovi mondi e viaggi tra i pianeti in questo stupendo MmoRpg Sci-Fi Free to Play!

quota

pamela4e

SCRIVI

10/07/2015 16:50:45

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

Enlisted ↗
Guida la tua squadra di soldati in combattimenti su larga scala, con fanteria, veicoli corazzati e aerei della IIa Guerra Mondiale!

quota

dyrr

SCRIVI

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

Lineage II ↗
Entra in uno sconfinato mondo fantasy dominato da razze in contrasto tra loro. Scatena i tuoi poteri in uno dei Mmo più famosi al mondo!

quota

pamela4e

SCRIVI

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.

Exclusive Villa GdR ↗
Las Vegas, azzardo, vizi, soldi, intrighi... Più le sue luci sono scintillanti, più le sue ombre sono oscure. La città che non dorme mai, vi aspetta.

quota

pamela4e

SCRIVI

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 ?

World of Warship ↗
MMO gratuito con frenetiche battaglie navali ambientate nel ventesimo secolo. Salpa con la tua nave ed affronta i nemici!

quota

dyrr

SCRIVI

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.

Exclusive Villa GdR ↗
Las Vegas, azzardo, vizi, soldi, intrighi... Più le sue luci sono scintillanti, più le sue ombre sono oscure. La città che non dorme mai, vi aspetta.

quota

pamela4e

SCRIVI

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

CRSED: F.O.A.D. ↗
Brutale sparatutto MMO in cui vince l'ultimo giocatore che resta in vita nell'arena! Ogni giocatore sarà accompagnato da armi realistiche e magie!

quota

dyrr

SCRIVI

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ì:

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/ ↗