ブログステッカーを画面の右上に貼れるようにしたよ

こないだ Twitter 用のブログステッカーを作ったら

「右上に貼れるようにしてや」
という声が実にたくさん(2件)あったので対応しました。

こういうのが画面の右上に出る格好ですね。

Twitter

これ貼ってみてください。スタイル指定はしなくていいです。

<img src="http://www.msng.info/wp-content/uploads/sticker_twitter_r.gif" usemap="#sticker" alt="Twitter" style="position: absolute; top: 0; right: 0; margin: 0; width:160px; height: 160px; border: none;" />
<map name="sticker">
<area shape="poly" coords="0,0,28,0,159,131,159,159" href="飛ばし先" target="_blank" title="Twitter" alt="Twitter" />
</map>
  • HTML の構造によりますが、
    基本的には </body> の直前に貼ることをおすすめします。
  • 前回と同様、画像は直読みでもいいいですが
    気分次第でいつ変更するか移動するか削除するかもわからないので
    できたら持ってっていただいた方がいいと思います。
  • 現在のところ Windows版の Firefox2.0, IE6, IE7でしか動作確認してないので
    他のブラウザで動かなかったらごめんなさいよ。
    「他のブラウザでもちゃんと右上に出たよ」という報告お待ちしてます。

こんなもんでしょうか。

ではごゆっくり。

  • このエントリーをはてなブックマークに追加

6 Responses to “ブログステッカーを画面の右上に貼れるようにしたよ”

  • 2007/05/02 00:31

    ブログステッカーを右上に貼ってみた。

    ブログステッカーを貼ってみた。のエントリーで、Twitterのfriendのmsngさん謹製のブログステッカーを貼ってみました。今度は右上に貼るように変更…

  • 2007/05/02 00:36

    早速貼ってみました☆ありがとうございました。
    稼動報告なのですが、
    IE6で見たときは、配置、followとも期待通りなのですが、
    FireFox 2.0.0.3で見たときは振る舞いが異なるようです。配置はウィンドウの右端上ではなく、テキストの右端上あたりとなり、followはtrueにしてもスクロールに追随しないようです。
    OSはWinXP pro SP2 ですー。

  • 2007/05/02 02:10

    えと、PHP修正していただいたようで、Firefox2.0.0.3でも期待通りに表示されるようになりました♪
    早速の対応感謝です。
    ありがとうございましたー。

  • 2007/05/05 17:01

    > いーちゃんさん
    はい、不具合報告ありがとうございました!かなりアホな作りをしていたことに気づいて、その後いろいろ変えました。またご意見ご要望あったら言ってみてくださいね!

  • 2007/05/11 08:14

    ブログステッカーなるものを作ってみた

    最近ウェブサイトにステッカーを貼るのが流行ってる模様。 実は最近じゃないかもしれ…

  • 2007/10/30 14:42

    ステッカーっぽいやつを貼る

    右上が寂しい!!そう寂しいんだよ・・・・ と思っていたところ頭ん中というサイトで…