一番簡単なJSファイル

TOP 用 JSファイル

JSファイルをパソコンの「マイドキュメント」に保存します。

下記の記述をコピペしてメモ帳に貼り付けて下さい。
/**********ここからスタイルシートの設定です。**********/ //背景画像を使うときは、画像のフルパス指定します。 document.write('<style type="text/css"> body{ background-image:url(http://external-file.com/ja/sample-tospi.gif); background-attachment:fixed; } <\/style>'); //ブラウザ画面のボーダー指定（画面の枠） document.write('<style type="text/css"> body{ border-style:inset inset inset inset; border-width:20px 20px 20px 20px; border-color:#ecefff; } <\/style>'); //画面上の背景の色や文字の色、文字の大きさ指定 document.write('<style type="text/css"> body{ background-color:#f6ffff; color:#cecece; font-weight:bold; font-size:11pt; } <\/style>'); //スクロールバーの変更 document.write('<style type="text/css"> body{ scrollbar-base-color:#ecefff; scrollbar-face-color:#ecefff; scrollbar-arrow-color:#cccccc; scrollbar-3dlight-color:#999999; scrollbar-shadow-color:#ffffff; } <\/style>'); //横罫線（水平線）の指定 document.write('<style type="text/css"> hr{ height:1px; width:98%; color:#ff00ff; } <\/style>'); //未リンク部分の色や大きさ指定 document.write('<style type="text/css"> a:link{ color:#00e5ee; font-size:11pt; text-decoration:underline; } <\/style>'); //リンク済み部分の色や大きさ指定 document.write('<style type="text/css"> a:visited{ color:#00AAFF; font-size:11pt; text-decoration:underline; } <\/style>'); //マウスがリンク部分に重なったあとの、色や大きさ指定 document.write('<style type="text/css"> a:active{ color:#ffff00; font-size:11pt; text-decoration:none; } <\/style>'); //マウスがリンク部分に重なっているときの、色や大きさ指定 document.write('<style type="text/css"> a:hover{ color:#ffab00; font-size:30px; text-decoration:none; } <\/style>'); //マウスがリンク部分に重なっているときの、ボーダー枠で表示させる時の指定 document.write('<style type="text/css"> a:hover{ background-color:#d1eeee; border:3px solid #E2FF67; } <\/style>'); //マウスがリンク部分に重なっているときの、リンク部分の移動やカーソルの変更 document.write('<style type="text/css"> a:hover{ position:relative; top:10px; left:0px; cursor:crosshair; } <\/style>'); /********** ここまでスタイルシートの設定です。********** これらのスタイルシートの記述は初心者向けになっております。スタイルシートの記述は、まとめて記述することも出来ます。 *********** ここから貴方の好きなデザインの設定です。**********/ //自分でタグを記述してください。 //MIDIの設定　　MIDIファイルはフルパス指定です。 document.write('<p align="center"><embed src="http://external-file.com/ja/sample-tospi.mid" autostart="true" hidden="false" loop="true"><\/p>'); document.write('<div align="center"><table border="3" cellspacing="7" cellpadding="7" width="60%" bgcolor="#000099"><tr><td align="center">'); document.write('<h1>Sample<\/h1>'); document.write('<p align="center">Sample<\/p>'); //document.write('～～～～～　自分の　～～～～～'); //document.write('～～～～～好きなように～～～～～'); //document.write('～～～～～　どうぞ　～～～～～'); /**********ここまで貴方の好きなデザインの設定です。**********/ /**********ここから文字変更の設定です。**********/ function kantantop(){ for(i=0;i<document.links.length;i++){ if(document.links[i].innerText=="[1]書く"){ document.links[i].innerHTML="☆ WRITE ☆"; } if(document.links[i].innerText=="[4]私書箱IDで書く"){ document.links[i].innerHTML="☆ ID WRITE ☆"; } if(document.links[i].innerText=="[5]ﾉｰﾏﾙ言葉に戻す"){ document.links[i].innerHTML="ﾉｰﾏﾙ"; } if(document.links[i].innerText=="[5]変換言葉にする"){ document.links[i].innerHTML="変換"; } if(document.links[i].innerText=="[6]ﾛｸﾞを表示"){ document.links[i].innerHTML="Log ON"; } if(document.links[i].innerText=="[6]ﾛｸﾞを非表示"){ document.links[i].innerHTML="Log OFF"; } if(document.links[i].innerText=="ipBookMark"){ document.links[i].innerHTML="BookMark"; } if(document.links[i].innerText=="[0]戻る"){ document.links[i].innerHTML="BACK"; } if(document.links[i].innerText=="My HomePage"){ document.links[i].innerHTML="♪ Home ♪"; } if(document.links[i].innerText=="Delete"){ document.links[i].innerHTML="x"; } if(document.links[i].innerText=="[ｹｰﾀｲMode表示]"){ document.links[i].innerHTML="ｹｰﾀｲ表示"; } } } window.onload=kantantop; /**********ここまで文字変更の設定です。**********/
メモ帳の左上のファイルと書いてある所をクリックして、名前を付けて保存を選択します。
ファイル名の所に英数字の名前を記入して下さい。
保存する場所は「マイドキュメント」にします。
ほかのところは変更しないでください。
最後に保存ボタンを押せばPCに保存されています。

ファイルを魔法の i -ランドの画像倉庫にアップします。

偽装拡張子ファイルを魔法の i -ランドの画像倉庫にアップします。
画像と同じ要領で魔法の i -ランドの画像倉庫にアップロードします。

魔法の i -ランドの画像倉庫

魔法の i -ランドの格納倉庫に保存したスクリプトファイルのフルパスは、右クリックのプロパティでURLが表示されます。
偽装拡張子ファイルを魔法の i -ランドの画像倉庫にアップ出来ましたら、
次のステップで、ファイルのフルパスが必要になりますのでフルパスをメモしておいて下さい。

魔法のｉらんど（表紙の作成）の記述です。

<script src=ここに最後のファイルのフルパスを記入します。></script>
上記のタグで魔法のｉらんどのHPに呼び出します。
このサンプルの見本（デフォルト）ではこんな感じです。自分で改造して下さい。
魔法のｉらんど（表紙の作成）の記述（編集画面の記述）は全部消して、下の Textarea の記述と同じ様にして下さい。

一番簡単なJSファイル

この下のは見本です。