義援金受付のバナー設置微調整
>id:yoshiheiさん
こんばんは。
義援金受付のバナーを設置・紹介していただき、ありがとうございます。
前の記事の続き - ☆Falcon’sエアガン☆
現在設置していただいている方法で問題はないのですが、ちょっとだけ手を入れることで見た目をスッキリできそうなのでその方法を書いてみます。もしよろしければお試しください。
修正前 | 修正後 |
---|---|
デザイン編集 > 詳細 > ページのヘッダ
修正前
<div class="main"> <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/20110313170134.png" alt="Hatena 東北地方太平洋沖地震義援金の受付"></a>
おそらく上記のように記述されている箇所があると思います。
修正後
<div class="main"> <div style="margin:20px 0; text-align:center;"> <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/20110313170134.png" alt="Hatena 東北地方太平洋沖地震義援金の受付"></a> </div>
- バナーを<div>で囲う
- バナーを囲った<div>に上20px・下20pxのマージン(margin: 20px 0;)、中央揃え(text-align: center;)を設定
不明な点がありましたら、コメントなどでお知らせください。