スタイルシート（CSS）ソースを書いてくれるエディタがあるページ

エディタの利用方法は「トップページ」に書いてあります。

◆ CSSでフレームセットのようなページを作成する

ここでは、今までに作られているページの左サイドにメニューバーを配置します。2008年からYahooのページ幅が広くなりました。どうして広くなったか理由ははっきりしませんが、恐らく見ている人のブラウザサイズが大きくなり、広げても良いと判断したのではないかと推測します。そのような訳で、このページでも950px幅を持っています。

左サイドバーは、スクロールしても固定されています。従って、フレームセットのような雰囲気を持っています。

新規ページにこのレイアウトを採用したい場合、「クールなレイアウト」ページの「CSSでフレーム？」＋「ページレイアウト」作成エディタを利用してください。既存のページにこのスタイルを付け加えるときは、ここで作成してください。

ブラウザの高さよりもページ数が多くなる場合は、このスタイルは使えません。「IFRAMEページ」を参照してください。

◆ フレームセットのようなページ作成エディタ

このレイアウト作成の考え方は、新たに配置するメニューバーを左側ブロック、既存のページを右ブロックと考えて、左右に配置するようにします。そのために作成に必要な数値は、既存のページの幅と、メニューバーで使うカラーになります。

head部のソースは、そのまま貼り付けられるのですが、body部のソースは、body部最後</body>の1行上に貼り付けてください。そして、このソースの1行目と2行目が

と、書かれています。この2行だけbody部トップ<body>のすぐ後に移動してください。この2行と最下部に貼り付けたソースで、既存のソースを挟むようにします。もし、既存のページのスタイルシートに「mainbox」または「contents」の名前が使われていましたら、変更してください。

「カラーピッカー」（別ウィンドウ）で色を調べられます。

既存ページの幅＝「750」px
背景色＝#「333333」
リンクカラー＝#「ffffff」
オンマウスカラー＝#「ff6600」
オンマウスカラー背景色＝#「555555」

【注意】全ての枠に数値を入力してください。（白でも#「ffffff」を記入）
このレイアウトを成立させるために、全てのマージンとパディングを「0」にしてあります。そのために、<p>（段落タグ）等にも間隔がなくなります。別途指定してください。

<p>に対して一行開ける指定は、head部に

p{margin-bottom:1em;}

と書き加えます。