一年後も忘れないために

/note/update

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対策とか考えてません。気になる人はやっちゃってちょーだい。

Note: スパム対策が面倒なので、コメント投稿を廃止しました。以前のコメントは残します。
ご意見・ご要望はtwitter@sigwygかはてブコメントにて。

3 Comments

nein37 wrote:
どうもお久しぶりですー

CSSで十字を作るのは良いですね!
私もお借りして設置してみました。 2011–03–16 22:19
Sig. wrote:
やーお久し!
残念ながら、上記の理由で赤十字ロゴはNGなのだ!
設置早々申し訳ないが、ヨロシク頼みますよ! 2011–03–17 02:04
nein37 wrote:
遅くなりましたが対応しました
ありがとうございましたー 2011–03–17 21:56