GDRCD5.1 "Advanced" - Modulo Menù

GDRCD5.1 "Advanced" - Modulo Menù postato il 09/01/2012 19:04:13 nel forum programmazione, gdrcd, open source, hosting

Mi chiedevo se esite un modo semplificato dal file Config di spostare il modulo Menù (Aggiorna, bacheca, scheda ect) sul top_frame con i pulsanti disposti in modo orizzontale e non verticale come sono ora sul Left_frame?

In caso non ci fosse il modo operando solo sul Config, è sufficiente disporre la cosa sul link_menu.inc.php?

Grazie!

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

Pagine → 1 2

zenida

SCRIVI

09/01/2012 23:46:38

Il config serve solo per leggere dei parametri, delle informazioni che è possibile poi sfruttare nel codice per generare i contenuti in base alle proprie esigenze.
In poche parole non bisogna agire su quel file, li bisogna solo spostare il menu dalla colonna sinistra a quella superiore (Vedi Riga 137 del file "config.inc.php") ma come hai giustamente osservato, devi modificare il file "link_menu.inc.php" in quanto li le varie voci vengono generate come elementi blocco (i famosi DIV) che per loro natura finiscono a cascata l'uno sopra l'altro (a meno che non si modifichi da css la proprietà Float).

In conclusione o fai generare degli Span al posto dei Div oppure dal CSS devi impostare la proprietà Float su Left.

Questo disporrà in orizzontale gli elementi. Ma sicuramente dovrai adottare qualche piccolo accorgimento per migliorare la resa grafica che probabilmente funzionerà ma magari sarà da ottimizzare.

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

leoblacksoul

SCRIVI

10/01/2012 20:27:55

zenida ha scritto:
In conclusione o fai generare degli Span al posto dei Div oppure dal CSS devi impostare la proprietà Float su Left.

Oppure usi un elegantissimo "display: inline-block;" che ormai funziona bene su quasi tutti i browser. Io lo uso di continuo perchè impostare i float causa solo mal di testa a volte.

---
Non chiedetemi aiuto in privato per questioni di programmazione; chiedete sul forum e eventualmente vi risponderò lì.
http://gdrportal.eu - Hosting per GDR

quota

animanera13

SCRIVI

20/01/2012 04:43:03

leoblacksoul ha scritto:

zenida ha scritto:
In conclusione o fai generare degli Span al posto dei Div oppure dal CSS devi impostare la proprietà Float su Left.

Oppure usi un elegantissimo "display: inline-block;" che ormai funziona bene su quasi tutti i browser. Io lo uso di continuo perchè impostare i float causa solo mal di testa a volte.

Scusate intervengo a sproposito...ma display:inline-block; dove andrebbe?

/** * Menù di gioco
*/
select#gotomap{
display:block;
width:160px;
margin:0 auto 15px auto;
}

div.link_menu{
padding:0 0 0 20px;
font-size:14px;
}

div.link_menu a{
display:block;
padding:5px;
text-align:left;
}

div.link_menu a:hover{
background-color:#cfcfcf;
text-decoration:none;
-moz-border-radius:5px; /* Bordi arrotondati */
-webkit-border-radius:5px;
-khtml-border-radius: 5px;
border-radius:5px;
}

perchè io l'ho messo un po in ogni dove ad un certo punto ho detto "tho devo" creare una classe a parte...ma manco quella funziona...quindi mi trovo sempre quei stracappero di link sotto al box di "chat/main"

Chi fa da se fa per tre ma....si accettano volentieri consigli

quota

new_dojinshi

SCRIVI

05/10/2012 14:37:44

Il risultato finale sarebbe un menu in alto con i pulsanti affiancati com'è ad esempio sulla mia land? (prova a dare un'occhiata negli screen shot della scheda di gioco tanto per farti un'idea.. in caso ti dico come ho fatto io -> https://www.gdr-online.com/new_dojinshi.asp)

.:Loki di New Dojinshi:.

[Utenza condivisa Staff di New Dojinshi GDR]

quota

gilgaer

SCRIVI

05/10/2012 18:28:55

Ho avuto lo stesso problema anch'io, piacerebbe sapere anche a me come hai fatto, N.Dojishi, ad ottenere un risultato come il tuo ;)

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

new_dojinshi

SCRIVI

05/10/2012 19:12:28 e modificato da new_dojinshi il 05/10/2012 19:13:30

Personalmente ho attivato in pratica attivato il left e top con il file config dell'advanced. Ho aggiunto il modulo menu al frame top invece che al left com'è di base nel GDRCD.

Poi, personalmente, ho fatto una piccola modifica al file link_menu.inc.php (il file che viene richiamato e caricato come modulo del menu).

Attualmente ho conservato il codice nativo del GDRCD 5.1 Adv. nel file left-top_frame.inc.php

if($PARAMETERS['top_column']['activate'] == 'ON')
{
?>

<div id="framecontentTop">
<div class="innertube_top">
<div class="colonne_top" style="heigth: 154px;">
<?php
foreach($PARAMETERS['top_column']['box'] as $box)
{
echo '<div class="'.$box['class'].'">';
gdrcd_load_modules('pages/'.$box['page'].'.inc.php');
echo '</div>';
}
?>
</div>
</div>
</div>
<?php
}
?>

Nel file modulo del menu superiore "link_menu.inc.php" la struttura è, anche questa, quella base del GDRCD, ho poi qualche modifica mia personale ai due "echo" che stampano i pulsanti perchè li ho fatto personalizzabili.. ma non è essenziale, si può usare tranquillamente il codice originale di creazione menu.

Ho dichiarato nei css (puoi utilizzare il main.css tranquillamente) la classe:

div.menu_top{
margin:0px auto;
padding:0px;
height:154px;
}

che viene inserita dal codice del GDRCD dichiarando in config:

$PARAMETERS['top_column']['box']['link_menu']['class']='menu_top';
$PARAMETERS['top_column']['box']['link_menu']['page']='link_menu';

menu_top come classe del modulo che verrà caricato con i parametri descritti nel css con il "div.menu_top" che ti ho riportato sopra (la grandezza poi la puoi variare come preferisci io gli ho dato un "height: 154px;" ma può essere più alto o più basso in base a cosa ti serve ovviamente.

E personalmente ho semplicemente modificato la classe "link_menu" già presente utilizzando il float e non ricordo se avevo ritoccato anche le classi a cascata, ma te li riporto così in caso li controlli se son diversi o meno, non mi ricordo onestamente:

div.link_menu{
padding:0 0 0 0;
font-size:14px;
float: left;
}
div.link_menu a{
display:block;
padding:5px;
text-align:left;
}
div.link_menu a:hover{
background-color:#39A39E;
text-decoration:none;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius: 5px;
border-radius:5px;
}

Il "div.link_menu a:hover" serve per fargli "accendere" un colore di sfondo che di fatto visualizzi intorno al pulsante quando ci passi sopra con il mouse quindi se non lo vuoi basta azzerare lo sfondo dell'a:hover.

Dovrebbero bastare queste due cose per fare il menu in alto. ;)

.:Loki di New Dojinshi:.

EDIT per modifica bbcode "quote" in "code" ne avevo sbagliati un paio pardon.

.:Loki di New Dojinshi:.

[Utenza condivisa Staff di New Dojinshi GDR]

quota

new_dojinshi

SCRIVI

05/10/2012 20:00:40

Di nulla figurati,

pardon, è vero perchè io questo problema non ce l'ho, tutti gli altri menu li ho fatti in un altro modo quindi non ho questo "effetto collaterale" chiedo scusa :P

Allora fai così...

ripristini i css precedenti (te li riprendo dal "main.css" del GDRCD 5.1 adv. di base:

div.link_menu{
padding:0 0 0 20px;
font-size:14px;
}

div.link_menu a{
display:block;
padding:5px;
text-align:left;
}

div.link_menu a:hover{
background-color:#cfcfcf;
text-decoration:none;
-moz-border-radius:5px; /* Bordi arrotondati */
-webkit-border-radius:5px;
-khtml-border-radius: 5px;
border-radius:5px;
}

dopo di che aggiungi sotto anche subito sotto questo codice:

div.link_menu_top{
padding:0 0 0 0;
font-size:14px;
float: left;
}
div.link_menu_top a{
display:block;
padding:5px;
text-align:left;
}
div.link_menu_top a:hover{
background-color:#39A39E;
text-decoration:none;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius: 5px;
border-radius:5px;
}

Fatto questo apri il file "link_menu.inc.php" e modifica questo

echo '<div class="link_menu">ecc....

in modo che diventi invece così:

echo '<div class="link_menu_top">ecc....

Dovresti così ottenere un menu in alto orizzontale, e tutti gli altri menu invece verticali com'erano da principio.

.:Loki di New Dojinshi:.

.:Loki di New Dojinshi:.

[Utenza condivisa Staff di New Dojinshi GDR]

quota

new_dojinshi

SCRIVI

05/10/2012 20:46:35

eheh :P

Di nulla figurati ;)

Spero di esser stato d'aiuto a questo punto anche all'autore del 3d, credo che il problema era comune :D vediamo in caso se serve altro ^_^

.:Loki di New Dojinshi:.

[Utenza condivisa Staff di New Dojinshi GDR]

quota

cindy1979

SCRIVI

02/11/2012 11:01:42

ottima soluzione, a 1280*800 il tutto e centrato, mentre aumentando la risoluzione a 1440*900 lo stesso menu finisce per rimanere tutto a sinistra lasciando uno spazio vuoto a destra, sinceramente brutto da vedere, qualcuno ha una soluzione a questo problema??

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

quota

salemk

SCRIVI

13/01/2015 15:48:24 e modificato da salemk il 13/01/2015 15:50:58

Scusate se riesumo questo post ma volevo chiedere se esisteva una soluzione anche per chi, come me, vorrebbe ottenere lo stesso risultato ma tenendo la conformazione:
left-top-right e non solo left-top.
In quanto ho fatto delle prove e mantenendo la conformazione dei layot : lef-top o right-top, effettivamente si ottiene l'allineamento del menù in orizzontale.
Invece in quello left-top-right, permane in questo modo:

http://oi62.tinypic.com/m937e9.jpg

p.s: uso il gdrcd 5.2.2