サイトにステッカーを貼る

| 2007年10月31日 22:54

「ステッカーっぽいのを貼ってみる」にて紹介されていたステッカーを貼ってみる。

HTMLサンプル


<div id="stickerTestLeft">
<img src="sticker_left.gif" width="150" height="150" />
</div>

<div id="stickerTestRight">
<img src="sticker_right.gif" width="150" height="150" />
</div>

CSSサンプル


#stickerTestLeft {
　position: absolute;
　top: 0px;
　left: 0px;
　z-index: 100;
}
#stickerTestRight {
　position: absolute;
　top: 0px;
　right: 0px;
　z-index: 100;
}

画像

透過gifでこんな感じで作成

うーん非常に簡単ですね。もちろんリンクも設定できる。

ただし画像の下はクリックできないのと「right: 0px;」はネスケ4で有効にならないので注意。

kantenna.com 最新更新ページ

サイトにステッカーを貼るタグ:

トラックバック

  • http://www.kantenna.com/cgi-bin/mt/mt-tb.cgi/392
コメント (0)
コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)





この情報を登録しますか?