[support] Menü ikonokkal...

[MG]

Szabó Dániel  danyg at 5net.hu irta:
> ez abszolút smink kérdése.
> A menu-id alapján CSS-ben background megadásával
> tudod az egyes menüpontokhoz ikonokat rakosgatni.
> A Primary links és a Secondary links automatikusan hozzáadja
> a menuelem ID-ját a linkhez, a saját menu-ben létrehozott
> elemekhez pedig ajánlott olvasmány itt:
> http://drupal.org/node/225480
>
>

Probaltam a linken leirtakat az alábbiak szerint:

I. Elhelyeztem egy 'template.php'-t a smink (pushbutton theme)
könyvtárában (alapból nem volt ilyen file):

<?php
function phptemplate_menu_item($link, $has_children, $menu = '',
$in_active_trail = FALSE, $extra_class = NULL) {
   $class = ($menu ? 'expanded' : ($has_children ? 'collapsed' :
'leaf'));
   if (!empty($extra_class)) {
     $class .= ' '. $extra_class;
   }
   if ($in_active_trail) {
     $class .= ' active-trail';
   }
   $class .= ' item-'. strtolower(str_replace(' ', '_',
strip_tags($link)));
   return '<li class="'. $class .'">'. $link . $menu ."</li>\n";
}
?>

II. A css-ben lehet hivatkozni az id-vel az adott <li> elemekre:
#myid {
background-image:url(icons/myicon.png);
}


A baj az, hogy a generált HTML kódban nincs id:
...
<li class="leaf"><a href="/?q=user/1">Saját adatok</a></li>
<li class="collapsed"><a href="/?q=node/add">Tartalom
beküldése</a></li>
<li class="collapsed"><a href="/?q=mymenu">Én menüm</a></li>
<li class="collapsed"><a href="/?q=admin">Adminisztráció</a></li>
<li class="leaf last"><a href="/?q=logout">Kilépés</a></li>
</ul></div>


Így a css-ben nincs mire hivatkozni. Mit hagytam ki? :(


G.