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

Sea of Conquest ↗
Vivi un'avventura tra i mari! Dal cuore del Mare del Diavolo, un paradiso piratesco brulicante di magia, tesori e avventure, salperai verso l'ignoto!

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'

Metin2 ↗
Sfida i tuoi rivali a battersi con te e dimostra la tua superiorità in questo mondo fantasy!

quota

pamela4e

SCRIVI

10/07/2015 16:50:45

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

DarkOrbit ↗
Galassie remote e pericoli in agguato ti attendono. Vinci battaglie avvincenti in DarkOrbit: diventa un cosmonauta temerario e combatti!

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

OGame ↗
In OGame migliaia di giocatori da tutto il mondo competono tra di loro per conquistare l'intero universo!

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.

Crossout ↗
Tuffati nel mondo di Crossout, il gioco MMO d'azione post apocalittico! Costruisci le tue speciali macchine da combattimento!

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 ?

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

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.

War Thunder ↗
Aviazione, veicoli corazzati e flotte militari della seconda guerra mondiale. Parteciperai a tutte le principali battaglie!

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

Pandora Upside Down High School ↗
La prima scuola per sovrannaturali al mondo vi attende! Scoprite il vostro cammino Ancestrale relazionandovi con i compagni e le attività dei club

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/