Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。

エントリ書いても流れて忘れそうなので、ブログパーツに義援金リンクを張っておくことにした。サイトのよく見るとこ(ウチの場合はUpdate)に貼っとけばOK。

まあ絵心ないのでサクッと作ったやっつけだけどね。そこは大きな問題じゃないよ。

東北地方太平洋沖地震
義援金リンク

シンプルな赤十字ロゴはこういう時に良いよね。
はてブより、赤十字ロゴは任意で使えるものではなかったりします。 http://www.jrc.or.jp/about/mark/ということで訂正しました。さすが安定のvantクオリティ。thx!

やっつけだけど、いちおソースを貼っておく。かんたん！

<p id="TEdonation">
<a href="http://www.jrc.or.jp/contribution/l3/Vcms3_00002069.html" title="東北地方太平洋沖地震への義援金リンク">
    東北地方太平洋沖地震<br />義援金リンク
</a>
</p>

#TEdonation {
    position: relative;
    width: 14em;
    line-height: 1.25;
}
#TEdonation a {
    position: relative;
    display: block;
    padding: 0.5em;
    border: 1px solid #999;
    border-right: 15px solid #999;

    -moz-border-radius-bottomright: 16px;
    -moz-border-radius-topright:    16px;
    border-bottom-right-radius: 16px;
    border-top-right-radius:    16px;
}
#TEdonation a:hover {
    border-color: #f30;
}
#TEdonation a:after {
    content: "\BB";
    position: absolute;
    top: 1em;
    right: -0.8em;
    color: #222;
}

P.S. IE対策とか考えてません。気になる人はやっちゃってちょーだい。