GDRCD5.1 &quot;Advanced&quot; - Modulo Menù

Pagine → 1 2

zenida

World of Tanks ↗
Lanciati in epiche battaglie spalla a spalla con altri giocatori. Conquista la supremazia nel mondo dei Carri Armati!

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.

leoblacksoul

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

animanera13

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

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]

gilgaer

New World Order ↗
Diventa un agente del Nuovo Ordine Mondiale e affronta le forze occulte che minacciano il pianeta Terra in questo GDR Urban Fantasy per Mobile!

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 ;)

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]

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]

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]

cindy1979

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

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??

salemk