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

Pagine → 1 2 3 4 5

31/05/2017 16:36:06

Mi vergogno come un ladro ovviamente... quale sarebbe il file dove recuperare quello che mi hai chiesto?

Perchè io ho lavorato solo sui file CSS. Sono quelli?

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

quota

seralia

SCRIVI

31/05/2017 16:54:34

Il menu lo trovi in pages > link_menu.inc.php

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

quota

raysmoke

SCRIVI

31/05/2017 16:56:36

Eh, bella domanda, allora facciamo così.

https://jsfiddle.net/4froqwak/

Ti ho fatto un fiddle così puoi provarlo tu stesso, come vedi, anche facendo sparire un elemento, gli altri tornano a centrarsi orizzontalmente

Si, mi sono arrubbato un'icona di gdr online per le prove v_v

Purtroppo non so dirti in che pagina si trovano, sicuramente qualcuno più pratico del tuo OS saprà indicarti.

per i link, ti è sufficiente sostituire il cancelletto che vedi in

a href="#" con il link che preferisci (prendendolo ovviamente dalla porzione originale.

Io rimango dell'idea che se qualcosa non funziona come vuoi, fai prima a rifartela che a continuare a rimaneggiarla, almeno un domani sai bene cosa c'è scritto, perchè sei stato tu a scriverlo !

RAID Shadow Legends ↗
Plasma i tuoi eroi fino a farli diventare vere e proprie armi viventi e assembla i più epici gruppi d'assalto mai visti finora!

quota

merovingio

SCRIVI

31/05/2017 16:57:34

Uh... è vero. La funzione Echo è stata modificata. Che testa...

<div class="pagina_link_menu">
<?php
if ($PARAMETERS['mode']['gotomap_list'] == 'ON' && empty($params['no_gotomap_list'])) {
$gotomap_list = array();
$result = gdrcd_query(" SELECT mappa_click.id_click, mappa_click.nome,
mappa.id, mappa.nome AS nome_chat, mappa.chat, mappa.pagina, mappa.id_mappa_collegata
FROM mappa_click
LEFT JOIN mappa ON mappa.id_mappa = mappa_click.id_click", 'result');
if (gdrcd_query($result, 'num_rows') > 0) {
while ($row = gdrcd_query($result, 'fetch')) {
$gotomap_list[$row['nome'] . '|@|' . $row['id_click']][$row['id']] = array(
'nome' => $row['nome_chat'],
'chat' => $row['chat'],
'pagina' => $row['pagina'],
'mappa_collegata' => $row['id_mappa_collegata']
);
}

gdrcd_query($result, 'free');

?>
<select id="gotomap" onchange="self.location.href=this.value;">

<?php foreach ($gotomap_list as $infoMap => $infoLocation) {
$splitInfoMap = explode('|@|', $infoMap);
?>
<option
value="main.php?page=mappaclick&map_id=<?php echo $splitInfoMap[1]; ?>"<?php echo ($_SESSION['mappa'] == $splitInfoMap[1] && $_SESSION['luogo'] == -1) ? ' selected="selected"' : ''; ?>
class="map"><?php echo $splitInfoMap[0]; ?></option>

<?php
if (is_array($infoLocation)) {
foreach ($infoLocation as $idLoc => $infoLoc) {

if (!empty($infoLoc['nome'])) {

if ($infoLoc['chat'] != 0) {
$valueLoc = 'dir=' . $idLoc . '&map_id=' . $splitInfoMap[1];

} else {
if ($infoLoc['mappa_collegata'] != 0) {
$valueLoc = 'page=mappaclick&map_id=' . $infoLoc['mappa_collegata'];
} else {
$valueLoc = 'page=' . $infoLoc['pagina'];
}
}
?>
<option
value="main.php?<?php echo $valueLoc; ?>"<?php echo ($_SESSION['luogo'] == $idLoc && $_SESSION['luogo'] != -1) ? ' selected="selected"' : ''; ?>>» <?php echo $infoLoc['nome']; ?></option>

<?php
$valueLoc = '';
}
}
}
}

?>
</select>
<?php
unset($gotomap_list);
}
}

$mkey='menu';
if(!empty($params['menu_key'])){
$mkey=$params['menu_key'];
}

if(!empty($PARAMETERS['names']['gamemenu'][$mkey])) {
?>
<div class="page_title">
<h2><?php echo gdrcd_filter('out', $PARAMETERS['names']['gamemenu'][$mkey]); ?></h2>
</div>
<?php
}
?>

<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="link_menu menu2"><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>

Grazie Seralia... che pazienza che avete...

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.

quota

blancks

SCRIVI

31/05/2017 17:10:39

merovingio ha scritto: che pazienza che avete...

Figurati! Io sfortunatamente oggi non riesco a seguirti come ieri quindi ti lascio alle cure di Ray :-p

GitHub: https://github.com/GDRCD/GDRCD ↗
Discord: https://discord.gg/zh69CDUf3V ↗

quota

raysmoke

SCRIVI

31/05/2017 17:13:15

blancks ha scritto:

merovingio ha scritto: che pazienza che avete...

Figurati! Io sfortunatamente oggi non riesco a seguirti come ieri quindi ti lascio alle cure di Ray :-p

temo che la mia praticamente nulla conoscenza dell'OS in questione, mi renda totalmente inadeguato ad aiutare il merovingio, ma ci si prova ! :)

AlterEgo ↗
Scopri AlterEgo GdR: un incredibile universo narrativo in stile medievale fantasy che cresce, muta e vive giorno dopo giorno grazie ai suoi giocatori!

quota

seralia

SCRIVI

31/05/2017 17:17:02

raysmoke ha scritto:
temo che la mia praticamente nulla conoscenza dell'OS in questione

Tu sai cosa è la programmazione, io so dove stanno le pagine in gdrcd.
Dai, qualcosa forse ne caviamo XD

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

quota

blancks

SCRIVI

31/05/2017 17:19:00 e modificato da blancks il 31/05/2017 17:19:10

Ti rispondo con una vignetta:

GitHub: https://github.com/GDRCD/GDRCD ↗
Discord: https://discord.gg/zh69CDUf3V ↗

quota

merovingio

SCRIVI

31/05/2017 17:19:46

@Blancks: grazie di tutto!

@Raysmoke: dunque, guardato il fiddle. Per quanto riguarda il CSS, penso di non aver problemi: lo inserisco in main.css con un breve commento per ricordarmi di cosa si tratta. Ma la parte di HTML davvero non saprei dove piazzarla. Devo metterla nel file che ti ho riportato qui sopra, come da indicazioni di Seralia?

@Seralia: sei già sul cammino della santità o ti accodi a Raysmoke?

Davvero, non credevo di scatenare un simile vespaio per una cosa simile. Pensavo di riuscire a sistemarlo solo di css.

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!

quota

seralia

SCRIVI

31/05/2017 17:46:33

Alura, vediamo se ci ho capito qualcosa:

<div class="pagina_link_menu">
<?php
if ($PARAMETERS['mode']['gotomap_list'] == 'ON' && empty($params['no_gotomap_list'])) {
$gotomap_list = array();
$result = gdrcd_query(" SELECT mappa_click.id_click, mappa_click.nome,
mappa.id, mappa.nome AS nome_chat, mappa.chat, mappa.pagina, mappa.id_mappa_collegata
FROM mappa_click
LEFT JOIN mappa ON mappa.id_mappa = mappa_click.id_click", 'result');
if (gdrcd_query($result, 'num_rows') > 0) {
while ($row = gdrcd_query($result, 'fetch')) {
$gotomap_list[$row['nome'] . '|@|' . $row['id_click']][$row['id']] = array(
'nome' => $row['nome_chat'],
'chat' => $row['chat'],
'pagina' => $row['pagina'],
'mappa_collegata' => $row['id_mappa_collegata']
);
}

gdrcd_query($result, 'free');

?>
<select id="gotomap" onchange="self.location.href=this.value;">

<?php foreach ($gotomap_list as $infoMap => $infoLocation) {
$splitInfoMap = explode('|@|', $infoMap);
?>
<option
value="main.php?page=mappaclick&map_id=<?php echo $splitInfoMap[1]; ?>"<?php echo ($_SESSION['mappa'] == $splitInfoMap[1] && $_SESSION['luogo'] == -1) ? ' selected="selected"' : ''; ?>
class="map"><?php echo $splitInfoMap[0]; ?></option>

<?php
if (is_array($infoLocation)) {
foreach ($infoLocation as $idLoc => $infoLoc) {

if (!empty($infoLoc['nome'])) {

if ($infoLoc['chat'] != 0) {
$valueLoc = 'dir=' . $idLoc . '&map_id=' . $splitInfoMap[1];

} else {
if ($infoLoc['mappa_collegata'] != 0) {
$valueLoc = 'page=mappaclick&map_id=' . $infoLoc['mappa_collegata'];
} else {
$valueLoc = 'page=' . $infoLoc['pagina'];
}
}
?>
<option
value="main.php?<?php echo $valueLoc; ?>"<?php echo ($_SESSION['luogo'] == $idLoc && $_SESSION['luogo'] != -1) ? ' selected="selected"' : ''; ?>>» <?php echo $infoLoc['nome']; ?></option>

<?php
$valueLoc = '';
}
}
}
}

?>
</select>
<?php
unset($gotomap_list);
}
}

$mkey='menu';
if(!empty($params['menu_key'])){
$mkey=$params['menu_key'];
}

if(!empty($PARAMETERS['names']['gamemenu'][$mkey])) {
?>
<div class="page_title">
<h2><?php echo gdrcd_filter('out', $PARAMETERS['names']['gamemenu'][$mkey]); ?></h2>
</div>
<?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>

Se guardi le parti in grassetto e sottolineato sono le modifiche che ho fatto per applicare il css di Raysmoke al link_menu
Fai una prova, salvandoti ovviamente l'originale XD

Non ho testato, ma ti spiego cosa ho fatto: ho aggiunto il div "wrap" prima del caricamento del menu, ho aggiungo subito dopo il div "holder" ed ho tolto il div "page_body" (mi pare caricasse solo il font a questo punto).
Ho cambiato la classe del div che crea ogni singolo link da "link_menu2" a "button"
Alla fine ho chiuso due div (wrap e holder) invece di uno (page_body).

In questo modo, teoricamente, stai applicando la formula del fiddle di Ray a gdrcd.
Stasera provo da casa se funziona, se intanto vuoi provare, salvati l'originale.
Se vuoi riaggiungere il div "page_body" togli il commento (cioé la parte  dopo il div) ed aggiungi una nuova chiusura di div (per chiudere appunto il page_body) nell'ultima riga.