表示されているタグをコピー＆ペーストしてくださいね♪
スクロールバーの色を変える
サンプルページ
以下のタグを<head>〜</head>タグ間に記入してください。
<style TYPE="text/css">
<!--
BODY {scrollbar-face-color:スクロールバーの色;}
-->
</style>
スクロールバーの色を変える（個別の部分の配色を変更したい場合）
サンプルページ
<STYLE type="text/css">
<!--
BODY{
scrollbar-track-color:全体の色
scrollbar-face-color:ボタンの色
scrollbar-shadow-color:ボタンの端の色
scrollbar-darkshadow-color:ボタンの端の色
scrollbar-highlight-color:網掛け部分の色
scrollbar-3dlight-color:ボタンの端の色
scrollbar-arrow-color:矢印の色
}
-->
</STYLE>
ページの全体の余白を指定する
サンプルページ
以下のタグを<head>〜</head>タグ間に記入してください。
<body style="padding:余白の数値">
4つの辺を個々に指定したいときは
上側．．「padding-top:余白の数値」
下側．．「padding-bottom:余白の数値」
右側．．「padding-right:余白の数値」
左側．．「padding-left:余白の数値」
ページの全体に枠をいれる
サンプルページ
以下のタグを<head>〜</head>タグ間に記入してください。
<STYLE type="text/css">
<!--
body {border-style:solid; border-width:枠の幅px; border-color:枠の色}
-->
</STYLE>
ページの全体にいろんな枠をいれる
へこんだ枠．．「 groove 」．．．．サンプルページ
立体枠．．「 outset 」．．．．サンプルページ
沈んだ枠．．「 inset 」．．．．サンプルページ
額縁風枠．．「 ridge 」．．．．サンプルページ
以下のタグを<head>〜</head>タグ間に記入してください。
<STYLE type="text/css">
<!--
body {border-style:枠の種類; border-color:枠の色; border-width:枠の幅px;}
-->
</STYLE>
項目を作ってスクロールさせる
枠無しタイプ
項目１
項目２
項目３
項目４
項目５
項目６
項目７
項目８
項目９
<p style="width:横幅;height:高さ;overflow:scroll;">
項目１<BR>
項目２<BR>
作りたいだけ項目を増やせます。
</p>
枠ありタイプ
項目１
項目２
項目３
項目４
項目５
項目６
項目７
項目８
項目９
<p style="width:横幅;height:高さ;overflow:scroll;border-style:枠の種類;">
項目１<BR>
項目２<BR>
作りたいだけ項目を増やせます。
</p>
| 「枠の種類」 |
|
|
「dotted」 |
|
「ridge」 |
|
「groove」 |
|
｢dashed」 |
|
「double」 |
|
「inset」 |
|
「outset」 |
|
「solid」 |
枠ありで背景色付き
項目１
項目２
項目３
項目４
項目５
項目６
項目７
項目８
項目９
<p style="width:横幅;height:高さ;overflow:scroll;border-style:枠の種類;background-color:背景色;">
項目１<BR>
項目２<BR>
作りたいだけ項目を増やせます。
</p>
枠あり背景色ありでスクロールバーの色を指定する
項目１
項目２
項目３
項目４
項目５
項目６
項目７
項目８
項目９
<p style="width:横幅;height:高さ;overflow:scroll;border-style:枠の種類;background-color:背景色;
scrollbar-face-color:バーの色;scrollbar-track-color:バーがかかっていない所の色;
scrollbar-arrow-color:三角の色;scrollbar-highlight-color:左・上枠の色;
scrollbar-shadow-color:右・下枠の色;scrollbar-3dlight-color:左・上枠の色;
scrollbar-darkshadow-color:右・下枠の色">
項目１<BR>
項目２<BR>
作りたいだけ項目を増やせます。
</p>
項目の中をリンク先にすることもできますよ♪
メール送信を設置する
実際にここで使っています♪(￣▽￣)σサンプルページ
<FORM method="POST" action="mailto:tomomin41@yahoo.co.jp" ENCTYPE="text/plain">
お名前<input type=text name="NAME">
アドレス<input type=password name="email"><BR>
あなたは？<input type=radio name="seibetu" value="male" checked>男性
<input type=radio name="seibetu" value="female">女性
<input type=radio name="seibetu" value="himitu">秘密<BR>
お好きな食べ物は？<input type=checkbox name="hood" value="wasyoku">和食
<input type=checkbox name="hood" value="yousyoku">洋食
<input type=checkbox name="hood" value="chuuka">中華
<input type=checkbox name="hood" value="sonota">その他<BR>
<TEXTAREA NAME="comment" ROWS="10" COLS="40"></TEXTAREA>
<input type=submit value=" 送 信 "> <input type=reset value="リセット">
</FORM>
アンケート項目の所はご自分でお好きな物に変えてね♪
自動でジャンプするページを作る
サンプルページ
下のタグを<HEAD>〜</HEAD>の中に入れてください
<META HTTP-EQUIV="Refresh" CONTENT="ジャンプするまでの秒数;URL=http://．．ジャンプさせたいページのＵＲＬ">
リストの題名をクリックすると畳まれている部分が出てくる
サンプルページ
シンプルなタイプ
<A HREF=# onClick="★.style.display=('none'==★.style.display)?''
:'none';return false;">
題名部分</A>
<P ID="★" STYLE="display:none">
項目１<BR>
項目２<BR>
項目３<BR>
作りたいだけ項目を増やせます。<BR>
</P>
題名部分の下地に色を付けたタイプ
<P onclick="☆.style.display=☆.style.display=='none'?'':'none'">
<B STYLE="background:下地の色">題名部分</B></p>
<P ID="☆" STYLE="display:none">
項目１<BR>
項目２<BR>
項目３<BR>
作りたいだけ項目を増やせます。<BR>
</P>
・☆や★の部分はそれぞれ同じ物にしてください（半角英数文字ならなんでも可）
・項目それぞれにリンクを貼ればサンプルの下のパターンのようになります。
ページを移動するときにメッセージの小窓を表示する。
サンプルページ
<BODY>タグを↓のように変えます。
<BODY onUnload="alert('小窓に入れる文字')">
自動でスクロールさせる
サンプルページ
下のタグを<HEAD>〜</HEAD>の中に入れてください
<script language="JavaScript">
<!--//
var dy = 0;
var step = 5;
var stop = 2050; ←スクロールさせる長さ
var sec = 50; ←スクロールさせる早さ、少ないほど早い
function displayscroll(){
if (dy < stop){
dy += step;
window.scroll(0,dy);
setTimeout("displayscroll()",sec);
}
}
//-->
</script>
<BODY>タグを↓のように変えます。
<BODY onUnload="displayscroll()">