義援金受付のバナー設置微調整
>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;)を設定
不明な点がありましたら、コメントなどでお知らせください。
うごメモテーマ用義援金受付のバナー(580×80 & 220×80)
こんばんは。
義援金受付のバナーを設置・紹介していただき、ありがとうございます。
amateur2010’s diary
現在設置していただいている方法でも問題はないのですが、うごメモテーマに合わせたバナーを作成いたしましたので、よろしければこちらをお試しください。
修正前 | 修正後 |
---|---|
記事上用バナー
<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;)を設定
サイドバー用バナー
<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;)を設定
不明な点がありましたら、コメントなどでお知らせください。
はてな義援金バナー(420px × 55 px)
>id:NACCIさん
こんにちは。
義援金受付のバナーを設置・紹介していただき、ありがとうございます。
http://d.hatena.ne.jp/NACCI/20110315/p1
現在設置していただいているサイズでも問題はないのですが、デザインテーマにちょうどよいサイズのバナーを作成しましたのでよろしければご利用ください。
修正前 | 修正後 |
---|---|
[ |
<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>
不明な点がありましたら、コメントなどでお知らせください。
はてな義援金バナー(500px × 95 px) & はてな義援金計算機バナー
>id:Yunyさん
こんばんは。
義援金受付のバナーを設置・紹介していただき、ありがとうございます。
Yunyの鉄は、熱いうちに鍛て。
現在設置していただいているようにサイズを縮小していただいても問題はないのですが、表示していただいているサイズのバナーを作成しましたのでよろしければご利用ください。
「はてな義援金計算機」のバナーも同等の体裁で作成してみました。こちらもよろしければご利用ください。
修正前 | 修正後 |
---|---|
[ |
義援金受付のバナー
<a target="_blank" href="http://d.hatena.ne.jp/hatenacontrib/20110312/1299904670"><img alt="はてな義援金バナー" src="http://cdn-ak.f.st-hatena.com/images/fotolife/h/hatenacontrib/20110316/20110316010911.png" id="hatena_cont_jp"></a>
はてな義援金計算機
こちらの画像をダウンロードし、ご自身のフォトライフなどにアップした後ご利用ください。
contrib_calculator.png
不明な点がありましたら、コメントなどでお知らせください。
義援金受付のバナー設置微調整
こんばんは。
義援金受付のバナーを設置・紹介していただき、ありがとうございます。
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)を設定
不明な点がありましたら、コメントなどでお知らせください。
はてな東北地方太平洋沖地震義援金窓口へのリンク付バナー各種
各種サイズのバナーを作成しました。
下記のHTMLをコピー&ペーストしていただくことで、はてな義援金窓口へのリンク情報を持ったバナーを設置することが出来ます。
皆さまのブログやHPなどで呼びかけいただく際に、ご自由にお使いください。
※「500px × 95 px」を追加しました(3/15)
※「420px × 55 px」を追加しました(3/17)
※「580px × 80 px」を追加しました(3/19)
※「220px × 80 px」を追加しました(3/19)
バナー各種
600px × 115px
<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/20110313/20110313170136.png" alt="Hatena 東北地方太平洋沖地震義援金の受付" title="Hatena 東北地方太平洋沖地震義援金の受付"></a>
580px × 80px
<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 東北地方太平洋沖地震義援金の受付"></a> /a>
500px × 95 px
<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/20110316/20110316010911.png" alt="Hatena 東北地方太平洋沖地震義援金の受付" title="Hatena 東北地方太平洋沖地震義援金の受付"></a>
468px × 60 px
<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/20110313/20110313170134.png" alt="Hatena 東北地方太平洋沖地震義援金の受付" title="Hatena 東北地方太平洋沖地震義援金の受付"></a>
420px × 55 px
<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/20110317132042.png" alt="Hatena 東北地方太平洋沖地震義援金の受付" title="Hatena 東北地方太平洋沖地震義援金の受付"></a>
300px × 250px
<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/20110313/20110313170130.png" alt="Hatena 東北地方太平洋沖地震義援金の受付" title="Hatena 東北地方太平洋沖地震義援金の受付"></a>
300px × 80px
<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/20110313/20110313170128.png" alt="Hatena 東北地方太平洋沖地震義援金の受付" title="Hatena 東北地方太平洋沖地震義援金の受付"></a>
265px × 70px
<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/20110313/20110313170126.png" alt="Hatena 東北地方太平洋沖地震義援金の受付" title="Hatena 東北地方太平洋沖地震義援金の受付"></a>
220px × 80px
<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 東北地方太平洋沖地震義援金の受付"></a>
215px × 60px
<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/20110313/20110313170124.png" alt="Hatena 東北地方太平洋沖地震義援金の受付" title="Hatena 東北地方太平洋沖地震義援金の受付"></a>
ブログを書くだけで MacBook Air 11インチ が当たる!
MacBook Air 11インチ が当たるキャンペーンが始まりました!
自分のはてなダイアリーに「MacBook Air 11インチ欲しい!」と書きこむだけで応募完了です。
さらに、キャンペーンページをあなたのはてなブックマークに追加すると、当選確率が2倍に!
詳しくはこちらから => MacBook Air 11インチ欲しい!
ノートパソコンをお持ちでない方は、この機会にぜひ!
セカンドマシンとしても良いですね〜。
コンパクトで起動が速いと物欲が崩壊しますよね。。
あー、ほしいけどスタッフだと当たらない。。。。