全て
| カテゴリ未分類
| HTML文字画像リンク
| HTMLタグ（テーブル）
| HTML（応用編）
| 楽天で購入した商品
| スポーツ,アウトドア,車,バイク
| 心緒
| インテリア,ライト,収納,ベビー,キッズ
| アフィリエイト入門編
| TV・オーディオ・カメラ
| 自己管理,美容,インナー
| DVD,CD,本,旅,楽器
| 生活,美容,健康,家電
| 金運アップ,風水,自己トレ
| ユーザービリティとSEO
| 楽天市場のPR
| アフィリエイト
| 音楽
| 食品,グルメ,飲料
| ダイエット,健康,食品
| 園芸,DIY,ペット,おもちゃゲーム
| 日用品雑貨,キッチン用品,寝具
| パソコン・周辺機器
| ファッション,ジュエリー,アクセサリー,靴
| 防災,介護,医療
| ブランド雑貨,時計
| 酒場放浪記
| 天気気象予報
| 気になる動画
| 最近チェックした商品
| 血圧測定
| 気になるニュース
| 人生の名言集
2007.01.20
テーマ： ホームページ作成の悩み(550)
カテゴリ： HTML（応用編）
・応用編
前回は、飾り枠をつくりました。
今回は、スクロールするテンプレートです。
↓
入力ソース
赤い部分 がテーブルの背景画像のURLになります。
オレンジの部分 のRGB値カラーコードを変更する事で
スクロールバーの枠に色がつきます。
緑色の部分 と 青色の部分
スクロールバーの色も変えることができます。
前回は、飾り枠をつくりました。
今回は、スクロールするテンプレートです。
ここに文字や画像を入力してください
ここに文字や画像を入力してください
ここに文字や画像を入力してください
ここに文字や画像を入力してください
ここに文字や画像を入力してください
ここに文字や画像を入力してください
ここに文字や画像を入力してください
ここに文字や画像を入力してください
ここに文字や画像を入力してください
ここに文字や画像を入力してください
ここに文字や画像を入力してください
ここに文字や画像を入力してください
ここに文字や画像を入力してください
ここに文字や画像を入力してください
ここに文字や画像を入力してください
ここに文字や画像を入力してください
ここに文字や画像を入力してください
ここに文字や画像を入力してください
ここに文字や画像を入力してください
ここに文字や画像を入力してください
ここに文字や画像を入力してください
↓
入力ソース
<table width="300px" height="300px" background=" http://image.space.rakuten.co.jp/lg01/33/0000122333/95/imgec58b186zikazj.gif
">
<tr><td><table width="260px" height="260px" bgcolor="#ffffff" align="center"><tr><td><p style="border-style:double;border-color: #ffffff ;width:260px;height:260px; scrollbar-base-color:white ; scrollbar-highlight-color:#0000ff ;
scrollbar-arrow-color:white;overflow:auto;">
ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
</p></td></tr></table></td></tr></table>
<tr><td><table width="260px" height="260px" bgcolor="#ffffff" align="center"><tr><td><p style="border-style:double;border-color: #ffffff ;width:260px;height:260px; scrollbar-base-color:white ; scrollbar-highlight-color:#0000ff ;
scrollbar-arrow-color:white;overflow:auto;">
ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
<br>ここに文字や画像を入力してください
</p></td></tr></table></td></tr></table>
赤い部分 がテーブルの背景画像のURLになります。
オレンジの部分 のRGB値カラーコードを変更する事で
スクロールバーの枠に色がつきます。
緑色の部分 と 青色の部分
スクロールバーの色も変えることができます。
お気に入りの記事を「いいね！」で応援しよう
Last updated
2008.11.03 20:46:57
[HTML（応用編）] カテゴリの最新記事
-
ホームページＨＴＭＬソースの基本構造 2008.04.04
-
カーソルの形状を変更する方法 2008.03.22
-
楽天広場HTML講座 スクロールバーのテンプ… 2007.06.30
【毎日開催】
15記事にいいね！で1ポイント
© Rakuten Group, Inc.
