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

Pagine → 1  2  3  4  5 

merovingio

SCRIVI

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:
img

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

Seconda EraSeconda Era ↗
Vaste terre coperte di ombre e misteri, dove ogni eroe scrive la storia del Mondo di Eidel. Seconda Era, Play By chat

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

Hero WarsHero 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

merovingio

SCRIVI

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.

Seconda EraSeconda Era ↗
Vaste terre coperte di ombre e misteri, dove ogni eroe scrive la storia del Mondo di Eidel. Seconda Era, Play By chat

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 !

Exclusive Villa GdRExclusive 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

merovingio

SCRIVI

01/06/2017 12:52:31

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

img

img

img

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

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?

Exclusive Villa GdRExclusive 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

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.

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


img

Hero WarsHero 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

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!

The CovenThe Coven ↗
Negli scorci di luce delle paludi della Louisiana fioriscono nuove ombre. Estend e la Congrega ti aspettano per vivere emozionanti avventure!

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.

Crash Bandicoot ZoneCrash Bandicoot Zone ↗
Caos, libertà e risate: nel GDR ambientato nell’universo di Crash Bandicoot, ogni storia è possibile… e nulla è troppo folle!

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.

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

quota

Discussione seguita da › merovingio › rt1978

Pagine → 1  2  3  4  5 

Rispondi alla Discussione + Segui Discussione Inoltra Discussione Forum Programmazione, GDRCD, Open Source, Hosting Elenco Forum

Articoli, Interviste e altre Risorse!

Opensignal
Opensignal
I migliori operatori telefonici mobile per giocare online secondo Opensignal!
La quest dell’Eroe
La quest dell’Eroe
La quest dell’Eroe in The Silmarillion di J.R.R. Tolkien
I Vampiri
I Vampiri
La nascita del Vampiro nella letteratura e nel cinema Europei
Classifica 2024
Classifica 2024
La classifica dei giochi più visitati sul portale nell'anno 2024!

Pubblicità

Ultime dal Portale

news RAID Shadow Legends: Evento "Febbre del Drop"

forum frost ha risposto alla discussione: Gioco investigativo e politico

Storie di Agarthi Storie di Agarthi → Un Varco si apre davanti a te, un mondo tra i mondi è a portata di mano. Lasciati alle spalle le certezze, inizia l'avventura!

gdrrank I dati del generatore di rank sono stati aggiornati!

news Opéra: La Reine du Bal

news Le Cronache di Raja Dunia: Aggiornamento Informazioni Personaggio

Winged Keys Rpg: Gioco Chiuso!

Hero Wars 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!

news Hikaru No Tohei - Le Luci di Tohei: Butanews! - È finito lo "Slash 'em All Twice"! 🔪❌

news Enlisted: Aggiornamento 0.7.0.82

risposta Il gestore di Black Sails Chronicles ha risposto alla recensione di titti

news RAID Shadow Legends: Mazzo del Destino Testa Calda

Exclusive Villa GdR 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.

news Star Trek Horizon: Elenco PG: una funzione a lungo attesa!

forum zarina si è accreditato come gestore di In the Shadows: NY

news Hogwarts Express - Harry Potter GDR Forum: 🗞️Nuovo numero de "L'Espresso Sonorum"🗞️

news Black Sails Chronicles: ON - Comizio Pubblico

Crash Bandicoot Zone Crash Bandicoot Zone → Caos, libertà e risate: nel GDR ambientato nell’universo di Crash Bandicoot, ogni storia è possibile… e nulla è troppo folle!

Pubblicità

Articoli

Analisi dei GdR Analisi dei GdR - Tesi di laurea scaricabile dal titolo "Analisi dei Giochi di Ruolo: tra reale e virtuale"

Le Cronache di Arathos Le Cronache di Arathos - Intervista ai gestori del GdR play by chat fantasy Le Cronache di Arathos

Venezuela e RuneScape Venezuela e RuneScape - La storia dei Venezuelani che sono sopravvissuti alla crisi economica giocando a Old School RuneScape

SID SID - Recensione del gioco di ruolo online SID

Giochi 2021 Giochi 2021 - Le schede di gioco più visitate del 2021! Scopri i giochi che hanno attirato di più l'attenzione!

InnoGames InnoGames - Scopri con noi i Browser Game della InnoGames uno dei maggiori produttori di gaming mondiali!

Fumetto Giapponese Fumetto Giapponese - Manga: studio delle caratteristiche grafiche e narrative del fumetto giapponese