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

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

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

Storie di AgarthiStorie 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!

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.

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

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

img

img

img

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!

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?

Dark GenesisDark Genesis ↗
Ascendi al cielo in Dark Genesis! Raduna potenti semidei, costruisci il tuo impero volante e scontrati in battaglie divine!

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

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

Dark GenesisDark Genesis ↗
Ascendi al cielo in Dark Genesis! Raduna potenti semidei, costruisci il tuo impero volante e scontrati in battaglie divine!

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.

Storie di AgarthiStorie 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!

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.

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

Discussione seguita da › merovingio › rt1978

Pagine → 1  2  3  4  5 

Rispondi alla Discussione Aggiungi ai Preferiti Inoltra Discussione Forum Programmazione, GDRCD, Open Source, Hosting Elenco Forum

Articoli, Interviste e altre Risorse!

Wesnoth
Wesnoth
Recensione dell'MMO strategico e gratuito The Battle for Wesnoth!
Ultima Espiazione
Ultima Espiazione
Intervista alla gestrice di Ultima Espiazione Gdr un play by chat Urban Fantasy dalle tinte fosche.
Comunicazione e GdR
Comunicazione e GdR
I limiti della comunicazione nei GDR Online e come superarli!
Fantasia Infinita
Fantasia Infinita
C’č un mondo videoludico sommerso come un tesoro nascosto.. il Play By Chat!

Pubblicità

Ultime dal Portale

news Oceanside GDR: Si inizia!

news RAID Shadow Legends: Campione in primo piano | Michelangelo 🐢

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

news Neon & Shadows: Conclusione filone di trama Inferno Bianco

news La Cittŕ dei Dogi: Nuova versione del gioco!

news Sea of Conquest: Black Flag Beacon ⚓️🏴‍☠️

news Hero Wars: La Veggente!

Sea of Conquest 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!

gdrrank I dati del generatore di rank sono stati aggiornati!

recensione amakiss ha recensito Star Trek Horizon

news Hero Wars: Teaser prossima settimana a Dominion!

news Enlisted: Cambiamenti nel matchmaking!

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

gioco Nuovo MmoRpg Mitologico → Aom2

news The Coven: La malavita, quella vera

news Neon & Shadows: Filone Occulto Vox Dei

recensione firiel ha recensito Pandora Upside Down High School

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.

Pubblicità

Articoli

Shadow of Miami Shadow of Miami - Shadow of Miami: intervista ai founders del play by chat urban fantasy ambientato a Miami!

Rolenet Rolenet - Intervista a Lindy di Rolenet il social network dei GdR!

Awakening New York Awakening New York - Intervista al gestore del GdR moderno Awakening New York. Vivi nella Grande Mela!

Giochi D&D Giochi D&D - Lista completa dei giochi di ruolo online ambientati nei mondi di D&D

Cucina Medievale Cucina Medievale - Articolo sulla cucina medievale. Riscopri gli antichi sapori...

Negromanzia Negromanzia - L’abilitŕ di catalizzare, incanalare e forgiare l’energia emanata dalle vibrazioni dell’onda primordiale in maniera stabile!

Giochi Pokémon Giochi Pokémon - Lista completa dei giochi di ruolo online ambientati nel mondo dei Pokémon

The Veil The Veil - Intervista al gestore Hello, friend - The Veil, play by chat urban fantasy!

Pubblicità