サンプルページ　　　DIV

ﾎｰﾑ　へ　　　　　　　ｻﾝﾌﾟﾙﾍﾟｰｼﾞ　　DIV_scroll6　　div_scroll6s.htm　（作成ﾏﾆｭｱﾙ）

DIVｽｸﾛｰﾙ、Indexｸﾘｯｸでﾍﾟｰｼﾞ内移動。　　　　CSS、HTML。　　　　DIVｻｲｽﾞやIndex、配色、表示ｺﾝﾃﾝﾂなどのｶｽﾀﾏｲｽﾞはﾃｷｽﾄｴﾃﾞｨﾀｰなどで可。　　　　　　　　all 対応。　　　　　　ｺﾋﾟｰ、編集し、簡単にWebで応用できまっ、(^ ^)。

ﾃﾞﾓ : div_scroll6.htm をｸﾘｯｸ開いたﾍﾟｰｼﾞで、Index番号のｸﾘｯｸで、ﾍﾟｰｼﾞ内ｼﾞｬﾝﾌﾟを！。　　　※： PCのﾌｧｲﾙを直接表示でも可。

< ご使用方法 >

・　保存は div_scroll6.htm、div_scroll6s.htm（作成ﾏﾆｭｱﾙ）、whtcv.gif、search_over.gif、btn_search1.gif、bike0.jpg、30tbwh2.gifや画像を右ｸﾘｯｸ、【名前を付けてﾘﾝｸを保存】 - <保存する場所>： ……、などで。　　※:　変わってしまった、ﾌｧｲﾙ名や、*.htm 中のﾊﾟｽは要修正。

・　ﾍﾟｰｽﾄは、div_scroll6.htm をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄなどの ”ﾃｷｽﾄﾓｰﾄﾞで、新しいﾍﾟｰｼﾞや hogehoge.htm（=任意の挿入先ﾌｧｲﾙ名）の、 <head>　～　</head> の任意の行間に (*1) を、さらに <body>　～　</body>の任意の行間に (*2) をﾍﾟｰｽﾄします。　　　※: ﾃｷｽﾄﾓｰﾄﾞ : ｺｰﾄﾞ/HTMLﾀｸﾞ挿入/HTMLﾒﾆｭｰなど。

　･　編集 : hogehoge.htm に ﾃｷｽﾄﾓｰﾄﾞでﾍﾟｰｽﾄ 後は、ﾎｰﾑﾍﾟｰｼﾞ作成ｿﾌﾄのﾃﾞｻﾞｲﾝや通常ﾓｰﾄﾞ、ﾃｷｽﾄﾓｰﾄﾞ、ﾃｷｽﾄｴﾃﾞｨﾀｰで編集します。　　下記の（例） (*1) と、(*2) を参考に太字部分の編集を任意に行います。　

※: 外部ﾄﾞﾒｲﾝ（ｻｲﾄ）にｱｯﾌﾟﾛｰﾄの画像などの使用は、非表示に注意。　　画像の alt ﾀｸﾞは不可、ｻｲｽﾞ指定の pt などの省略は注意。　　ｽｸﾘﾌﾟﾄ構文中への改行混入注意。

　･　ｱｯﾌﾟﾛｰﾄﾞは、hogehoge.htm と同じﾎﾙﾀﾞｰに、使用してる上記画像などがあればｱｯﾌﾟﾛｰﾄﾞします。　　別ﾎﾙﾀﾞｰの場合は、hogehoge.htm の該当ﾊﾟｽ注意。

　・　作動ﾃｽﾄは Edge～などで。　　更新の確認は、ﾌﾞﾗｳｻﾞｰなどのｷｬｯｼｭのｸﾘｱ後に実施。　　(1) [F5]ｷ- or Ctrl+Rｷｰを押し、最新ﾃﾞｰﾀ読み込みで。　　更に、(2) Edgeを全て閉じ、再起動を行い、【Edge】 - 右上 [……] - [設定] - [ﾌﾟﾗｲﾊﾞｼｰ、検索、ｻｰﾋﾞｽ] - [閲覧ﾃﾞ-ﾀをｸﾘｱ] - ［ｸﾘｱ-するﾃﾞ-ﾀの選択］ - ［ｖ］閲覧の履歴 -［今すくｸﾘｱ］をｸﾘｯｸ。　　留めに、(3) ｻｰﾊﾞｰのﾌｧｲﾙを一旦削除。

(*1) ：　div_scroll6.htm （例）　　　　　　　　　挿入先の　<head> ～ </head>　の、～部分にﾍﾟｰｽﾄします。

　HTMLの編集方法　

(*1) をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。

〔この列ﾍﾟｰｽﾄ不要〕　

ｼﾌﾄJIS使用（削除不可）

URL前・ﾂｰﾙﾊﾞｰに表示のｱｲｺﾝﾌｧｲﾙ名（削除可）favicon_**.ico など

ﾘﾝｸを新しいWinで開くを標準（削除可）※：target=　いろいろ
同じﾌﾚｰﾑ=_self、ﾍﾟｰｼﾞ全体=_top、親ﾌﾚｰﾑ=_parent

お気に入りなどに表示 : ﾍﾟｰｼﾞ名（≠ﾌｧｲﾙ名、お気に入りなどに表示される）

(*2) ：　div_scroll6.htm （例）　　　　　　　　挿入先の　<body> ～ </body>　の、～部分にﾍﾟｰｽﾄします。

　HTMLの編集方法　

(*2)をﾃｷｽﾄｴﾃﾞｨﾀｰで開き、下記↓のHTMLを挿入先ﾌｧｲﾙにﾍﾟｰｽﾄ、太字部分を編集し使用。

〔この列ﾍﾟｰｽﾄ不要〕

BGMﾌｧｲﾙ（削除可、関連詳細情報）　
URL（ﾎｰﾑﾍﾟｰｼﾞ（例）、削除可）
ﾀｲﾄﾙ背景画像　ﾀｲﾄﾙ画像
吹き出し　ﾀｲﾄﾙ

ﾀｲﾑｽﾀﾝﾌﾟ（自動更新、削除可）

ﾌﾞｯｸﾏｰｸﾘﾝｸ（ﾍﾟｰｼﾞ内ﾘﾝｸ、以下同様）

ﾌﾞｯｸﾏｰｸ（ｱﾝｶｰ・ｽｸﾛｰﾙ行）（以下同様。

ｺﾝﾃﾝﾂ（以下同様。）

<body>

<audio autoplay src="gaaga.wav"></audio>
<bgsound src="skhn.wav" loop="1">
　<a href="index2.html" target="_top">　<div style="position: absolute; top:0;left:10;width:330px; height:px;font:bold 15px メイリオ;color:#5d05b1;background:#FFFFFF url('30tbwh2.gif');padding:5px 2px 0px 2px; border-left: #D8D7E9 1px solid; border-top: #D8D7E9 1px solid; border-right: #C9C5E4 1px solid; border-bottom: #C9C5E4 1px solid;top:px; "><img src="bike0.jpg" border="0" alt="" width="25" height="25" title="太陽風（ﾎｰﾑﾍﾟｰｼﾞ 2）へ移動します。" align="absmiddle"></a>　Blog・You Tub・SNS へのコメント　</div>　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 （2025,2.dd ～）  　<a href="http://www.pat.hi-ho.ne.jp/oka_tosho/search_engine2_a1.htm" target="_blank" title="マルチ検索"><img src="search_over.gif" border="0" align="absbottom"></a>　<img src="btn_search1.gif" border="0" alt="ﾍﾟｰｼﾞ内検索は、［F3］ｷｰ、［Ctrl］+［F］ｷｰで。" width="18" height="18" align="absbottom" title="ﾍﾟｰｼﾞ内検索は、［F3］ｷｰ、［Ctrl］+［F］ｷｰで。">　　
更新 </div>
<div style="position:absolute; top:40;left:10; border-left: #D8D7E9 1px solid; border-top: #D8D7E9 1px solid; border-right: #C9C5E4 1px solid; border-bottom: #C9C5E4 1px solid;top:px; left:px; width:100%; height:23px; overflow:; padding:0px 0px 0px 0px; background-color : ;font:normal 12px Lucida Console;color:#5d05b1; background-image: url('https://xml-xsl.sakura.ne.jp/30tbwh1.gif')" title="">
<a target="_self" href="#0">0</a>　<a target="_self" href="#1" title="">1</a>　<a target="_self" href="#2" title="">2</a>　<a target="_self" href="#3" title="">3</a>　<a target="_self" href="#4" title="">4</a>　<a target="_self" href="#5" title="">5</a>　<a target="_self" href="#6" title="">6</a>　<a target="_self" href="#7" title="">7</a>　<a target="_self" href="#8" title="">8</a>　<a target="_self" href="#9" title="">9</a>　<a target="_self" href="#10" title="">10</a>　<a target="_self" href="#11" title="">11</a>　<a target="_self" href="#12" title="">12</a>　<a target="_self" href="#13" title="">13</a>　<a target="_self" href="#14" title="">14</a>　<a target="_self" href="#15" title="">15</a>　<a target="_self" href="#16" title="">16</a>　<a target="_self" href="#17" title="">17</a>　<a target="_self" href="#18" title="">18</a>　<a target="_self" href="#19">19</a>　<a target="_self" href="#20">20</a>（index）
</div>
<div style="position: absolute; top:73px; left:0px; width:99%; height:490px; overflow:auto; background-color : #F9F8F9 ; background-image: url('whtcv.gif'); padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px" title="">
<a name="0"></a>
 
サッちゃんのママさん、こんばんは、（＾　＾）。 
んぁ…＊、こんな真っ白モコモコセイタカさん、初めて！、 
見事です、キレイです！、欲しいです！、（笑）（＾＾） 
かわしいお皿のキーマさん、見るほどに美味しさが、ガンガン飛んでくる～＊っ、（＾。＾）／ 
大欅、180歳、納得です！、尊敬します、┌|・.・|┐ 
冬の穏やかな海、眩しくて、引き締まった風、 
憧れです～＊、（゜∇゜）
　
　
　
ino-_-3 さん、こんばんは、（＾　＾）。 
”赤い実”、スッキリした明快な描写とてもいいと思いました、 
小さな実、かわいいなぁ～＊、　（＊＾．＾＊）
　
　
　
シンシアさん、こんにちは、= （＾。＾）=。 
何時しか、ざっくり風合いのお召し物、前髪命のお茶目さん、 
”バイト”さん、に釘付けになっちまいました、（゜∇゜） 
『Wake Up momoko 001』様、絶たのしみ～*、＼(^｡^)/
　
　
　
のんきなオジサンさん、はじめまして、（＾　＾） 
これだけ沢山釣ると、いっそう楽しみですね、 
潮入河の河口近くでしょうか！？、 
足場はとても平坦で、釣りやすいから、いいですね！、（＾。＾）／ 
寝転がって当たりを待つことも出来そうで、 
羨ましくなってきます、（＾．＾；）
　
　
　
Francis さん、こんばんは、（＾　＾）。 
絢爛たる爛熟の紅葉、高い空、 
実に心地良い後味の描写、満足いたしました、（＾o＾）

==== この間､説明を省略｡ ====

<a name="20"></a>

響さん、こんにちは、=（＾。＾）= 
懐かしいアイコンの元画を見て、 
初めは、走っている姿だと想っていた、（＾．＾；） 
ことを、想い出せてくれました！、（・!・）
　
　
　
　
おしまい。
</div>
<hr size="0" color="#E7DFF7">
<div style="position: absolute; top:575;left:10; border-left: #D8D7E9 1px solid; border-top: #D8D7E9 1px solid; border-right: #C9C5E4 1px solid; border-bottom: #C9C5E4 1px solid;top:px; left:px; width:100%; height:23px; overflow:; padding:0px 0px; background-color : ;font:normal 12px Lucida Console;color:#452b6f; background-image: url('https://xml-xsl.sakura.ne.jp/30tbwh1.gif')" title="">
　Copyright (C) 2025　　名前　　　All rights reserved.　　　yy/mm/dd～　　　　　　ご愛読ありがとうございます。　※:メッセージなどを記す。</div>