●マウスポインタの変更ヘンコウ
<!--●● マウスポインタの変更 ●●-->
<!--▼▼▼▼▼▼▼▼▼▼ マウスポインタの変更ヘンコウ ▼▼▼▼▼▼▼▼▼▼-->
<!-- 記入キニュウする箇所カショはheadから/head -->
<Style Type="text/css">
<!--
Body{cursor:url(マウスポインタファイルの指定シテイ、aniファイル);}
//-->
</Style>
<!--▲▲▲▲▲▲▲▲▲▲ マウスポインタの変更 ▲▲▲▲▲▲▲▲▲▲-->
■■■■■■■■■■■■表題ヒョウダイ1■■■■■■■■■■■■
<center>
<fieldset style={border-color:blue;width:90%}>
<legend style={font-size:13pt;color:red;font-weight:bold;}>
最近更新したもの&おすすめ
</legend>
</center>
<font size="1"><br></font>
<table border="0">
<tr>
<td WIDTH="22"></td>
<td>
<!--▼▼▼▼▼▼▼▼▼▼▼▼▼ コメント ▼▼▼▼▼▼▼▼▼▼▼▼▼-->
ここにコメントを記入キニュウシル
<!--▲▲▲▲▲▲▲▲▲▲▲▲▲ コメント ▲▲▲▲▲▲▲▲▲▲▲▲▲-->
</td>
</tr>
</table>
<br></fieldset>
■■■■■■■■■■■■表題ヒョウダイ1■■■■■■■■■■■■
<!--▼▼▼▼▼▼▼▼▼▼▼▼▼ ボタン ▼▼▼▼▼▼▼▼▼▼▼▼▼-->
<button style="background-color: blue; color: white; font-weight:bold">★</button>
<!--▲▲▲▲▲▲▲▲▲▲▲▲▲ ボタン ▲▲▲▲▲▲▲▲▲▲▲▲▲-->
同一ドウイツページナイでもうヒトつのページを表示ヒョウジ
<!--●● 同一ページ内でもう一つのページを表示 ●●-->
<iframe src="★" width="450" height="120" marginheight="20" marginwidth="20" scrolling="yes"></iframe>
●テキストをそのまま表示ヒョウジする
<pre>★</pre>タグは反映されます
<xmp>★</xmp>タグは反映されません
●特殊文字の表示
<font face="Webdings">★</font>
<font face="Wingdings">★</font>
<font face="Webdings">
0 1 2 3 4 5 6 7 8 9 : ; ( ) # $ % & [ ] , @ / + - * ~ \
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 
a b c d e f g h i j k l m n o p q r s t u v w x y z
</font>
<font face="Wingdings">
0 1 2 3 4 5 6 7 8 9 : ; ( ) # $ % & [ ] , @ / + - * ~ \
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 
a b c d e f g h i j k l m n o p q r s t u v w x y z
</font>
●ページ全体の右クリックを禁止する
<body onContextmenu="return false">
●印刷ボタン
<input type="button" value="プリントアウトする!" onclick="window.print()">
●フレームの中にフレームを入れる
<iframe src="abc.html" name="floating" scrolling="auto" width="560" height="200">
●ステータスバーに文字を表示する(画面ガメン左下ヒダリシタ
<!--▼▼▼▼▼▼▼▼ ステータスバーに文字を表示する(画面左下) ▼▼▼▼▼▼▼▼-->
<!-- 記入キニュウする場所バショは、<head>〜</head>のアイダ -->
<script type="text/javascript">
<!--
defaultStatus="★ここの文字が表示されます";
//-->
</script>
<!--▲▲▲▲▲▲▲▲ ステータスバーに文字を表示する(画面左下) ▲▲▲▲▲▲▲▲-->
●ステータスバーに文字を流す(画面ガメン左下ヒダリシタ
<!--▼▼▼▼▼▼▼▼ ステータスバーに文字を流す(画面左下) ▼▼▼▼▼▼▼▼-->
<!-- 記入キニュウする場所バショは、<head>〜</head>のアイダ -->
<script type="text/javascript">
<!--
var msg; msg="★☆ここの文字が流れます★☆";
msg=msg+msg;
function disp(){setTimeout("disp()",300);
msg=msg.substring(2,msg.length)+msg.substring(0,2);
window.status=msg;
}
document.write('<body onLoad="disp()">');
//-->
</script>
<!--▲▲▲▲▲▲▲▲ ステータスバーに文字を流す(画面左下) ▲▲▲▲▲▲▲▲-->
●ステータスバーの散らばった文字が一ヶ所に集まる(画面ガメン左下ヒダリシタ
<!--▼▼▼▼▼▼▼▼ ステータスバーの散らばった文字が一ヶ所に集まる(画面左下) ▼▼▼▼▼▼▼▼-->
<!-- 記入キニュウする場所バショは、<head>〜</head>のアイダ -->
<script type="text/javascript">
<!--
msg = "★ココの文字が変化します";
timeID = 10;
stcnt = 16;
wmsg = new Array(33);
wmsg[0]=msg;
blnk = "                                             ";
for (i=1; i<32; i++)
{
b = blnk.substring(0,i);
wmsg[i]="";
for (j=0; j<msg.length; j++) wmsg[i]=wmsg[i]+msg.charAt(j)+b;
}
function wiper()
{
if (stcnt > -1) str = wmsg[stcnt]; else str = wmsg[0];
if (stcnt-- < -40) stcnt=31;
status = str;
clearTimeout(timeID);
timeID = setTimeout("wiper()",100);
}
wiper()
//-->
</script>
<!--▲▲▲▲▲▲▲▲ ステータスバーの散らばった文字が一ヶ所に集まる(画面左下) ▲▲▲▲▲▲▲▲-->
●ステータスバーに今の日付と時間を表示する(画面ガメン左下ヒダリシタ
<!--▼▼▼▼▼▼▼▼ ステータスバーに今の日付と時間を表示する(画面左下) ▼▼▼▼▼▼▼▼-->
<!-- 記入キニュウする場所バショは、<head>〜</head>のアイダ -->
<script type="text/javascript">
<!--
function Watch() {
var now = new Date();
var year = now.getYear();
var month = now.getMonth()+1;
var date = now.getDate();
var hour = now.getHours();
var min = now.getMinutes();
var sec = now.getSeconds();
var day = now.getDay();
if ( day == 0 ) { day = "日" }
if ( day == 1 ) { day = "月" }
if ( day == 2 ) { day = "火" }
if ( day == 3 ) { day = "水" }
if ( day == 4 ) { day = "木" }
if ( day == 5 ) { day = "金" }
if ( day == 6 ) { day = "土" }
if ( month < 10 ) { month = "0" + month }
if ( date < 10 ) { date = "0" + date }
if ( hour < 10 ) { hour = "0" + hour }
if ( min < 10 ) { min = "0" + min }
if ( sec < 10 ) { sec = "0" + sec }
window.status = year + "年" + month + "月" + date + "日(" + day + ") "+ hour + "時" + min + "分" + sec + "秒";
setTimeout ("Watch()",500);
}
Watch()
//-->
</script>
<!--▲▲▲▲▲▲▲▲ ステータスバーに今の日付と時間を表示する(画面左下) ▲▲▲▲▲▲▲▲-->
●タイトルバーに文字列を流す(画面ガメンウエ
<!--▼▼▼▼▼▼▼▼ タイトルバーに文字列を流す(画面上) ▼▼▼▼▼▼▼▼-->
<!-- 記入キニュウする場所バショは、<head>〜</head>のアイダ -->
<script type="text/javascript">
<!--
msg="ここの文字がタイトルバーに流れます "
msg+=msg
IE4=(navigator.appName==
"Microsoft Internet Explorer"&&
navigator.appVersion.charAt(0)>=4)
function titlemsg(){
msg=msg.substring(2,msg.length)+msg.substring(0,2)
document.title=msg
}
if(IE4)setInterval("titlemsg()",300)
//-->
</script>
<!--▲▲▲▲▲▲▲▲ タイトルバーに文字列を流す(画面上) ▲▲▲▲▲▲▲▲-->
●印刷ボタン
<!--▼▼▼▼▼▼▼▼ 印刷ボタン ▼▼▼▼▼▼▼▼-->
<!-- 記入キニュウする場所バショは、<head>〜</head>のアイダ -->
<INPUT type="button" value="印刷" onclick="javascript:window.print();">
<!--▲▲▲▲▲▲▲▲ 印刷ボタン ▲▲▲▲▲▲▲▲-->
●ブラウザのウィンドウがクルクル回転
<!--▼▼▼▼▼▼▼▼ ブラウザのウィンドウがクルクル回転 ▼▼▼▼▼▼▼▼-->
<!-- 記入キニュウする場所バショは、<head>〜</head>のアイダ -->
<script type="text/javascript">
<!--
resizeTo(400,400);
x=(screen.width+400)/6;
y=(screen.height+400)/6;
r=y;
d=0.0;
function winmove() {
moveTo(x+Math.cos(d)*r,y-Math.sin(d)*r);
d+=Math.PI/100.0;
if(d>=Math.PI*2){d=0.0}
}
setInterval('winmove()',80);
//-->
</script>
<!--▲▲▲▲▲▲▲▲ ブラウザのウィンドウがクルクル回転 ▲▲▲▲▲▲▲▲-->
●ブラウザのウィンドウが縦横に動きます
<!--▼▼▼▼▼▼▼▼ ブラウザのウィンドウが縦横に動きます ▼▼▼▼▼▼▼▼-->
<!-- 記入キニュウする場所バショは、<head>〜</head>のアイダ -->
<script type="text/javascript">
<!--
var mv_x = 10;
var mv_y = 5;
for (nn = 2; nn > 0; nn--) {
for (x = mv_x; x > 0; x--) {
for (y = mv_y; y > 0; y--) {
parent.moveBy(0,-x);
}
}
for (x = mv_x; x > 0; x--) {
for (y = mv_y; y > 0; y--) {
parent.moveBy(0,x);
}
}
for (x = mv_x; x > 0; x--) {
for (y = mv_y; y > 0; y--) {
parent.moveBy(x,0);
}
}
for (x = mv_x; x > 0; x--) {
for (y = mv_y; y > 0; y--) {
parent.moveBy(-x,0);
}
}
}
//-->
</script>
<!--▲▲▲▲▲▲▲▲ ブラウザのウィンドウが縦横に動きます ▲▲▲▲▲▲▲▲-->
●ページ全体に枠をつける
<!--▼▼▼▼▼▼▼▼ ページ全体に枠をつける ▼▼▼▼▼▼▼▼-->
<!-- 記入キニュウする場所バショは、<head>〜</head>のアイダ -->
<style type="text/css">
<!-- 
body { padding: 10px; 
border-style: outset; 
border-width: 20px; 
border-color: royalblue; 
background: lightblue; }
//-->
</style>
<!--▲▲▲▲▲▲▲▲ ページ全体に枠をつける ▲▲▲▲▲▲▲▲-->
ノート
padding: ページ本体と枠の間の幅の指定
一番はじめの数値が上の枠の幅、次が右の枠の幅、次が下の枠の幅、最後が左の枠の幅です。
border-style: 枠の形の指定
他にも「solid」「ridge」「inset」「groove」「double」「outset」というタイプがあります。
border-width: 枠の太さの指定
上下左右の枠の太さを変えたい場合は、「15px 30px 15px 30px」のように記述してください 
●ページ全体のスクロールバーの色を変える
<!--▼▼▼▼▼▼▼▼ ページ全体のスクロールバーの色を変える ▼▼▼▼▼▼▼▼-->
<!-- 記入キニュウする場所バショは、<head>〜</head>のアイダ -->
<style type="text/css">
<!-- 
body { 
scrollbar-3dlight-color:#000080; 
scrollbar-arrow-color:#ffffff; 
scrollbar-base-color:#000080; 
scrollbar-darkshadow-color:#000080; 
scrollbar-face-color:#000080; 
scrollbar-highlight-color:#ffffff; 
scrollbar-shadow-color:#ffffff 
}
//-->
</style> 
<!--▲▲▲▲▲▲▲▲ ページ全体のスクロールバーの色を変える ▲▲▲▲▲▲▲▲-->
●文字列を光らせる
<!--▼▼▼▼▼▼▼▼ 文字列を光らせる ▼▼▼▼▼▼▼▼-->
<!-- 記入キニュウする場所バショは、<body>〜</body>のアイダ -->
<p style="font-size: 22pt; font-weight: bold; color: #ffffff; filter: glow(color=#55ddff,strength=5); width: 500;">
文字列を光らせる文章ブンショウ
</p>
ノート
font-size: 22pt フォントのサイズを指定します。
font-weight: bold フォントを太字にします。
font-style: italic; を追加すれば斜体になります。
color: #ffffff フォントの色を指定します。
width: 500 文字列の幅を指定します。
strengthは光の強さを指定します。
●文字列に影をつける
<!--▼▼▼▼▼▼▼▼ 文字列に影をつける ▼▼▼▼▼▼▼▼-->
<!-- 記入キニュウする場所バショは、<body>〜</body>のアイダ -->
<p style="font-size: 23pt; 
font-weight: bold; color: #22ggff; 
filter: shadow(color=#55ddff,direction=180); width: 250pt;">
文字列に影をつける文章ブンショウ
</p>
ノート
font-size: 23pt フォントのサイズを指定します。
font-weight: bold フォントを太字にします。
font-style: italic; を追加すれば斜体になります。
color: #55ddff フォントの色を指定します。
width: 400 文字列の幅を指定します。
●文字を浮かび上がらせる
<!--▼▼▼▼▼▼▼▼ 文字を浮かび上がらせる ▼▼▼▼▼▼▼▼-->
<!-- 記入キニュウする場所バショは、<body>〜</body>のアイダ -->
<p style="font-size: 23pt; font-weight: bold; color: #33ggff; 
filter: dropshadow (color=#55ddff); width: 550;">
文字を浮かび上がらせる文章ブンショウ
</p>
●文字列を重ねる
<!--▼▼▼▼▼▼▼▼ 文字列を重ねる ▼▼▼▼▼▼▼▼-->
<!-- 記入キニュウする場所バショは、<body>〜</body>のアイダ -->
<p style="font-family: Arial; 
font-size: 20; 
font-weight: bold; color: lightblue;">
重なってよく見えないぞ!</p>
<p style="font-family: Arial;
font-size: 20;
font-weight: bold; color: deepskyblue; 
position: relative; 
top: -35; left: 50;">
重なってよく見えないぞ!</p>
<p style="font-family: Arial; 
font-size: 20; 
font-weight: bold; color: blue; 
position: relative; 
top: -70; left: 100;">
重なってよく見えないぞ!</p>
●文字をフェードアウト
<!--▼▼▼▼▼▼▼▼ 文字をフェードアウト ▼▼▼▼▼▼▼▼-->
<!-- 記入キニュウする場所バショは、<body>〜</body>のアイダ -->
<p style="width=550;font-size:21pt;color:red;font-weight: bold; filter:alpha(opacity=100,finishopacity=0, style=3,startx=0,starty=0,finishx=90,finishy=90)">
フェードアウトさせる文章
</p>
font-size: 21pt フォントのサイズを指定します。
font-weight: bold フォントを太字にします。
font-style: italic; を追加すれば斜体になります。
color: royalblue フォントの色を指定します。
opacity=100 透明の度合いを0(透明)〜100(不透明)の範囲で指定します。
finishopacity=0 透明度を指定します。
グラデーションは、opacity 〜 finishopacity の範囲でかけられます。
style=3 グラデーションスタイルを指定します。
startx, starty, finishx, finishy で指定した領域に対して、1は線形、2は円形、3は長方形型にグラデーションをかけます。
0はグラデーションをかけません
startx=n, starty=n, finishx=n, finishy=n グラデーションをかける領域を指定します。
●文字をにじませる 
<!--▼▼▼▼▼▼▼▼ 文字をにじませる ▼▼▼▼▼▼▼▼-->
<!-- 記入キニュウする場所バショは、<body>〜</body>のアイダ -->
<p style="width: 550; font-size: 23pt;font-weight: bold; color: royalblue;filter:blur(strength=5,direction=45)">
にじませる文章
</p>
font-size: 23pt フォントのサイズを指定します。
width: 550 文字列の幅を指定します。
font-weight: bold フォントを太字にします。
font-style: italic; を追加すれば斜体になります。
color: royalblue フォントの色を指定します。
strength=5 にじませの強さを指定します。
direction=45 上方向から時計方向の角度を指定します。右上は45、右下は135になります。
●文字の透明部を指定色で塗りつぶす 
<!--▼▼▼▼▼▼▼▼ 文字の透明部を指定色で塗りつぶす  ▼▼▼▼▼▼▼▼-->
<!-- 記入キニュウする場所バショは、<body>〜</body>のアイダ -->
<p style="width: 550; font-size: 23pt;font-weight: bold; filter:Mask(color=royalblue)">
文字の透明部を指定色で塗りつぶす文章
</p>
font-size: 23pt フォントのサイズを指定します。
width: 550 文字列の幅を指定します。
font-weight: bold フォントを太字にします。
font-style: italic; を追加すれば斜体になります。
filter:Mask(color=royalblue) 透明部を塗りつぶす色を指定します。
●ゆらゆらゆれる文字 
<!--▼▼▼▼メイン▼▼▼▼ ゆらゆらゆれる文字 ▼▼▼▼メイン▼▼▼▼-->
<!-- 記入キニュウする場所バショは、<head>〜</head>のアイダ -->
<style type="text/css">
<!--
.title  { font-size:23pt; font-weight:bold; color:royalblue; width:550;} 
#wasser { filter:wave(freq=3,lightstrength=0,strength=2) alpha(style=0,opacity=50); } 
//-->
</style>
<!--▲▲▲▲メイン▲▲▲▲ ゆらゆらゆれる文字 ▲▲▲▲メイン▲▲▲▲-->
<!--▼▼▼▼サブ▼▼▼▼ ゆらゆらゆれる文字 ▼▼▼▼サブ▼▼▼▼-->
<center>
<div id="wasser" class="title">ゆらゆらゆれる文字</DIV>
</center>
<script language="jabascript">
<!--
var p = 1; 
var o = 1; 
var s = 300; 
function wasserflach() { 
var flt = document.all("wasser").filters["wave"]; 
flt.phase = p; 
p += 5; 
if (o <= 100) o += 1; 
if (p > 100) p = 1; 
setTimeout("wasserflach()",100); 
}
if (document.all) { wasserflach(); } 
// -->
</script>
<!--▲▲▲▲サブ▲▲▲▲ ゆらゆらゆれる文字 ▲▲▲▲サブ▲▲▲▲-->
font-size: 23pt フォントのサイズを指定します。
font-weight: bold フォントを太字にします。 font-style: italic; を追加すれば斜体になります。
color: royalblue フォントの色を指定します。
width: 550 文字列の幅を指定します。
wave(freq=3,lightstrength=0,strength=2) 文字を波打たせるための指定です。freq は波の速さを指定します。
●文字を水面に映す
<!--▼▼▼▼メイン▼▼▼▼ 文字を水面に映す ▼▼▼▼メイン▼▼▼▼-->
<!-- 記入キニュウする場所バショは、<head>〜</head>のアイダ -->
<style type="text/css">
<!--
.title  { font-size:23pt; font-weight:bold; color:royalblue; width:550;} 
#wasser { filter:flipV wave(freq=3,lightstrength=0,strength=2) alpha 
(style=0,opacity=50); } 
//-->
</style>
<!--▲▲▲▲メイン▲▲▲▲ 文字を水面に映す ▲▲▲▲メイン▲▲▲▲-->
<!--▼▼▼▼サブ▼▼▼▼ 文字を水面に映す ▼▼▼▼サブ▼▼▼▼-->
<center>
<DIV class="title">文字を水面に映す</DIV>
<DIV ID="wasser" class="title">水面スイメンウツった文字モジ</DIV>
</center>
<script language="jabascript">
<!--
var p = 1; 
var o = 1; 
var s = 300; 
function wasserflach() { 
var flt = document.all("wasser").filters["wave"]; 
flt.phase = p; 
p += 5; 
if (o <= 100) o += 1; 
if (p > 100) p = 1; 
setTimeout("wasserflach()",100); 
}
if (document.all) { wasserflach(); } 
// -->
</script>
<!--▲▲▲▲サブ▲▲▲▲ 文字を水面に映す ▲▲▲▲サブ▲▲▲▲-->
font-size: 23pt フォントのサイズを指定します。
font-weight: bold フォントを太字にします。 font-style: italic; を追加すれば斜体になります。
color: royalblue フォントの色を指定します。
width: 550 文字列の幅を指定します。
wave(freq=3,lightstrength=0,strength=2) 文字を波打たせるための指定です。freq は波の速さを指定します。