Hatena::ブログ(Diary)

kyabana Note

2011-03-26

義援金受付のバナー設置微調整

>id:yoshiheiid:yoshiheiさん


こんばんは。

義援金受付のバナーを設置・紹介していただき、ありがとうございます。

前の記事の続き - ☆Falcon’sエアガン☆


現在設置していただいている方法で問題はないのですが、ちょっとだけ手を入れることで見た目をスッキリできそうなのでその方法を書いてみます。もしよろしければお試しください。


修正前修正後
f:id:kyabana:20110326222804p:image:w300f:id:kyabana:20110326222834p:image:w300

デザイン編集 > 詳細 > ページのヘッダ

修正前
<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;)を設定

不明な点がありましたら、コメントなどでお知らせください。

2011-03-19

うごメモテーマ用義援金受付のバナー(580×80 & 220×80)

>id:amateur2010id:amateur2010さん


こんばんは。

義援金受付のバナーを設置・紹介していただき、ありがとうございます。

元ゲームクエスト投稿者「甘茶」のブログ


現在設置していただいている方法でも問題はないのですが、うごメモテーマに合わせたバナーを作成いたしましたので、よろしければこちらをお試しください。


修正前修正後
f:id:kyabana:20110319221508p:image:w300f:id:kyabana:20110319221216p:image:w300

記事上用バナー

Hatena 東北地方太平洋沖地震義援金の受付
<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/20110319/20110319220643.png" alt="Hatena 東北地方太平洋沖地震義援金の受付" style="margin-bottom: 15px;"></a>
  • バナーをうごメモテーマに合わせた画像に差し替え
  • バナーの下に15pxのマージン(margin-bottom: 15px;)を設定

サイドバー用バナー

Hatena 東北地方太平洋沖地震義援金の受付
<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/20110319/20110319220641.png" alt="Hatena 東北地方太平洋沖地震義援金の受付" style="margin-bottom: 15px;"></a>
  • バナーをうごメモテーマに合わせた画像に差し替え
  • バナーの下に15pxのマージン(margin-bottom: 15px;)を設定

不明な点がありましたら、コメントなどでお知らせください。

2011-03-17

はてな義援金バナー(420px × 55 px)

>id:NACCIid:NACCIさん


こんにちは。

義援金受付のバナーを設置・紹介していただき、ありがとうございます。

My Little Prayer - Bar de nacci


現在設置していただいているサイズでも問題はないのですが、デザインテーマにちょうどよいサイズのバナーを作成しましたのでよろしければご利用ください。


修正前修正後
f:id:kyabana:20110317132819p:image:w300f:id:kyabana:20110317132853p:image:w300

こちらをご利用ください。

Hatena 東北地方太平洋沖地震義援金の受付

<a href="http://d.hatena.ne.jp/hatenacontrib/20110312/1299904670" target="_blank"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenacontrib/20110317/20110317132041.png" alt="Hatena 東北地方太平洋沖地震義援金の受付 Donate to Japan earthquake and Pacific tsunami" title="Hatena 東北地方太平洋沖地震義援金の受付 Donate to Japan earthquake and Pacific tsunami"></a>

不明な点がありましたら、コメントなどでお知らせください。


バナー設置方法はこちら