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

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

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

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

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.

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

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 !

Raja DuniaRaja Dunia ↗
Tra verità divine e menzogne eterne, la tua anima è la chiave. Scopri Raja Dunia, e riscrivi il fato del Continente con armi e magia, fede o eresia.

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

Raja DuniaRaja Dunia ↗
Tra verità divine e menzogne eterne, la tua anima è la chiave. Scopri Raja Dunia, e riscrivi il fato del Continente con armi e magia, fede o eresia.

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?

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

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

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

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!

New OrleansNew Orleans ↗
La Città dai Mille Volti: Crime, Feste, Mistero, Voodoo, Natura Incontaminata, Fama, Grattacieli, Luci Splendenti e Ombre Profonde.

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.

CRSED: F.O.A.D.CRSED: F.O.A.D. ↗
Brutale sparatutto MMO in cui vince l'ultimo giocatore che resta in vita! Il giocatore sarà accompagnato da armi realistiche e magie!

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 TanksWorld of Tanks ↗
Lanciati in epiche battaglie spalla a spalla con altri giocatori. Conquista la supremazia nel mondo dei Carri Armati!

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!

World of Tanks World of Tanks
Lanciati in epiche battaglie spalla a spalla con altri giocatori. Conquista la supremazia nel mondo dei Carri Armati!
Conferenza GDR-online Conferenza GDR-online
Conferenza sui GDR online svoltasi a Lucca and Games 2006
Vampire GdR Vampire GdR
Intervista al gestore di Vampire Gdr il play by forum ambientato nel World of Darkness
Accent Rpg Engine Accent Rpg Engine
Intervista al creatore dell'Open Source "Accent Rpg Engine"

Pubblicità

Ultime dal Portale

gdrrank I dati del generatore di rank sono stati aggiornati!

news Shadow Scape: ✨ Aggiornamenti!

Crossout Crossout → Tuffati nel mondo di Crossout, il gioco MMO d'azione post apocalittico! Costruisci le tue speciali macchine da combattimento!

recensione general_kenobi ha recensito Le Cronache di Raja Dunia

annuncio Ex Gratia GDR ricerca Giocatore

news New Orleans: Chat Off Interna alla Land

news The Coven: Recap della settimana

Sponsorizzati con noi! Sponsorizzati con noi! → Sponsorizza il tuo gioco su GDR-online! Trova nuovi giocatori fra i migliaia di appassionati che ogni giorno visitano il portale!

news Storie di Agarthi: La Lunga Notte è arrivata

news Felix Felicis GdR - Harry Potter GdR: Le uova di... Natale? - Evento ON

news Ex Gratia GDR: Massima personalizzazione coi tratti specie!

forum nerelyn ha aperto una nuova discussione: Personaggio in cerca di Land

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 The Eyrie GdR: Nuove Fazioni ed entrata in Beta

news Piume Nere: 🎄 Le Notti Sacre Sono Iniziate 🕯️

categoria La categoria Browser Game raggiunge i 3.900 giochi catalogati!

news RAID Shadow Legends: Anaxia la Rinata!

Raja Dunia Raja Dunia → Tra verità divine e menzogne eterne, la tua anima è la chiave. Scopri Raja Dunia, e riscrivi il fato del Continente con armi e magia, fede o eresia.

Pubblicità

Articoli

Felix Felicis
Felix Felicis - Intervista alle gestrici del play by forum Felix Felicis GdR - Harry Potter GdR
Open Source per GdR
Open Source per GdR - Lista degli open source gratuiti per realizzare giohi di ruolo online o browser game!
Trek Tech
Trek Tech - Immaginario e Tecnologia nella Saga di Star Trek. interessante tesi di Valentina Villa
Dipendenze
Dipendenze - Role-playing game: nuova droga elettronica?
Romanzi Tolkien
Romanzi Tolkien - In che ordine leggere i romanzi del maestro Tolkien? Scopriamolo!
Guida Minecraft
Guida Minecraft - Cosa è Minecraft: guida per mamme e papà alle prime armi!
Sponsorizzati con noi!
Sponsorizzati con noi! - Sponsorizza il tuo gioco su GDR-online! Trova nuovi giocatori fra i migliaia di appassionati che ogni giorno visitano il portale!
Era di Mezzo
Era di Mezzo - Presentazione del Gioco di Ruolo Online play by chat Era di Mezzo