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

| 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で有効にならないので注意。

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

トラックバック
  • http://www.kantenna.com/cgi-bin/mt/mt-tb.cgi/183
コメントを投稿

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





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

このサイトは次のライセンスで保護されています。

Creative Commons License

Kantenna by Kantenna_Admin is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.1 Japan License.
IT業界、エンジニア関連の求人
Web業界に精通したエージェントなので、希望に合った仕事、プロジェクト、雇用形態を紹介してくれてしっかりと転職活動をサポートしてくれます。
初心者のみ採用！【スノーグラス】ＷＥＢ系エンジニア募集
初心者のみのweb系エンジニア求人!なんでだ?そろそろ転職考えてるのでここ行ってみようかな・・・
Twitter Updates