Menu link diversi per ogni voce

7 contenuti / 0 new
Ultimo contenuto
Menu link diversi per ogni voce

Ciao,
sto utilizzando la versione D7, vorrei creare una classe css diversa per ongi link menu primario, in modo da inserire un immagine di sfonfo diversa per ogniuno.
E' possibile e se si come si fa?

Grazie.

Scusa drupaluca, cosa intendi che ad ogni cambio pagina c'è uno sfondo/grafica differente?

Oppure intendi per ogni tipo di contenuto?

Simile a questo: coopilbrugo.it ?

Ciao danzisiweb, grazie!
No vorrei creare una lista menu e ad ogni link dare un'icona affianco a sinistra e il menu verticale, però devo avere classi differenti per ogni link so ovviamente come farlo in html e css ma con drupal?

Grazie

Ciao,
non non devi dare classi differenti, a volte mi perdo anch'io in queste "piccole" cose poi mi viene l'idea di vedere il codice di Garland ad esempio:

ul li, ul.menu li, .item-list ul li, li.leaf {
  padding: 0 0 .2em 1.5em;
  list-style-type: none;
  list-style-image: none;
  background: transparent url(images/menu-leaf.gif) no-repeat 1px .35em; /* LTR */
}
ul li.expanded {
  background: transparent url(images/menu-expanded.gif) no-repeat 1px .35em; /* LTR */
}
ul li.collapsed {
  background: transparent url(images/menu-collapsed.gif) no-repeat 0px .35em; /* LTR */
}

Per D6 si scrive un file di nome (esempio) block-bodylist.tpl.php, dove bodylist è la regione definita nel file info del tema che avrà un suo style css. Oppure fai un copia incolla di un file block.tpl.php

<div id="<?php print $block->region .'-'. $block->module .'-'. $block->delta; ?>">
  <?php if (!empty($block->subject)): ?>
    <h2><?php print $block->subject ?></h2>
  <?php endif;?>
  <div class="blockcontent-body-list">
    <?php print $block->content ?>
  </div>
</div>

E il codice di stile:

.blockcontent-body-list ul li
{
  line-height: 125%;
  color: #697B42;
  padding: 0 0 0 12px;
  background-image: url('images/blockcontentbullets.png');
  background-repeat: no-repeat;
}
.blockcontent-body-list ul li.expanded
{
  line-height: 125%;
  color: #697B42;
  padding: 0 0 0 12px;
  margin-top: 3px;
  background-image: url('images/blockcontentbullets-expanded.png');
  background-repeat: no-repeat;
}
.blockcontent-body-list ul li.collapsed
{
  line-height: 125%;
  color: #697B42;
  padding: 0 0 0 12px;
  background-image: url('images/blockcontentbullets-collapsed.png');
  background-repeat: no-repeat;
}
.blockcontent-body-list ul li.leaf
{
  line-height: 125%;
  color: #697B42;
  padding: 0 0 0 12px;
  background-image: url('images/blockcontentbullets-leaf.png');
  background-repeat: no-repeat;
}

Naturalmente le immagini devono esistere, le puoi scegliere tu e della grandezza consona.
Ps: per D7, se ti serve, dai un'occhiata al suo codice perchè per i blocchi/pagine personalizzate bisogna agire sul template.php e le funzioni preprocessor ma per processor_block solo per D7-8.

Ciao

Ciao,
danzisiweb grazie per esserti sprecata così tanto :D e ti ringrazio, però mi pare più semplice la soluzione proposta da [email protected] che ringrazio!!! Proverò subito il modulo.

Grazie a tutti!
Ciao

@drupaluca
Figurati, anche a me sembra fin troppo semplice quella soluzione per essere efficace.... (bohz non te la prendere per la mia opinione)

Provare per credere. E, soprattutto fammi sapere riguardo l'inserimento delle immagini laterali!!