1.  サイト 1  コメント …
    1. Radio Station
    2. Microsoft Radio Tuner
    3. ♪□Movie ストリーミング
    4. BBC
    5. Digitally Radio
    6. スライドショー 19
    7. 画像切り替え 18
    8. 画像切り替え 13
    9. 画像切り替え 21
    10. スライドショー 21
    11. データベース15
    12. Apple
    13. Fashion TV
    14. BIGLOBE ストリーム 女優
    15. … 
  2.  サイト 2  コメント …
    1. サイト21 …
    2. サイト22 …
    3. サイト23 …
    4. サイト24 …
    5. サイト25 …
    6. サイト26 …
    7. サイト27 …
    8. … 
  3.  サイト 3  コメント …
    1.  サイト 31  …
      1. サイト311 …
      2. サイト312 …
      3. サイト313 …
      4. サイト314 …
      5. サイト315 …
      6. サイト316 …
      7. サイト317 …
      8.  …
    2.  サイト 32  …
      1. サイト321 …
      2. サイト322 …
      3. サイト323 …
      4. サイト324 …
      5. サイト325 …
      6. サイト326 …
      7. サイト327 …
      8.  …
    3.  サイト 33  …
      1. サイト331 …
      2. サイト332 …
      3. サイト333 …
      4. サイト334 …
      5. サイト335 …
      6. サイト336 …
      7. サイト337 …
      8.  …
    4.  サイト 34  …
      1. サイト341 …
      2. サイト342 …
      3. サイト343 …
      4. サイト344 …
      5. サイト345 …
      6. サイト346 …
      7. サイト347 …
      8.  …
  4.  サイト 4  コメント …
    1.  サイト 41  …
      1. サイト411 …
      2. サイト412 …
      3. サイト413 …
      4. サイト414 …
      5. サイト415 …
      6. サイト416 …
      7. サイト417 …
      8.  …
    2.  サイト 42  …
      1. サイト421 …
      2. サイト422 …
      3. サイト423 …
      4. サイト424 …
      5. サイト425 …
      6. サイト426 …
      7. サイト427 …
      8.  …
    3.  サイト 43  …
      1. サイト431 …
      2. サイト432 …
      3. サイト433 …
      4. サイト434 …
      5. サイト435 …
      6. サイト436 …
      7. サイト437 …
      8.  …
    4.  サイト 44  …
      1. サイト441 …
      2. サイト442 …
      3. サイト443 …
      4. サイト444 …
      5. サイト445 …
      6. サイト446 …
      7. サイト447 …
      8.  …
  5.  サイト 5  コメント …
    1.  サイト 51  …
      1. サイト511 …
      2. サイト512 …
      3. サイト513 …
      4. サイト514 …
      5. サイト515 …
      6. サイト516 …
      7. サイト517 …
      8.  …
    2.  サイト 52  …
      1. サイト521 …
      2. サイト522 …
      3. サイト523 …
      4. サイト524 …
      5. サイト525 …
      6. サイト526 …
      7. サイト527 …
      8.  …
    3.  サイト 53  …
      1. サイト531 …
      2. サイト532 …
      3. サイト533 …
      4. サイト534 …
      5. サイト535 …
      6. サイト536 …
      7. サイト537 …
      8.  …
    4.  サイト 54  …
      1. サイト541 …
      2. サイト542 …
      3. サイト543 …
      4. サイト544 …
      5. サイト545 …
      6. サイト546 …
      7. サイト547 …
      8.  …
    太陽風ДζΨΠ∀ サイト内検索ページを、NewWinで開きます。 全Web・ドメイン検索
 
 検索ドメイン :  更新日 :
  
  
  アクセス数 :
  
アクセスカウンター
                    
     

 

 

 

ホーム へ       サンプルページ  Hello!……のページへようこそ …* 2i sample2i_index.htm

トップページ(例)、スライドショー 14折り畳みリスト3ci、ドメイン検索7WMediaPlayer4サウンド1時計aタイムスタンプお気に入りに追加ボタンを実装。      DHTML。      カスタマイズはテキストエディターなどで可。    all 対応。     コピー、編集し、簡単にWebで応用できまっ、(^ ^)。

デモは、 Internet Explorerモード で作動。設定方法 でお試しあれ!。  折り畳みメニューのマウスオーバー・クリックや、〔Search〕ボタン押さえる、WinMediaPlayerのパネル操作などで。

 

< ご使用方法 >

 ・ 保存sample2i_index.htm、outline.js93bar_sv.gifpwrgoglwht.gifX3.gifflash.gif30tbwh1_r.gif を右クリック、【名前を付けてリンクを保存】 - <保存する場所>: ……、などで。  ※: 変わってしまった、ファイル名や、*.htm 中のパスは要修正。

 ・ ペーストは、sample2i_index.htm をテキストエディターで開き、ホームページ作成ソフトなどの ”テキストモード で、新しいページや hogehoge.htm(=任意の挿入先ファイル名) の、 <head> 〜 </head> の任意の行間に (*1) を、さらに <body> 〜 </body>の任意の行間に (*2) をペーストします。   ※: テキストモードコード/HTMLタグ挿入/HTMLメニュー など。

 ・ 編集 : hogehoge.htm に テキストモードでペースト 後は、ホームページ作成ソフトのデザインや通常モード、テキストモード、テキストエディターで編集します。  下記の(例) (*1) と、(*2)  を参考に太字部分の編集を任意に行います。 

※: 外部ドメイン(サイト)にアップロートの画像などの使用は、非表示に注意。  画像の alt タグは不可、サイズ指定の pt などの省略は注意。  スクリプト構文中への 改行混入注意。

 ・ アップロードは、hogehoge.htm と同じホルダーに、使用してる 上記画像、*.js、*.css などがあればアップロードします。   別ホルダーの場合は、hogehoge.htm の該当パス注意。

 ・ 作動テストは Edge〜 などで。  更新の確認は、ブラウザーなどのキャッシュのクリア後に実施。  (1) [F5]キ- or Ctrl+Rキー を押し、最新データ読み込みで。  更に、(2) Edgeを全て閉じ、再起動を行い、【Edge】 - 右上 [……] - [設定] - [プライバシー、検索、サービス] - [閲覧デ-タをクリア] - [クリア-するデ-タの選択] - [v]閲覧の履歴 -[今すくクリア] をクリック。  留めに、(3) サーバーのファイルを一旦削除。

 ・ 関連情報 : 色記号 RGB5 〃6 〃8 フォントスタイルシートリファレンスホームページ開設入門HTMLをテキストエギタ-で編集

 

(*1) sample2i_index.htm (例)        挿入先の  <head> 〜 </head>の、部分にペーストします。

HTMLの編集方法   (*1) をテキストエディターで開き、下記↓のHTMLを挿入先ファイルにペースト、太字部分を編集し使用。
〔この列ペースト不要〕

シフトJIS使用(削除不可)

ieなどに表示するアイコンファイル名(削除可)

<style type 〜</style>は(削除可)
(*1)〜(*3)表タイトル背景

body 文字色 背景色 下線
ハイパーリンク 〃
表示済みの〃
マウスオーバー時の〃
クリック中の〃
フォント

リンクを新しいWinで開くを標準(削除可)※:target= いろいろ
同じフレーム=_self、ページ全体=_top、親フレーム=_parent

お気に入りなどに表示 : ページ名(≠ファイル名)

時計

 

 

 

 

スライドショー14


遷移時間(3秒)
切り替え間隔(7秒)

画像URL

 

 

 

 

 

 

<meta http-equiv="Content-Type" content="text/html; charset=x-sjis">

<link REL="SHORTCUT ICON" href="favicon.ico">

<style type="text/css"><!--
.xxx0 { background: #F9F8F9 url('wttec.gif'); }
.xxx1 { background-color:#E3E0DC; }
.xxx2 { background-color:#FFFFFF; }
body { color:#000000; background: #F9F8F9 url('wttec.gif'); text-decoration:none }
a:link { color:#190049; background-color:#FBFAFE; text-decoration:none; }
a:visited { color:#333; background-color:#EDECEF; text-decoration:none; }
a:hover { color:#1F002E; background-color:#D3FE7C; text-decoration:underline; }
a:active { color:#1F002E; background-color:#C3FEBB; text-decoration:underline; }
font {font-size:12px; line-height:14px;}
body,tr,td,form{ font-family:メイリオ.Lucida Sans Regular,MS PGothic,; font-size: 12px}
 --></style>

<base target="_blank">

<title> サンプルページ  Hello!……のページへようこそ …* 2i</title>

<!-- ☆ --- 時計 ------- ↓ この間をコピー、編集、ペーストします。 ---------- -->
<!--webbot bot="HTMLMarkup" startspan -->
<script>
var dayarray=new Array("日曜日","月曜日","火曜日","水曜日","木曜日","金曜日","土曜日")

====  この間、説明を省略。  ====

setInterval("getthedate()",1000)
}
</script>
<!--webbot bot="HTMLMarkup" endspan -->
<!-- ☆ ---------- ↑ この間をコピー、編集、ペーストします。 ---------- -->

<!-- ☆ --- スライドショー14 ------- ↓ この間をコピー、編集、ペーストします。 ---------- -->
<SCRIPT language="JavaScript">
<!--
var time=3;
var rtime=7000;
var image= new Array();
image[0]='img_chg12/14.jpg';

====  この間、説明を省略。  ====

}
//-->
</SCRIPT>
<!-- ☆ --- スライドショー14 ------- ↑ この間をコピー、編集、ペーストします。 ---------- -->

<!-- ☆ --- 折り畳みメニュー3ci -------- ↓ この間をコピー&ペーストします。 ------------ -->
<!--webbot bot="HTMLMarkup" startspan -->
<style type="text/css"><!--
li {
MARGIN-TOP: 1px; MARGIN-LEFT: -22px
}
--></style>
<script language="JavaScript" fptype="dynamicoutline">
<!--

====  この間、説明を省略。  ====

//-->
</script>
<!--webbot bot="HTMLMarkup" endspan -->
<!-- ☆ --- 折り畳みメニュー3ci -------- ↑ この間をコピー&ペーストします。 ------------ -->

(*2) sample2i_index.htm (例)        挿入先の  <body> 〜 </body> の、 部分にペーストします。

HTMLの編集方法   (*2)をテキストエディターで開き、下記↓のHTMLを挿入先ファイルにペースト、太字部分を編集し使用。
〔この列ペースト不要〕
 

<body 部 編集

 

 

 

 

 

 

スライドショー14

 

 

 

 

 

折り畳みメニュー3ci

 

 

吹き出し

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Google日本検索

 

画像・背景画像

 

 

 

 

 

検索キーワード(例)(削除可。)

 

 

 

 

 

 

 

 

 

 

 

時計

 

 

 

 

タイムスタンプ

 

 

 

アクセスカウンター

 

各々のタググ(HTML)は、ここから入手

 

 

 


 

WindowsMediaPlayer - ActiveX

 


 

手動開始 : 0
自動開始 : -1

 

 

 

 

♪連続演奏、ストリーム

 

<!--webbot bot="HTMLMarkup" startspan -->
<body onLoad="imgchange(),goforit(),init_menu();" onclick="dynOutline()" language="Javascript1.2">
<!--webbot bot="HTMLMarkup" endspan -->
<!-- ★ --- ↑の、onLoad="imgchange(),goforit();" onclick="dynOutline()" language="Javascript1.2"〔スライドショー14、時計、折り畳みメニュー3ci〕と、------- ↓ この間をコピー、編集、ペーストします。 ---------- -->
<!-- ■■ ---- DIV、表 ------- ↓ この間をコピー&ペーストします。 ------------ -->
<div style="position:Absolute; top:0; left:0; width:100%; height:76; z-index:0; visibility:visible;background-color:#FEFEFE;background-image: url('93bar_sv.gif');border-left: 1px solid #F0F0F4; border-top: 1px solid #F0F0F4; border-right: 1px solid #E2E2E7; border-bottom: 1px solid #E2E2E7;; font-style:normal; font-variant:normal; font-weight:normal; font-size:10px; font-family:Verdana">
<table border="0" width="100%" cellspacing="0" cellpadding="4" style="border-collapse: collapse" bordercolor="#FFFFFF" id="table1" height="76">
<tr>
<td width="113">
<!-- ★ ---- スライドショー14 ------- ↓ この間をコピー&ペーストします。 ------------ -->
<!--webbot bot="HTMLMarkup" startspan -->
<div style="position:Absolute; top:0; left:0;">
<IMG src='img_chg12/14.jpg' id="imgframe" style="filter:blendTrans">
</div>
<!--webbot bot="HTMLMarkup" endspan -->
<!-- ★ ---- スライドショー14 ------- ↑ この間をコピー&ペーストします。 ------------ -->
</td>
<td width="218">
</tr>
</table>
<!-- ☆ --- 折り畳みメニュー3ci -------- ↓ この間をコピー&ペーストします。 ------------ -->
<!--webbot bot="HTMLMarkup" startspan -->
<div style="position:absolute; top:1; left:130; width:170; height:10; z-index:0; visibility:visible; background-color:#FFFFFF; background-image: url('');" STYLE="filter:progid:DXImageTransform.Microsoft.Alpha( Opacity=95, FinishOpacity=95)">
<!-- □ ---- 折り畳みメニューは、↑の、 onclick="dynOutline()" と、↓ この間をコピー、編集、ペーストします。 ---------- -->
<table width="170" border="1" cellspacing="0" cellpadding="2" bgcolor="#FFFFF4" style="border-collapse: collapse" bordercolorlight="#F1F0FB" bordercolordark="#D5CED3">
<tr>
<td background="wttec.gif">
<ol dynamicoutline initcollapsed><font size="2" style="font-size: 12px; line-height: 13px;">
<li STYLE="cursor:hand"><span style="background-color: #FB6B01; color: #FFFFFF; list-style-image: url('10dbbl.gif');" title="\^o^//(>_<) - 展開/折り畳みしまっ…*。"><b> サイト 1 </b></span> コメント …<ol>
<li><span style="list-style-image: url('10vl_r.gif');"><a href="station1w.htm" target="_blank" title="♪♪ - Classics・WorldMusic・Pops・Jazz・Bleus・Rock">Radio Station</a></li>

====  この間、説明を省略。  ====

<li><a target="_blank" href="http://www./……/xxx.html">サイト545</a> …</li>
<li><a target="_blank" href="http://www./……/xxx.html">サイト546</a> …</li>
<li><a target="_blank" href="http://www./……/xxx.html">サイト547</a> …</li>
<li> …</li>
</ol>
</li>
</ol>
</li></tr>
<!--     ↑の、</tr>は、bottomの空白行を非表示にする。 -->
</ol>
</font>
</td>
</tr>
</table></table>
<!-- □ --- 折り畳みメニュー ↑ この間をコピー、編集、ペーストします。 ---------- -->
</div>
<!--webbot bot="HTMLMarkup" endspan -->
<!-- ☆ --- 折り畳みメニュー3ci -------- ↑ この間をコピー&ペーストします。 ------------ -->
<table>
<tr>
<td heIgh="76" style="width:340; background:#FFFFFF url('93bar_sv.gif');">
<!-- ★ ---- Google日本検索窓 ------ ↓ この間をコピー、編集、ペーストします。 ---------- -->
<div style="position:Absolute; top:-1; left:301; width:340; height:22; z-index:0; visibility:visible; background-image: url('93bar_sv.gif'); background-color:#FFFFFF;border-left: #F0F0F4 1px solid; border-top: #F0F0F4 1px solid; border-right: #E2E2E7 1px solid; border-bottom: #E2E2E7 1px solid;">
<a href="http://www.google.co.jp/"><img SRC="pwrgoglwht.gif" BORDER="0" title="超高速サーチエンジン - 日本Googleで検索します。" ALIGN="middle" width="82" height="30"></A>&nbsp;&nbsp;&nbsp;&nbsp;<a href="search_google4.htm" target="_blank"><img border="0" src="title002a.jpg" width="132" height="22" alt="太陽風ДζΨΠ∀ サイト内検索ページを、NewWinで開きます。" target="_blank" align="middle"></a> 全Web・ドメイン検索</font>
</div>
<div style="position:Absolute; top:28; left:301; width:340; height:10; z-index:0; visibility:visible; background-image: url('93bar_sv.gif'); background-color:#FFFFFF;border-left: #F0F0F4 1px solid; border-top: #F0F0F4 1px solid; border-right: #E2E2E7 1px solid; border-bottom: #E2E2E7 1px solid;">
<FORM action="http://www.google.com/search">
<INPUT type="hidden" name="hl" value="ja">
<INPUT type="hidden" name="hq" value="">
<INPUT type="hidden" name="ie" value="Shift_JIS">
<INPUT type="hidden" name="oe" value="Shift_JIS">
<INPUT type="hidden" name="filter" value="0">
<INPUT type="text" name="q" maxlength="120" size="34" value="Java JavaScript DHTML XML CSS" style="color:#1C0023; background-color:#F0EDE8;">
<input TYPE="image" value="Web Search" name="xxxx" src="./X3.gif" width="58" height="23" title="日本Googleで、関連ページを検索するだよ。 =(゜。.゜)= 〜*" align="absmiddle"> 
<select name=num style="color:#FFFFFF; background-color:#36312D;">
<option value="50" selected>50件

====  この間、説明を省略。  ====

<option value="m6"><b>6</b><b>ヶ月</b>以内
<option value="y">一年以内
</FORM></div>
<!--webbot bot="HTMLMarkup" endspan -->
<!-- ★ ---- Google日本検索窓 ------ ↑ この間をコピー、編集、ペーストします。 ---------- -->
</td>
</tr>
</table>
</div>
<table><tr>
<td>
<!-- ★ ---- 時計 ー------- ↓ この間をコピー&ペーストします。 ------------ -->
<!--webbot bot="HTMLMarkup" startspan -->
<div style="position:Absolute; left:650; top:2; width:240; height:14; border-style:inset; border-width:1; border-color:#C1BAD1; padding-left:0; padding-right:1; padding-top:1; padding-bottom:1";><font face="Lucida Console" size="2"><span style="background-color:#FFFFFF; background-image: url('30tbwh1_r.gif')">&nbsp;<span id="clock"></span>&nbsp;</font></div></span>
<!--ebbot bot="HTMLMarkup" endspan " -->
<!-- ★ ---- 時計 ー------- ↑ この間をコピー&ペーストします。 ------------ -->

<!-- ★ --- タイムスタンプ  ------- ↓ この間をコピー、編集、ペーストします。 ---------- -->
<div style="position:Absolute; left:677;top:22; width:215; height:14; z-index:0; visibility:visible; background-image: url(''); background-color:">
  <font face="Lucida Sans Regular" color="#260052"><SCRIPT LANGUAGE="JavaScript">
document.write(" 更新 : "+document.lastModified);
</SCRIPT></font><br>  <font face="Lucida Sans Unicode" color="#333">アクセス数 :</font></div>
<!-- ★ --- タイムスタンプ  ------- ↑ この間をコピー、編集、ペーストします。 ---------- -->

<!-- ★ --- アクセスカウンター ー------- ↓ この間をコピー、編集、ペーストします。 ---------- -->
<div style="position:Absolute; left:727; top:24;width:215; height:14; z-index:0; visibility:visible; background-image: url(''); background-color:">
  <!--タグはここから--><table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><a href="http://www.rays-counter.com/"><img src="http://www.rays-counter.com/d475_f8_002/5feee0c75f92c/" alt="アクセスカウンター" border="0"></a></td></tr><tr><td align="center"><img src="http://www.rays-counter.com/images/counter_01.gif" border="0"><img src="http://www.rays-counter.com/images/counter_02.gif" border="0"><img src="http://www.rays-counter.com/images/counter_03.gif" border="0"><img src="http://www.rays-counter.com/images/counter_04.gif" border="0" ><img src="http://www.rays-counter.com/images/counter_05.gif" border="0"></td></tr></table><!--ここまで-->
  </div>
<!-- ★ --- アクセスカウンター ー------- ↑ この間をコピー、編集、ペーストします。 ---------- -->
</td>

<td width="311">
<!-- ★ ---- WindowsMediaPlayer - ActiveX ------ ↓ この間をコピー、編集、ペーストします。 ---------- -->
<div style="font:normal 11px tahoma; position:Absolute; top:0; left:900; width:200; height:84; z-index:0; visibility:visible; background-image: url(''); background-color:#FFFFFF">
<object classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" id="WindowsMediaPlayer1" width="250" height="84">
<param name="URL" ref value="sound1a.asx">
<Xparam name="URL" ref value="http://maltedmedia.com/recordings/respighi-dove.mp3">
<param name="rate" value="1">
<param name="balance" value="0">
<param name="currentPosition" value="0">
<param name="defaultFrame" value>
<param name="playCount" value="1">
<param name="autoStart" value="0">

====  この間、説明を省略。  ====

<param name="enableErrorDialogs" value="0">
</object>
</div>
<!-- ★ ---- WindowsMediaPlayer - ActiveX ------ ↑ この間をコピー、編集、ペーストします。 ---------- -->

<!-- ★ --- ♪連続演奏、ストリーム -------- ↓ この間をコピー&ペーストします。 ------------ -->
<div style="font:normal 11px tahoma; position:Absolute; top:60; left:650; width:220; height:15; z-index:0; visibility:visible; background-image: url(''); background-color:">
<a href="http://www.pat.hi-ho.ne.jp/oka_tosho/hyou4-5/hyou5.htm"><span style="color:#FFFFFF;background-color:#9D9FAC;">&nbsp; <img border="0" src="flash.gif" width="23" height="17" align="absbottom" title="小Win音源サイト選択、サウンド・ムービー・ストーリームコンテンツを連続演奏 - WinMediaPlayerパネル制御"> </a></span>&nbsp;&nbsp;
 <a href="https://xml-xsl.sakura.ne.jp/sound1.asx" style="background-color:#FFFFFF; color:#00AC96" title="♪MID Sound -Clasics 連続演奏 -WinMediaPlayerパネル制御">■</a>

====  この間、説明を省略。  ====

 <a HREF="https://xml-xsl.sakura.ne.jp/sound2.asx" style="background-color: #FFFFFF; color:#940171" title="□ MP4,ASX Movie -Jazz・Pops 連続演奏 -WinMediaPlayerパネル制御">■</a>
 <a HREF="http://www.pat.hi-ho.ne.jp/oka_tosho/real_play.htm" style="background-color: #FFFFFF; color:#006A9F" title="□♪ swf,ram,mov,asx,wmv,mpg,mp4 非連続演奏 -プルダウンメニュー、Playerパネル制御">■</a>
<!-- ★ --- ♪連続演奏、ストリーム -------- ↑ この間をコピー&ペーストします。 ------------ -->
<!-- ★ ---- お気に入りに追加 ------- ↓ この間をコピー&ペーストします。 ------------ -->
 <!--webbot bot="HTMLMarkup" startspan --><span style="background-color: #777; color: #D8C600;" title="クリック → ”お気に入りに追加”を開始します、よ。"><script language="JavaScript"><!--
if ((navigator.appVersion.indexOf("MSIE") > 0)
&& (parseInt(navigator.appVersion) >= 4)) {
document.write("<SPAN STYLE='cursor:hand;'onclick='window.external.AddFavorite(location.href, document.title);'><b>★</b></SPAN>");
}
// --></script></font></span><!--webbot bot="HTMLMarkup" endspan -->
</div>
<!-- ★ ---- お気に入りに追加 ------- ↑ この間をコピー&ペーストします。 ------------ -->
</td>
<td width="10"> </td>
<td width="10"> </td>
<td width="10"> </td>
</tr>
</table>
</div>
<!-- ■■ ----- DIV、表 ------ ↑ この間をコピー&ペーストします。 ------------ -->