Sostituzione delle voci di menu con immagini

Sto cercando un modo per visualizzare voci di menu come immagini (con rollover) piuttosto che i soliti collegamenti di testo. Ho trovato le icone del menu del modulo , ma come suggerisce il nome, è progettato per posizionare l'icona accanto al collegamento. Qualcuno ha una tecnica per farlo? Forse devo creare una sorta di blocco o pannello personalizzato, ma ho pensato che forse c'era un modo più semplice.

Puoi utilizzare il modulo Icone menu per implementare la funzionalità che stai cercando: l'ho fatto più volte.

Devi semplicemente personalizzare il file menu_icons_css_item.tpl.php in modo che l'immagine venga visualizzata usando la tecnica di sostituzione dell'immagine CSS anziché posizionare l'immagine come uno sfondo simile ad un'icona. Per la funzionalità di roll-over, ogni immagine caricata con il modulo icona immagine dovrebbe includere le versioni statiche e roll-over dell'immagine del menu.

Ecco un esempio di contenuto di un file menu_icon_css_item.tpl.php che ho usato prima. Questo è per Drupal 6, quindi potrebbe essere necessario aggiornare parte della sintassi se si utilizza Drupal 7.

<?php
$base_url = $_SERVER['DOCUMENT_ROOT'];
$image_info = getimagesize($base_url.$path);
$width = $image_info[0];
$height = $image_info[1]/2;
?>

ul.links li.menu-<?php print $mlid ?> a {
  background-image: url(<?php print $path ?>);
  background-repeat: no-repeat;
  background-position: 0 0;
  height:<?php print $height?>px;
  text-align: left;
  text-indent: -9999px;
  width: <?php print $width?>px;
}

ul.links li.menu-<?php print $mlid ?> a:hover {
  background-position: 0 <?php print $height?>px;
}

Dopo aver creato un file menu_icons_css_item.tpl.php del cliente nel tuo tema, dovrai eliminare il file CSS precedentemente generato dal modulo Icone menu, in modo da generare un nuovo file utilizzando questo modello. Dovrebbe essere nella cartella siti / default / file.

Naturalmente, se non è necessario consentire agli amministratori del sito di aggiornare le immagini delle voci di menu tramite l'interfaccia utente di Drupal, è possibile implementare la tecnica di sostituzione delle immagini CSS all'interno del proprio tema, senza bisogno di un modulo di aiuto come le icone dei menu.