緑+印+堂さんのsample




TOP 用 JSファイル
一番目です。
  • JSファイルをパソコンの「マイ ドキュメント」に保存します。
  • 新しいJSファイルです。
  • メモ帳にコピペし、名前を付けて保存します。(例 P1884576N44.gif)
  • 保存する場所は「マイ ドキュメント」にします。

TOP 用 カスケードスタイルシート(CSS)ファイル
二番目です。
  • CSSファイルをパソコンの「マイ ドキュメント」に保存します。
  • これが新しいCSSファイルです。
  • 上のリンク「これが新しいCSSファイルです。」をクリックしたらメモ帳が開きましたよね。
  • メモ帳の左上のファイルと書いてある所をクリックして、名前を付けて保存を選択します。
  • ファイル名の所に P1884576N43[1].css このようになっているはずです。
  • そのファイル名を書き直して下さい。(例 P1884576N43.gif)
  • 保存する場所は「マイ ドキュメント」にします。
  • ほかのところは変更しないでください。
  • 最後に保存ボタンを押せばPCに保存されています。

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

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

ファイルの編集
五番目です。
  • 下のファイルを編集します。
  • メモ帳(Notepad)を開いて下の記述をコピペして下さい。
  • 
    document.write('<link rel="stylesheet" href="ここの場所に魔法の i -ランドの画像倉庫にアップした二番目のファイルのフルパスを記入します。" type="text/css">');
    
    document.write('<table class="top1" bgcolor="#f2ffee"><tbody><tr><td align="center" width="190" nowrap>');
    document.write('<h1>緑\+印\+堂<\/h1><b>緑川光応援サイト<\/b>');
    document.write('<\/td><td width="550">');
    
    document.write('<div class="Menu1">');
    document.write('<table class="Menu1"><tbody><tr>');
    document.write('<td nowrap><a title="緑川光さんプロフィール☆緑川さんを知ろう☆[12/9最新]" href="http://ip.tosp.co.jp/i.asp?I=VOICEAID&P=1" target="_top">緑川光さんプロフィール<\/a><\/td>');
    document.write('<td nowrap><a title="イベント情報☆11/21最新☆" href="http://i.tosp.co.jp/i.asp?i=AIDEVENT" target="_top">イベント情報<\/a><\/td>');
    document.write('<td nowrap><a title="佳作小説堂☆へっぽこ小説置き場☆" href="http://ip.tosp.co.jp/BK/TosBK100.asp?I=VOICEAID&P=0" target="_top">佳作小説堂<\/a><\/td>');
    document.write('<td nowrap><a title="けいじばん☆気軽にカキコしてください☆" href="http://ip.tosp.co.jp/i.asp?I=VOICEAID&P=5" target="_top">けいじばん<\/a><\/td>');
    document.write('<\/tr><tr>');
    document.write('<td nowrap><a title="緑川光出演番組情報!!" href="http://ip.tosp.co.jp/i.asp?I=VOICEAID&P=2" target="_top">緑川光出演番組情報!<\/a><\/td>');
    document.write('<td nowrap><a title="管理人紹介☆あんぱんプロフィール☆" href="http://ip.tosp.co.jp/i.asp?I=VOICEAID&P=6" target="_top">管理人紹介<\/a><\/td>');
    document.write('<td nowrap><a title="あんぱん×だいありぃ☆気まぐれ最新中☆" href="http://diary3.cgiboy.com/0/ryokuindou/" target="_top">あんぱん×だいありぃ<\/a><\/td>');
    document.write('<td nowrap><a title="あんぱん宛のご意見ご感想☆MAIL" href="http://ip.tosp.co.jp/Kj/Tospi510.asp?I=VOICEAID&P=0&Sd=1884576&BPG=I" target="_top">MAIL<\/a><\/td>');
    document.write('<\/tr><tr>');
    document.write('<td nowrap><a title="緑川光最新お仕事情報☆12/8最新!!☆" href="http://ip.tosp.co.jp/i.asp?I=VOICEAID&P=3" target="_top">緑川光最新お仕事情報<\/a><\/td>');
    document.write('<td nowrap><a title="検索堂リンク集☆リンク様募集(携帯用HP専用)☆" href="http://ip.tosp.co.jp/HS/TosHS100.asp?I=VOICEAID&P=0" target="_top">検索堂リンク集<\/a><\/td>');
    document.write('<td nowrap><a title="緑川さんキャラ日記☆不定期最新中!!☆" href="http://diary3.cgiboy.com/0/lovediary/" target="_top">緑川さんキャラ日記<\/a><\/td>');
    document.write('<td nowrap><a title="足跡ルーム" href="http://ip.tosp.co.jp/kr/toskr100.asp?I=VOICEAID" target="_top">足跡ルーム<\/a><\/td>');
    document.write('<\/tr><\/tbody><\/table>');
    document.write('<\/div>');
    
    document.write('<\/td><\/tr><\/tbody><\/table>');
    
    document.write('<script src="ここの場所に魔法の i -ランドの画像倉庫にアップした一番目のファイルのフルパスを記入します。" type="text/javascript"><\/script>');
    
    ///////////////////////////////////////
    
    function mido(){
    	for(i=0;i<document.links.length;i++){
    		if(document.links[i].innerText=="[ケータイMode表示]"){
    			document.links[i].innerHTML="";
    		}
    		if(document.links[i].innerText=="足跡"){
    			document.links[i].innerHTML="";
    		}
    		if(document.links[i].innerText=="HPデータ表示"){
    			document.links[i].innerHTML="";
    		}
    		if(document.links[i].innerText=="ブックマーク"){
    			document.links[i].innerHTML="";
    		}
    		if(document.links[i].innerText=="Myリンク"){
    			document.links[i].innerHTML="";
    		}
    		if(document.links[i].innerText=="Myカテゴリ"){
    			document.links[i].innerHTML="";
    		}
    		if(document.links[i].innerText=="ステーション"){
    			document.links[i].innerHTML="";
    		}
    		if(document.links[i].innerText=="*無料HP作成*"){
    			document.links[i].innerHTML="";
    		}
    		if(document.links[i].innerText=="魔法のiらんど"){
    			document.links[i].innerHTML="";
    		}
    	}
    }
    window.onload=mido;
    
    ////////////////////////////////////////////////
    
  • コピペした記述の中に、二箇所変更しなければいけない場所があります。
    変更の必要箇所が解りましたか???
  • 二箇所のフルパス(魔法の i -ランドの画像倉庫にアップしたファイルのフルパス)が記入出来ましたら、
  • メモ帳の左上のファイルと書いてある所をクリックして、名前を付けて保存を選択します。
  • そのファイル名を midori-4.gif と記入して下さい。
  • 保存する場所は「マイ ドキュメント」にします。
  • ほかのところは変更しないでください。
  • 最後に保存ボタンを押せばPCに保存されています。

最後のファイルを魔法の i -ランドの画像倉庫にアップします。
六番目です。
  • 最後のファイルを( midori-4.gif 偽装拡張子ファイル)を魔法の i -ランドの画像倉庫にアップします。
  • 画像と同じ要領で魔法の i -ランドの画像倉庫にアップロードします。

魔法の i -ランドの画像倉庫
七番目です。
  • 魔法の i -ランドの格納倉庫に保存したスクリプトファイルの フルパスは、 右クリックのプロパティでURLが表示されます。
  • 最後のファイルを魔法の i -ランドの画像倉庫にアップ出来ましたら、
    次のステップで、フルパスが必要になりますので、またフルパスをメモしておいて下さい。
魔法のiらんど(表紙の作成)の記述です。
  • <script src=ここに最後のファイルのフルパスを記入します。></script>
  • 上記のタグで魔法のiらんどのHPに呼び出します。
  • 今までの記述(編集画面の記述)は全部消して、下の Textarea の記述と同じ様にして下さいね。

この下のは見本です。

HP作成=>うまくできるかな。
  魔法のiらんど
(表紙の作成)
 
HP作成=>うまくできるかな。


PC拡張エリア[〜1000文字]
(PCの時のみ表示され、携帯電話では非表示です)


Top[〜1000文字]


画像[選択]
  指定....
☆画像プロモーションとは?
自分で作成する..

内容[〜1000文字]


ここにインデックス(リンクボタン)が付きます
End[〜1000文字]


PC拡張 Endエリア[〜1000文字]
(PCの時のみ表示され、携帯電話では非表示です)


  表紙を作成しましょう。
自分のHPの最初の画面です。
HPでみんなに見てもらいたい
ことを書いてみましょう。
(HTMLタグを間違えると
修正できなくなる事があります
内容を理解して使用してください
PC用の拡張エリアでTableタグや
Scriptタグを使うと便利です

[0]戻る
■PCでのカラーや画像設定

壁紙やバックカラーなどの設定は 『カラー設定』から行います。
画像は 独自タグキーワード(下に説明)等で画像倉庫に入れた画像をホームページや他の画面のどこにでも貼り付けられます。 PCだけに表示にしたり携帯だけに表示したりすることも出来ます
インデックス(リンクボタン)に画像を設定するときも同様に独自タグを使用します。 独自タグを使用すればiMode・j-Phone・Ezすべてに対応できます。
■独自タグ

■独自タグキーワード
独自タグキーワードとは魔法のiらんどのホームページ作成文章の中に使用できる独自文字です

##SD0## 開始日の非表示
##SD1## 開始日をyyyy-mm-ddで表示
##SD2## 開始日をyyyy/mm/ddで表示
##SD3## 開始日をmm/ddで表示
##SD4## 開始日をmm月dd日で表示
##UD0## 更新日の非表示
##UD1## 更新日をyyyy-mm-ddで表示
##UD2## 更新日をyyyy/mm/ddで表示
##UD3## 更新日をmm/ddで表示
##UD4## 更新日をmm月dd日で表示
##NN## 訪問数を好きなところに表示
例: 「あなたで##NN##人目」を実行すると
あなたはnn人目
と表示されます
##CDyyyymmdd## カウントダウン(今日までの日数)を好きなところに表示(yyyymmddに年月日を西暦8桁でセットする)
例: 「後##CD20020930##日で結婚記念日」を実行すると
後50日で結婚記念日
と表示されます
##IFNx,y,z## 訪問数がxからyの範囲のときzを表示
例a: 「##IFN1,99,みんな見て」の場合
訪問数が1から99人のときみんな見て
と表示されます
例b: 「##IFN100,100,百人目だよ」の場合
訪問数が100人のとき百人目だよ
と表示されます
##H1## 罫線を引く(H1からH5まで太さを変えられます)
##BR## 改行
##CS## センタリングの開始
##CE## センタリングの終了
例: 「##CS##真中に表示##CE##」を実行すると
真中に表示
と表示されます
##MS## 流れる文字の開始
##ME## 流れる文字の終了
例: 「##MS##文字が右から左へ##ME##」を実行すると文字が右から左へ(機種によってはできない場合もあります)
##MS1## 動く文字の開始
例: 「##MS1##待っててね##ME##」を実行すると待っててね
##BS## 文字の点滅開始
##BE## 文字の点滅終了
例: 「##BS##文字がブリンク##BE##」を実行すると文字がブリンク
##TS## テーブルに囲む開始
##TE## テーブルに囲む終了
例: 「##TS##テーブルに囲まれる##TE##」を実行すると
テーブルに囲まれる
##Axxx## 自分の画像を表示
xxxにアルバムオブジェクトでアップロードした自分の画像番号001から100を指定する
##APxxx## 画像をPCのときのみ表示
xxxにアルバムオブジェクトでアップロードした自分の画像番号001から100を指定する
##AKxxx## 画像を携帯のときのみ表示
xxxにアルバムオブジェクトでアップロードした自分の画像番号001から100を指定する
##IxxM## 自分の画像を表示
xxにPCでアップロードした自分の画像番号01から10を指定する
##Ixxx## アートギャラリィの画像表示
xxxにアートギャラリィの画像番号を指定する
##HPxx## ホームページのID検索窓表示
xxにボタンの文字を指定する(省略可能)
##IQxx## IQモード(辞書)検索窓表示
xxにボタンの文字を指定する(省略可能)
##MLxx## お知らせ機能
xxにリンク文字を指定する(省略可能)
##KR## 足跡(キリ番掲示板)表示
##MD## 無料着信メロディのダウンロード

上記はTOP・画面内容・インデックス内容すべてに使用できます。 又,複数使用して画像を次機能のボタンにするとか3列画像を並べるとか可能になります

##SS## インデックス内容入力でのみ設定可能のリンクラインをやめるセパレータ機能
例: 「独自タグキーワード##SS##これは説明です」を実行すると
独自タグキーワードこれは説明です

となります

独自タグはすべて半角で英字は大文字です。 以上、うまく組み合わせてすばらしいページにして下さい。
実行結果はこちら緑+印+堂 様のHP(過去形です。)
 | サンプル集に戻る | Top |     



 | Contact us at Feedback  | SitePolicy | 

Last Update: 6 / 25 / 2008 18:02:49 JST

 | 子連れ ヘラブナ釣り  | ひかる君の写真集  | Bayani  | Balita  | Bagong Bayani  | Directory  | Yahoo! 360°  | Web BBS  | JS File |