私はかなり新しいので、CSS のスタイリングに関してはまだ耳の後ろが濡れています。
すでに .logo を定義したクラスがありますが、下のヘッダー テンプレートから「ロゴ イメージと背景のためだけに」2 番目のクラスを作成したいと思います。
<div id="container">
<a name="top" id="top"></a>
<div id="header">
**<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>**
<div class="menu">
<ul>
<li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.gif" alt="" title="" />{$lang->toplinks_search}</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$theme['imgdir']}/toplinks/memberlist.gif" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$theme['imgdir']}/toplinks/help.gif" alt="" title="" />{$lang->toplinks_help}</a></li>
</ul>
</div>
ロゴ部分だけを取得して、上で強調表示されているヘッダー コードの太字部分から新しいクラスを作成する方法がわかりません。提案してくれてありがとう。
更新のために編集
これまでの反応に感謝します。問題は、問題を十分に説明する方法が本当にわからないことだと思います。
私の実際の状況を説明することを理解してください。
パディングを使用して(意図的に)互いに重なり合うことを許可した 2 つの Div があり、両方ともドロップ シャドウがあります。これにより、一方の Div の画像が他方の Div とわずかに重なり、3D 効果が得られます。
これは、両方の div にドロップ シャドウがあるため、シャドウが重なる部分が暗いことを除いて、これまでのところうまく機能しています。
画像では、div (css が添付されています) と、ドロップ シャドウが重なる暗い部分を強調表示しました。
overflow: hidden を使用してみましたが、完全に正直なところ、どこに行くのかわかりません。
もう一度ありがとう、そしてこれがもう少し理にかなっているといいのですが...ほとんどの場合、私は自分自身を混乱させていると思います:)