タダでインターネットでお小遣い稼ぎましょう!

タダでインターネットでお小遣いを稼ぎましょう!

スポンサードリンク
 

テンプレート テーブル

前のページへ
 

 
テンプレート テーブル

基本のテーブル   ↓

<body></body>内に記述

 

サンプル

こんな感じです
※ 枠線の表示なしです
テキストや各コンテンツなどを綺麗に揃えたいときなどに使用すると良いでしょう

このページの上へ

 

枠線のテーブル   ↓

<body></body>内に記述

 

サンプル

こんな感じです

※ border="1"の数字で枠線の太さを指定

このページの上へ

 

枠線が色付きのテーブル   ↓

<body></body>内に記述

 

サンプル

こんな感じです

※ bordercolor="#0000ff"の #★★(または色名)で色を指定

このページの上へ

 

外枠一線のテーブル   ↓

<body></body>内に記述

 

サンプル

こんな感じです

bgcolor="#00ffff" → 枠線の色
bgcolor="#ffffff" → 背景色

このページの上へ

 

外枠が点線のテーブル   ↓

<body></body>内に記述

 

サンプル

こんな感じです

<table>内に半角スペースを開けて以下を記述
style="border:1px dotted #ff0000;"

このページの上へ

 

タイトル付きのテーブル   ↓

<body></body>内に記述

 

サンプル

タイトル
コメント 1コメント 2
コメント 3コメント 4

bordercolor="#800080" → 枠線の色
width="300" → 横幅

このページの上へ

 

浮き上がったように見えるテーブル   ↓

<body></body>内に記述

 

サンプル

〜 タイトル 〜

コメント(更新履歴やお知らせなどに良いかも!)
コメント
コメント

#def2fa → 前面のテーブル背景色
#9ea6aa → 影になるテーブルの背景色

このページの上へ

 

外枠のみのテーブル   ↓

<body></body>内に記述

 

サンプル

コメント

#FF00FF → 枠線の色

このページの上へ

 

オンマウスで色が変わるテーブル   ↓

<body></body>内に記述

 

サンプル

オンマウスで色が変わります
マウスを乗せて見て下さい

#ff99ff → 背景色
#00FFFF → オンマウスで変える色

このページの上へ

 

リンク表   ↓

<body></body>内に記述

 

サンプル

■タイトル
バナーやテキスト コメント 備考
バナーやテキスト コメント 備考
バナーやテキスト コメント 備考
バナーやテキスト コメント 備考
バナーやテキスト コメント 備考

width="450" → 横幅
bgcolor="#ffe6e6" → 背景色

このページの上へ

 

リンク表 一段   ↓

<body></body>内に記述

 

サンプル

■サイト名
バナーなど コメント 備考

width="500" → 横幅
bgcolor="#ffe6e6" → 背景色
img src="バナーURL"

このページの上へ

 

タブ付きテーブル   ↓

<body></body>内に記述

※ 右クリックで名前を付けて画像を保存して下さい
画像ソフトなどで違う色の画像を作成して、テーブルの bgcolor を変更すれば
好きな色のテーブルが出来ます
 

サンプル

 タイトル
コンテンツ
コンテンツ
コンテンツ
コンテンツ
コンテンツ
コンテンツ
コンテンツ

このページの上へ

 
背景画像にテキストをスクロールさせるテーブル   ↓

<body></body>内に記述

 

サンプル

ここにコメントを入れます。

width="200" → 横幅
height="100" → 縦幅
scrollamount="3" → テキストがスクロールする速度
color="#ff0000" → テキストの色

このページの上へ

 

スクロールするテーブル   ↓

<body></body>内に記述

 

サンプル

こんな感じで
スクロールします

bgcolor="#ff00ff" → 枠線の色
bgcolor="#ffffff" → 背景色

このページの上へ

 

お知らせテーブル   ↓

<body></body>内に記述

 

サンプル

お知らせ
・相互リンク★★様
・こんな感じです
・バナーを入れても
いいですね!

このページの上へ

 

見出しがスクロールするテーブル   ↓

<body></body>内に記述

 

サンプル

見出しをスクロールさせる
コメント 1コメント 2コメント 3
コメント 4コメント 5コメント 6

このページの上へ

 

テーブル(メニュー)   ↓

<body></body>内に記述

 

サンプル

メニュー
 ・ はじめに
 ・ プロフィール
 ・ 掲示板
 ・ なんでも掲示板
 ・ チャット
 ・ リンク集
 ・ 自動リンク

このページの上へ

 

半透明のテーブル   ↓

<body></body>内に記述

 

サンプル

こんな感じで半透明 こんな感じで半透明
こんな感じで半透明 こんな感じで半透明

opacity=30 → 数字を0(透明)〜100(不透明)で指定

このページの上へ

 

テーブル(スタイルシート)   ↓

サンプル

<head></head>内に記述

<body></body>内に記述

このページの上へ

 

ボックス(スタイルシート)   ↓

サンプル

<head></head>内に記述

<body></body>内に記述

このページの上へ

 

見出しがグラデーションのテーブル   ↓

<body></body>内に記述

 

サンプル

タイトル
コメント
コメント
コメント
コメント
コメント

このページの上へ

 

グラデーションのメニュー   ↓

<body></body>内に記述

 

サンプル

メニュー
はじめに
プロフィール
掲示板

このページの上へ

 

テーブルを使った見出し(グラデーション)   ↓

<body></body>内に記述

 

サンプル

 タイトル

このページの上へ

 

タブ付の見出し   ↓

<body></body>内に記述

 

サンプル

 タイトル    



このページの上へ

 

見出し(左・下線のみ)   ↓

<body></body>内に記述

サンプル

タイトル

 

このページの上へ