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

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">
<!--<div class="page_body">-->

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

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

01/06/2017 12:40:16

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

<div class="wrap">
<div class="holder">
<div class="button"><a href="#"><img src="https://www.gdr-online.com/images/icone/star.png" /></a></div>
<div class="button"><a href="#"><img src="https://www.gdr-online.com/images/icone/star.png" /></a></div>
<div class="button"><a href="#"><img src="https://www.gdr-online.com/images/icone/star.png" /></a></div>
<div class="button"><a href="#"><img src="https://www.gdr-online.com/images/icone/star.png" /></a></div>
<div class="button"><a href="#"><img src="https://www.gdr-online.com/images/icone/star.png" /></a></div>
<div class="button"><a href="#"><img src="https://www.gdr-online.com/images/icone/star.png" /></a></div>
<div class="button"><a href="#"><img src="https://www.gdr-online.com/images/icone/star.png" /></a></div>
<div class="button"><a href="#"><img src="https://www.gdr-online.com/images/icone/star.png" /></a></div>
</div>
</div>

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

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 !

01/06/2017 12:52:31

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

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?

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.

<div class="wrap">
<div class="holder">
<!--<div class="page_body">-->

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

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!

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.

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.