この度、デザインを変更しました。
サイドバーのデザインについてなのですが、hatena-widgetクラスで指定しているブログパーツ部分のデザインを、はてなモジュールと同じにするにはどうすればいいでしょうか。
具体的には、はてなモジュールの下の影のようなものをhatena-widgetの部分にも付けたいです。
http://d.hatena.ne.jp/theme//ugomemo-green/blog-sidebar-bottom.gif の画像を使って表示させているのではないかと思うのですが、具体的にどんなスタイルシートを書けばいいのか分かりません。
今、スタイルシートで指定しているのは .hatena-widget{background-color: #FFFFFF} のみです。
よろしくお願いします。
このような場合、スタイルシートの設定を自分で書くより、HTMLの構造をはてなモジュールと同じようにしてしまう方が、デザインテーマのスタイルシート設定をそのまま活用できて効果的です。
例えば、以下のようにdivのタグを追加してみてください。
<div class="hatena-moduletitle">更新通知メール</div> <div class="hatena-widget"> <form target="_blank" action="http://mixfeed.jp/subscribe" method="POST">…(略)…</form> </div> <br>
<div class="hatena-module"> <!-- ココ --> <div class="hatena-moduletitle">更新通知メール</div> <div class="hatena-modulebody"> <!-- ココ --> <div class="hatena-widget"> <form target="_blank" action="http://mixfeed.jp/subscribe" method="POST">…(略)…</form> </div> </div> <!-- ココ --> </div> <!-- ココ -->
(<!-- ココ --> と書いてある行を追加してください。ただし <!-- ココ --> 自体は不要です)
うまくいきました!
こういう方法があるんですね。これで、今後ブログパーツを追加したときも対処できます。(^_^)b
適切かつ分かりやすい回答、ありがとうございました。m(__)m