義援金受付のバナー設置微調整
こんばんは。
義援金受付のバナーを設置・紹介していただき、ありがとうございます。
http://d.hatena.ne.jp/groovyman1/20110313/1300014477
現在設置していただいている方法で問題はないのですが、ちょっとだけ手を入れることで見た目をスッキリできそうなのでその方法を書いてみます。もしよろしければお試しください。
修正前 | 修正後 |
---|---|
デザイン編集 > 詳細 > ページのヘッダ
修正前
<br> <a href="http://d.hatena.ne.jp/hatenacontrib/20110312/1299904670" target="_blank"><img title="Hatena 東北地方太平洋沖地震義援金の受付" src="http://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenacontrib/20110313/20110313170136.png" alt="Hatena 東北地方太平洋沖地震義援金の受付"></a> <div class="main">
おそらく上記のように記述されている箇所があると思います。
修正後
<div class="main"> <div style="margin: 15px 0 30px; text-align: center;"><a target="_blank" href="http://d.hatena.ne.jp/hatenacontrib/20110312/1299904670"><img alt="Hatena 東北地方太平洋沖地震義援金の受付" src="http://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenacontrib/20110313/20110313170136.png" title="Hatena 東北地方太平洋沖地震義援金の受付"></a></div>
- <br>を削除
- <div class="main">の直下にバナーを設置
- バナーを<div>で囲う
- バナーを囲った<div>に上15px・下30pxのマージン(margin: 15px 0 30px;)、中央揃え(text-align: center;)を設定
デザイン編集 > 詳細 > ページのフッタ
修正前
</div> <div class="sidebar"> <hatena name="profile" template="hatena-module"> <a href="http://d.hatena.ne.jp/hatenacontrib/20110312/1299904670" target="_blank"><img title="Hatena 東北地方太平洋沖地震義援金の受付" src="http://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenacontrib/20110313/20110313170122.png" alt="Hatena 東北地方太平洋沖地震義援金の受付"></a>
おそらく上記のように記述されている箇所があると思います。
修正後
</div> <div class="sidebar"> <hatena name="profile" template="hatena-module"> <div style="margin: 15px 0;"><a target="_blank" href="http://d.hatena.ne.jp/hatenacontrib/20110312/1299904670"><img title="Hatena 東北地方太平洋沖地震義援金の受付" alt="Hatena 東北地方太平洋沖地震義援金の受付" src="http://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenacontrib/20110313/20110313170124.png"></a> </div>
- 他のモジュールとサイズの相性がよさそうな「215px × 60px」のバナーに替える
- バナーを<div>で囲う
- バナーを囲った<div>に上15px・下15pxのマージン(margin: 15px 0)を設定
不明な点がありましたら、コメントなどでお知らせください。