テキストボックス風のオブジェクト

ここでは、 テキストボックス風のオブジェクト に関する記事を紹介しています。
無料ブログ テンプレート カスタマイズ TOP
category ： ブログ カスタマイズ 方法  |  タグ ： カスタマイズ,

テキストボックス風のオブジェクト

2006/01/16(月)
■テキストボックス風のオブジェクトを作る

テキストボックス風のオブジェクトを作ります。

▼ 実行例-1 ＆ ソース ▼
<div style="width:460px;height:90px;overflow:auto;border:1px solid #ff0000;padding:5px;">
この部分に、文字やイメージなどを挿入します。

</div>


▼ 実行例-2 ＆ ソース ▼
<div style="width:460px;height:50px;overflow:auto;border:5px double #0000ff;padding:5px;background-color:#ffffaa;">
この部分に、文字やイメージなどを挿入します。
背景色や背景画像、枠線の種類などの指定もできます。
</div>

▼ 実行例-3 ＆ ソース ▼
<div id="scrollbar" style="width:460px;height:70px;overflow:auto;border:2px dotted #999;padding:5px;">
BODYタグ内にスクロールバーのCSS設定をしている場合には、それがそのまま継承されてしまします。
オブジェクトに特定の指定がしたい場合には、別途
div#scrollbar {
scrollbar-face-color: #aaa;
scrollbar-track-color:#ccc;
scrollbar-shadow-color: #eee;
scrollbar-highlight-color: #fff;
scrollbar-darkshadow-color: #bbb;
scrollbar-arrow-color: #fff;
}
のように指定する必要があります。
</div>
FC2ブックマークに追加
ブログ カスタマイズ 方法 | トラックバック：3 | コメント：4 | この記事へのリンク | Page Top↑
≪FC2blog共有テンプレート（3カラム） | ホーム | ホームページアクセス急増法公開（SEM/SEO)講座≫
コメント
この記事へのコメント
はじめまして！
いつも勉強をさせていただいております。
また、ＦＣ２のテンプレートもお借りしております。
テキストボックス風のオブジェクトを作ってみたかったので、早速使わせて頂きました。
ありがとうございます！
2006/08/08(火) 10:50 | URL | ハッピーままごん #-[ 編集]
無料アフィリエイトで稼げるブログ
はじめまして
[61_gr_2rm]のテンプレートを使わせて頂いています。
とても気に入っていますが、トップページをずっと表示しておきたいのですがどうすればよいのでしょうか
もしご迷惑でなければメールいただければうれしいです。
初心者ですのでよろしくご指導ください。
2006/02/18(土) 18:37 | URL | tokimama #-[ 編集]
RE:スクロールする部分がピンク色になってない
「続きを読む」に説明が記入してありますので、ご覧下さい。
2006/01/28(土) 03:58 | URL | Weblog #ntCWGXuI[ 編集]
はじめまして(*^^*)
お気に入りに登録させていただいて
勉強させてもらってます(*^^*)
このスタイルシートを使わせていただいたんですが
スクロールする部分がピンク色になってないんです （´；ェ；｀）ウゥ・・・
なんででしょうか？？？
お暇な時にでも是非教えて下さいm(_ _)m
2006/01/25(水) 09:29 | URL | момо #-[ 編集]
広告配信サービス「マイクロアドターゲット」 *
コメントを投稿する
URL:
Comment:
Pass:   
トラックバック
この記事のトラックバックURL

この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
テキストエリア（textarea）の作成
◎ 複数行のテキスト入力領域を作成するホームページやブログの限られたスペースを有効活用するよう、複数行のテキスト入力領域（テキストエリア）を作成を作成してみましょう。▼ textarea（テキストエリア）のサ
2007/06/11(月) 12:51:38 | 無料ホームページ作成講座ブログ
テキストボックス風のオブジェクト
■テキストボックス風のオブジェクトを作るテキストボックス風のオブジェクトを作ります。▼ 実行例-1 ＆ ソース ▼<div style="width:460px;height:90px;overflow:auto;border:1px solid #ff0000;padding:5px;">この部分に、文字やイメージなどを挿入しま�
2006/06/24(土) 15:24:18 | 食品＆アクセスアップ情報・知識
テンプレートの改造
　テンプレートに改造を施したので、一応書いときます。　数日前にテンプレートの横幅のズレを修正。　直しているうちに横幅がさらに大きくなってしまい、XGAでぴったり位のサイズ
2006/05/04(木) 10:42:22 | 日刊電撃コミックガオ！