最近プログラム系のネタが少ないので、スマホ用サイトのネタでも書いてみます!
スマホ用サイトで、よく画面の下や上に広告がずっとあるオーバーレイ広告がありますよね。

あれ、効果があるのかどうかは分かりませんが、チラチラして非常に見にくいです。
javasctiptでいちいち読み込んでるからチラチラしてるんじゃ?とおもった私は、htmlとcssで作ってみました。

まずcssに以下のコードを書き込みます。

[html]

#fixed_footer{
z-index: 1;
position: fixed;
left: 0;
bottom: 0;
}

[/html]

divのpositionをFixedにする事でオーバーレイを実現しています。
leftとbottomを0にしているので、左がわの下に常にある感じになっています。
ここをrightとtopにすると右上に常に出るようになるのでいろいろ使えると思います。

次にhtmlの一番したの</body>の前とかに以下のコードを追加します。
[html]

<div id="fixed_footer">
☆ここに表示したい広告や文字を挿入☆
</div>

[/html]

これで、スマホサイトのチラチラしないオーバーレイ表示ができます。
簡単でしょ?
ちなみに下のリンクからこの方法を使ったオーバーレイ広告が見れます。
スマホやiPhoneで見てみてください。

参考サイト「パンダジャッジ」
かなりチラチラが押さえられてると思います。

これは、広告だけでなく、いろんな物に応用できると思います。
メニューのヘッダーをトップに固定したり、ログインフォームを右上に固定したり、いろんな用途が考えられるので使ってみてください。
使う時は、当サイトにリンクはってくれたら嬉しいです。

ブログ書いてみて気づきましたが、これもプログラム系のネタじゃなかったです。。。。