人気ブログランキング | 話題のタグを見る

食品&アクセスアップ情報・知識

yakibuta.exblog.jp
ブログトップ
2006年 01月 30日

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

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

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

▼ 実行例-1 & ソース ▼
<div style="width:460px;height:90px;overflow:auto;border:1px solid #ff0000;padding:5px;">
この部分に、文字やイメージなどを挿入します。
無料ブログ テンプレート カスタマイズ
 ※ブログ アクセスアップ SEO 1
 ※ブログ アクセスアップ SEO 2
 ※ブログ アクセスアップ SEO 3
</div>

▼ 実行例-2 & ソース ▼
<div style="width:460px;height:50px;overflow:auto;border:5px double #0000ff;padding:5px;background-color:#ffffaa;">
この部分に、文字やイメージなどを挿入します。
背景色や背景画像、枠線の種類などの指定もできます。
ブログ アフィリエイト SEO テンプレート
 ※アフィリエイト プログラム
 ※アフィリエイト ノウハウ 講座
 ※アフィリエイト 初心者 稼ぐ コツ
 ※アフィリエイト 本 ブック 書籍
</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>



無料ブログ テンプレート カスタマイズ方法
 ※ブログ カスタマイズ 方法
 ※スタイルシート (CSS)
 ※HTML タグ 関連解説
 ※JavaScript (ジャバスクリプト)
 ※ブログ&HP ツール パーツ
 ※アクセスアップに役立つ情報
 ※ブログ アクセスアップ SEO
 ※人気ブログランキング比較評価
 ※ブログ 宣伝 広告
 ※ブログ関連 本・書籍・ブック

by 412983 | 2006-01-30 13:32 | ブログカスタマイズ


<< キーワード表示順位の実験デウェ...      SEO対応 blog テンプレ... >>