0

Drupal 7 を使用しており、テーマは Omega です。クラス「マスク」とそのcssコードを取得しました：

.mask {
    background:url("../img/header_mask.png") repeat-x scroll 0 0 transparent;
    height:200px;
    position:absolute;
    top:0;
    width:100%!important;
    z-index:101
}

私はコンテンツトップを表示するためのオメガテーマオプションのクラスを作成していますが、私のdivはすべてのページを表示しています。したがって、このクラスのノード ページのみを表示します。

これは私のnode.tpl.phpです:

<div id="node-<?php print $node->nid; ?>" class="<?php print $classes; ?> clearfix"<?php print $attributes; ?>>

  <?php print $user_picture; ?>

  <?php print render($title_prefix); ?>
  <?php if (!$page): ?>
    <h2<?php print $title_attributes; ?>><a href="<?php print $node_url; ?>"><?php print $title; ?></a></h2>
  <?php endif; ?>
  <?php print render($title_suffix); ?>

  <?php if ($display_submitted): ?>
    <div class="submitted">
      <?php print $submitted; ?>
    </div>
  <?php endif; ?>

  <div class="content"<?php print $content_attributes; ?>>
    <?php
      // We hide the comments and links now so that we can render them later.
      hide($content['comments']);
      hide($content['links']);
      print render($content);
    ?>
  </div>

  <?php print render($content['links']); ?>

  <?php print render($content['comments']); ?>

</div>

このコードのどこに「マスク」クラスを追加しますか?

4

1 に答える 1

0

このルールをノード タイプのみに適用する場合は、次のように変更します。

.node .mask {
 ...
}

Drupal は、表示されている特定のノードに関する情報と、ノード タイプを html の div に追加します。Firebug を使用するか、ページの html を表示するだけで、さまざまなコンテンツ タイプに存在するクラスに基づいてルールを制限する方法を把握できます。

たとえば、このルールを適用するコンテンツ タイプのマシン名が「event」の場合、Drupal がそのタイプの各ノードにクラス「node-event」を追加することがわかります。ルールをさらに制限します。

.node-event .mask {
 ...
}

それがあなたを正しい方向に導くことを願っています！

于 2012-04-26T21:20:28.730 に答える