なお、IE専用プラグインですので、Sleipnir等IEコンポーネントを利用しているプログラムは使用可能です。
IE専用プラグイン「AreaEditor」v1.01
【著作権者】胆振製作所-IburiWorks-
【対応OS】Windows 98/Me/NT 4.0/2000/XP
【ソフト種別】フリーソフト
【バージョン】1.01(04/06/20)
窓の杜 - 「AreaEditor」
mitsu-ken さんから〆 スキン編集塾#6でコメント欄を広くする方法を教えていただきました。そこで、広くなったコメント欄を少しおしゃれにしようと思います。
コメント欄を広くする
コメント欄を広くする方法は、mitsu-ken
さんの次のコードをCSS編集に追加するだけです。次のコードは、コメント欄を10行にしています。詳しいことは、mitsu-ken さんの〆 スキン編集塾#6をご覧下さい。
TEXTAREA.TXTFLD {height:10em;}
コメント入力欄の右に画像を表示
では、本題のコメント欄をおしゃれにする方法ですが、横に画像を表示したいと思います。
青字の部分が、今回追加した部分です。こちらもCSSの編集で青地の部分を
追加してください。赤字の部分に任意の画像ファイルのアドレスを指定してください。
DIV.COMMENT_INPUTが、コメント入力用の欄です。
このコメント入力欄の右側に画像を表示します。
DIV.COMMENT_INPUT {
MARGIN-TOP: 20PX;}
BORDER-TOP: 1PX #AAA DOTTED;
PADDING-TOP:
20PX;
/*画像ファイル名*/
background-image:url('表示したい画像ファイル名');
/*右側表示*/
background-position:right;
/*複数画像表示禁止*/
background-repeat:no-repeat;
コメント欄は普段見えないところですが、ちょっといいでしょ♪
注意:スキンの関係で右側が空いていない場合があります。
その場合は、画像が切れてしまいます。
# by minto7mimi | 2004-07-10 07:26 | スキン編集
(みんと♪さんの記事を再現しています。みんと♪さんが投稿した日時です。)
みんとさんが当時センタートラックバックした時の内容です>>
エキサイトブログ
ホームページ、ブログ関連
素材、イラスト等
- Abi-Station
簡単に似顔絵ができる、”似顔絵イラストメーカー”がお勧めです。
- アトリエ フリー
Windows 関連
- Delta Windows 9x/xp Technical Site
- Windows.FAQ - ウィンドウズ処方箋
研究関係
- 加納学のウェブサイト
リンク集を利用させてもらっています。
総合
青空のもと、少ない資源と少ない研究員で(わたし一人ですが・・・)
いろんなことを調べて行きたいと思っています。
これから、よろしくお願いします。m(__)m