通过 CSS 定制 drupal 菜单？

Question

我一直在相当成功地摆弄 drupal 主题（或者至少，我是这么认为的），但是当我尝试将 css 编码注入主链接菜单以自定义它（就像我通常通过 html+css 所做的那样）时，我点击了墙。

我已经能够将 css 样式应用于 div、链接和文本，但我想更多地自定义主要（和辅助）链接菜单，也许使用一些 css sprite 菜单技术，但同时保持 drupal 兼容并使用尽可能多的内容drupal自己的php在这个过程中。或者如果我真的必须重写一些代码，我不介意，尽管我还不是程序员。

我浏览过几个网站，但没有任何特别有用的东西，所以如果有人能指出我正确的方向，我将非常感激。

提前致谢。

Answer 1

您可以为每个菜单项添加一个类似 id 的类 - 在 template.php 中添加此函数

function mythemename_menu_item_link($link) {
  if (empty($link['localized_options'])) {
    $link['localized_options'] = array();
  }

  // LOOK HERE
  // add a key for main menu items, so we can theme each item in a different way
  // add this class only for a specific menu
  if ($link['menu_name'] == 'menu-menu-mymenu') {
    if ($link['localized_options']['attributes']['class']) {
      $link['localized_options']['attributes']['class'] .= ' menu-'. $link['mlid'];
    }
    else {
      $link['localized_options']['attributes']['class'] = 'menu-'. $link['mlid'];
    }
  }

  return l($link['title'], $link['href'], $link['localized_options']);
}

此代码可以更清晰，但我添加了更多行，以便您可以更好地阅读它。

Answer 2

如果我正确理解你的问题，你会想在你的菜单中添加一个自定义类/id。这可以通过覆盖给定菜单的 theme_menu_tree 来完成。我通过将以下内容添加到我的 template.php 文件中来为我的主菜单执行此操作：

function THEMENAME_menu_tree__main_menu($variables){
return '<ul class="menu main-menu">' . $variables['tree'] . '</ul>';
}

希望这会有所帮助。

您还应该查看 themer 模块，它为您提供有关模板功能等的建议。

干杯，
约尔根