spring-treeでは、カメラを持ってフラフラ・パシャパシャと撮った写真や、今までに制作した、WEBサイトなどを随時紹介していきます。

Internet Explorer6で任意のテキストを表示

元ネタ…CSS HappyLifeさん

Internet Explorer6以下で任意のテキストを表示させるプラグイン

ダウンロード
IE analogue ZIP(2.7KB)

インストール方法
上記のダウンロードよりデータをダウンロード後
wordpress > wp-content > plugins
の中にアップロードして、管理画面より有効化してください。

各種設定方法
プラグインを有効化すると、WordPressの設定の項目に「IE analogue」という項目が出ているので
そこから、各種設定ができます。

設定可能項目

• 枠内テキスト
• 表示位置
  • 上
  • 右
• 枠線の色
• 枠線の種類
• 枠線の太さ
• 余白
  • 上
  • 右
  • 下
  • 左
• 文字サイズ
• 文字の太さ
• 文字の装飾
• 文字色
• 背景色
• 不透明度
• マウスオーバー時のテキスト

※Internet Explorer6以下でしか、確認できません。
※ご使用は自己責任にてお願いいたします。

このサイトをInternet Explorer 6以下で表示すると
画面の右上に「アナログ」って表示されてます。

元のネタはCSS HappyLifeさんが記事に書いていたものです。
面白そうなので、やってみました。

Internet Explorer 6以下で表示した場合

ちみにcssコードは

.analogue {
 display: none;
 }

*html .analogue {
 display: block;
 position: absolute;
 top: 30px;
 right: 15px;
 background: #ffffff;
 padding: 8px 10px;
 border: 1px solid #333333;
 font-size: 12px;
 font-weight: bold;
 color: #333333;
 filter:progid:DXImageTransform.Microsoft.
Alpha(Enabled=1,Style=0,Opacity=60);
 }

filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=60);
上の記述で不透明度を60%に設定してます。

でもってHTMLには

<div class="analogue" title="アナログ">アナログ</div>

完成！

そろそろ、部屋のテレビも買い替えなきゃなぁ。