あたかも2枚のフレームを使っているようで、実はCSSを使っているのでスクロールするとウィンドウ全体が動く。「やぢをニュース」内の索引をこういう風に取り込めないかと考えていたので、実験。
Asumi日記、やぢをニュースのHTMLテキストとCSSファイルを取り寄せて、それぞれクロスマッチしたり「危険と知りつつ」混ぜたり。
で、必要な作業が三つあることが判明。
ひとつに「やぢをニュース」の日記部分を
ふたつに、その下に で括ったサイドバーのHTMLテキストを挿入(これも上記に同じで、フッタに書く)。
みっつめに、スタイルファイルにたださんのdefault.cssからパチって、少し色味など変更してある以下のものを追加。
/*サイドバー関連*/div.main { margin-left: 21%;}div.sidebar { background-color: #4986FF; color: #FFFFFF; position: absolute; top: 0px; left: 0px; width: 20%; padding: 2px 2px 100% 2px; border-style: solid; border-color: #aaf; border-width: 0px 2px 2px 0px; padding-top: 0.5em;}div.sidebar p { line-height: 120%; text-align: center; border-style: solid; border-color: #aaf; border-width: 0px 0px 1px 0px; margin: 2px 4px 2px 4px;}