[RISOLTO][GDRCD 5.4.1] - Centrare icone in menù laterale sx

Pagine → 1 2 3 4 5

01/06/2017 10:39:03 e modificato da merovingio il 01/06/2017 11:45:16

Seralia e Raysmoke buongiorno.^^

Allora, ho applicato al CSS la parte del Fiddle di Raysmoke, e seguito le indicazioni di Seralia su link_menu_inc.php.

L'esito attuale è questo:

Le due parti di codice interessate le seguenti:

CSS

/* Raysmoke-Seralia */

div .button {
padding: 3px;
width: 20px;
margin: 4px;
display: inline-block;
}

.holder {
text-align: center;
margin: auto;
}

.wrap {
margin: auto;
}

LINK_MENU.INC.PHP

<div class="wrap">
<div class="holder">


<?php
$raw_counter=0;

foreach ($PARAMETERS[$mkey] as $key => $link_menu) {

if (!empty($link_menu['url'])) {
$content = '';
if (empty($link_menu['image_file'])) {
if (!empty($link_menu['text'])) {
$content .= '>' . gdrcd_filter('out', $link_menu['text']);
}
} elseif (!empty($link_menu['sprite'])) {
$link_menu['class'] = (empty($link_menu['class']) ? 'sprite' : $link_menu['class'] . ' sprite');
$content = 'style="background-image: url(themes/' . $PARAMETERS['themes']['current_theme'] . '/imgs/' . $mkey . '/' . $link_menu['image_file'] . ')"

alt="' . gdrcd_filter('out',
$link_menu['text']) . '" title="' . gdrcd_filter('out', $link_menu['text']) . '">';
} else {
if (empty($link_menu['image_file_onclick'])) {
$img_up = $link_menu['image_file'];
$img_down = $link_menu['image_file'];
} else {
$img_up = $link_menu['image_file'];
$img_down = $link_menu['image_file_onclick'];
}
$content = ' onMouseOver="n' . $mkey . $raw_counter . '_over_button()" onMouseOut="n' . $mkey . $raw_counter . '_up_button()"><img src= "themes/' .

$PARAMETERS['themes']['current_theme'] . '/imgs/' . $mkey . '/' . $link_menu['image_file'] . '" alt="' . gdrcd_filter('out',
$link_menu['text']) . '" title="' . gdrcd_filter('out',
$link_menu['text']) . '" name="n' . $raw_counter . '_buttonOne" />';
echo '<SCRIPT LANGUAGE="JavaScript"> if (document.images) { var n' . $mkey . $raw_counter . '_button1_up = new Image(); n' . $mkey . $raw_counter .

'_button1_up.src = "themes/' . $PARAMETERS['themes']['current_theme'] . '/imgs/' . $mkey . '/' . $img_up . '"; var n' . $mkey . $raw_counter . '_button1_over

= new Image(); n' . $mkey . $raw_counter . '_button1_over.src = "themes/' . $PARAMETERS['themes']['current_theme'] . '/imgs/' . $mkey . '/' . $img_down .

'";} function n' . $mkey . $raw_counter . '_over_button() { if (document.images) { document["n' . $mkey . $raw_counter . '_buttonOne"].src = n' . $mkey .

$raw_counter . '_button1_over.src;}} function n' . $mkey . $raw_counter . '_up_button() { if (document.images) { document["n' . $mkey . $raw_counter .

'_buttonOne"].src = n' . $mkey . $raw_counter . '_button1_up.src}}</SCRIPT>';
}

echo '<div class="button"><a href="' . $link_menu['url'] . '" id="link_' . $mkey . '_' . $key . '"';
foreach ($link_menu as $k => $v) {
if (!in_array($k, array('text', 'image_file', 'url', 'image_file_onclick', 'sprite'))) {
echo $k . '="' . $v . '"';
}
}
echo $content . '</a></div>';
}
$raw_counter++;
}

/*HELP: Il menu viene generato automaticamente attingendo dalle informazioni contenute in config.inc.php. Tutte
le istruzioni su come usare e configurare i menù sono riportate nel file config.inc.php */ ?>
</div></div>
</div>

Dove ho sbagliato?
Grazie ancora.

EDIT 10.47 -> Anche ripristinando il page_body e aggiungendo il </div> finale per chiudere il tag, mi è sparito il modulo del meteo e del luogo in alto. ops!

EDIT 11.45 -> Boh, si è ripristinato il modulo.O_O"""

Hero Wars ↗
Costruisci la tua squadra di eroi leggendari e domina il campo di battaglia! Strategia, tattica e potenza si scontrano in questo RPG ricco di azione!

quota

seralia

SCRIVI

01/06/2017 12:01:20

Il meteo è in un'altra pagina.. forse lo sovrascrivevi.
C'è qualcosa che non mi torna... io ce l'ho fatta a mettere la roba allineata, smanettando su gdrcd... e senza cambiare i div.
Appena ho un attimo per capire come diavolo ho fatto provo a postare la configurazione che ho usato

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

merovingio

SCRIVI

01/06/2017 12:40:16

Mi è venuto il dubbio. Questa parte di codice dove avrei dovuto applicarla?

Questo codice non l'ho inserito da nessuna parte.
Ho solo applicato il CSS e il codice alla pagina php.

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

raysmoke

SCRIVI

01/06/2017 12:43:58

Buongiorno, dunque se ho ben capito sbriciando da cell Seralia ha già integrato lo spezzone che ti avevo scritto al codice del gdrcd. Il risultato che mostri mi lascia pensare che hai qualche css che sovrascrive quello che ti ho dato, forzando gli elementi in colonna.

Usando ispeziona elemento sulle icone, controlla nella sezione css che non ci sia qualcosa che sovrascrive !

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

quota

merovingio

SCRIVI

01/06/2017 12:52:31

Dunque, ho fatto lo stamp evidenziando uno alla volta i div.
Spero di aver fatto giusto.

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

quota

seralia

SCRIVI

01/06/2017 15:41:13

raysmoke ha scritto: Buongiorno, dunque se ho ben capito sbriciando da cell Seralia ha già integrato lo spezzone che ti avevo scritto al codice del gdrcd.

Esatto.
Il codice che ho scritto è solo l'integrazione html/php per la pagina link_menu.ink senza toccare niente altro relativamente al tuo fiddle.
Quindi la parte di codice che chiedi "dove vada applicata", merovingio, è esattamente quello che ho applicato facendoti cambiare link_menu :)

Dai tuoi screen vedo che è rimasto ancora il div del Page_body dopo Wrap ed Holder... avevi provato a toglierlo?

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

merovingio

SCRIVI

01/06/2017 15:49:19

Ho provato entrambe le opzioni, ma non ci sono cambiamenti di sorta.
Per scrupolo, riporto il code e lo stamp dell'ispeziona aggiornati.

NosTale ↗
Con l’aiuto della spada e della bacchetta magica risolverai abilmente intricate missioni e domerai coraggiosamente mostri selvaggi!

quota

merovingio

SCRIVI

05/06/2017 09:51:12

Buongiorno a tutti.^^

Dunque, nel weekend ho provato a cambiare, spostare, muovere...niente da fare.

Attendo vostre ulteriori, altrimenti riparto da zero e troverò altra soluzione. sigh!

Buona giornata a tutti!

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

quota

raysmoke

SCRIVI

05/06/2017 10:35:54

Il problema è che mi rimane difficile aiutarti attraverso screen e cose dette. Magari da qualche parte hai un display:block che sovrascrive che non vedremo mai e stiamo qui a scervellarci.

Il consiglio che mi viene da darti è di lasciare il link e un account di test, almeno te lo sistemo real time da ispeziona elemento appena mi metto al pc.

L'alternativa a sto punto è riparti da capo in modo ordinato. Assicurati di azzerare margin e padding dei container. E procedi un passo per volta. Il fiddle che ti ho dato, se si incolonna in quel modo significa che o è stato messo all'interno di un elemento padre che sovrascrive lo stile dei figli o che da qualche parte hai un css che sovrascrive quello che ti ho dato.

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

quota

merovingio

SCRIVI

05/06/2017 10:44:18

Ok Ray.

http://acdm.altervista.org/

Non ho modificato l'account di test di gdrcd, quindi user e pwd sono sempre le stesse.^^

Se dai una occhiata e non trovi nulla, ricomincio come mi dici tu, ricarico tutto da zero e provo ad applicare il vostro codice prima di fare qualsiasi altra modifica.