まずは「祝！」
ここまで、たどりついた〜（嬉）

さて、今日は「CSSの基本」を入れました。
HTML〜その７〜blogの内訳〜のコメントに、
お師匠さまが心配していれてくださった「最低限のCSS」が
あります。
これを、写してみる。。
すると、


こうなりました。。。
FireFox の WebDeveloperをお師匠さんから教えてもらった時に
試しに「最低限のCSS」を入れてみたときは、
すっきりきれいに入ったのにな。
HTMLを入れてた途中だったので、材料の具合が、
なにか、変わったのかもしれない。。

なので。
center,left.rightの「background-color」を、一時はずして
文字の大きさを８０％（footerは７０％）にして、
整えてみました。
あ、それと「横カレンダー」（になる予定のもの）が
ど真ん中に縦長く居座るので、ちょっとHTMLからはずしました。

おお。いままで、大きな文字が「だんだらだら」とならんで
目にきつかったのが、ちょっと優しく感じられます。
（この「優しく」というのがCSSの使命なのかな。。）

CSSはこの１年でなんとなく「わかってる」かな？のびおびお。
次回から、各ブロックごとに、おさらいしていきます。
それから、アレンジしていくかな。。
「課題」はいっぱいありそうだけど。。

HTML最後の「材料」にさしかかりました！（嬉）
「footer」部分です。
＜div id="footer"＞
＜p＞ Copyright (C) 2004 biobio...＜/p＞
＜/div＞ ＜!--/footer--＞

お師匠さんの「お手本」を見て、かっこいいと思ったので
footer内にあった
「Powered By ＜a href="http://blog.fc2.com/"＞FC2blog」
を、左サイドの下にちょっと、省略して移し、
ここには「Copyright (C) 2004 biobio...」を入れました。
いろんな話によると、これは入れといた方がいいと。。
だって、びおびおの苦労作ですもんね。

左サイドの下に
＜ul＞ Powered By ＜a href="http://blog.fc2.com/"＞
FC2blog＜/a＞＜/ul＞
＜li＞でくくると、左端に寄って・がつく
＜ul＞でくくると、サイド内のセンターにきてるような気がする。
あとで位置をCSSで指定するから、どうでもいいことなのかも。


以上「材料並べ終わり」（やた！）



暗号のようにしかみえなかったHTMLを
すこしでも理解したいと思って、こんな妙なblogを
つくってしまい、途中、ちょと後悔もしました。
ひっそりやっているつもりですが（なんにもなくて恥ずかしいし）
お師匠さんやご同志の方にみっけられ、ご指導をいただき、
最近は、FC２の「ジャンル別コミュニティ 」からも
お客様がいらっしゃって、これはがんばらなければ。。と
新年に向けて、気持ちも新たに思ってます。

今年はお世話になりました！
来年も、餌をつつくにわとりのように
「こつこつ」やっていきます。

さて、たぶん、これからが最難関の「CSS」。
でも、なんだか、うきうきするな。
だって、画面が変わって行くんですよお。（たぶん）
どうするか、考えてます〜。
また、あした！

　
＜BPリストのソースを省略＞＜/div＞

＜/div＞ ＜!--sidebar--＞ ＊追加修正しましたよ。
＜/div＞ ＜!--right--＞

以上です。次はfooter。で一応、一段落？

体調が悪くて、なかなかPCに長時間向かうことができないまま
冬休みを迎えてしまい、おねえとおちび姫の大騒ぎで
家の中が、落ち着きませぬ。。
なかなかいい調子で、ここもUPしてきましたが、
ちょと、遅れますね。。これは確実に（涙）

さて、鬼（っこ）のいぬまに。。（笑）

右サイドバーに、BlogPeople、MyblogList、
それから、リンクバナーなどを入れるつもりでおります。
Seesaaって、HTMLが直接触れないかわりに
テンプレート管理のコンテンツ一覧に行って、
リンク欄をつくって、それにソースを入れるんです。
Seesaaしか知らないびおびおにとって、
それが普通なので、HTML内にどういう状態で入れればいいのか
ちょっと、とまどいます。

とりあえず＜div id="right"＞の場所はとってあるままで
お師匠さまの「お手本」をじっくり研究させていただいて
作っていこうかな。。

（今までは、解読→写しだったので、さほど、悩むことも
　なかったけど、これは、むづかしそう。。
　まだ、ギブアップしてませんからっ！待ってってくだされ〜）

書き終わったのに、消してしまった。。（涙）
おちび姫が「寝ない」タイプなので、こそこそやっておりました。
もう終わるところだったのに、消してしまった。。（はあ〜）

今日は左サイドバー。
センターが記事。右をリンク関係にしたいと思ってます。

＜div id="left"＞ ●左サイドバー

＜p class="pay"＞
●びおの写真など（入れるつもりはなしです　笑）
＜img src="＜%image＞" alt="＜author_name＞"＞＜/p＞

＜ul class="info"＞　● このblogの情報
＜li＞ここの住人は:＜%author_name＞＜/li＞
＜li＞＜%introduction2＞＜/li＞
＜li＞＜a href="＜%url＞?xml"＞RSS＜/a＞＜/li＞
＜li＞＜%ad＞＜%ad2＞＜/li＞
＜/ul＞

＜h3＞びおのエントリーたち＜/h3＞ ●最近の記事一覧
＜ul＞
＜!--recent--＞
＜li＞＜a href="＜%recent_link＞"
title="＜%recent_body＞"＞＜%recent_title＞＜/a＞＜span＞
(＜%recent_month＞/＜%recent_day＞)＜/li＞
＜!--/recent--＞
＜/ul＞

●最近のコメント一覧
＜h3＞Comment。ありがとです。。＜/h3＞
＜ul＞
＜!--rcomment--＞
＜li＞＜a href="＜%rcomment_link＞#＜%rcomment_etitle＞"＞
＜%rcomment_name＞:＜%rcomment_title＞＜/a＞＜span＞
(＜%rcomment_month＞/＜%rcomment_day＞)＜/span＞＜/li＞
＜!--/rcomment--＞
＜/ul＞

＜h3＞TB。のご縁。。＜/h3＞ ●最近のTB一覧
＜ul＞
＜!--rtrackback--＞
＜li＞＜a href="＜%rtrackback_link＞"#trackback
＜%rtrackback_no＞" title="＜%rtrackback_excerpt＞"＞
＜%rtrackback_blog_name＞:＜%rtrackback_title＞＜/a＞
(＜%rtrackback_month＞/＜%rtrackback_day＞)＜/li＞
＜!--/rtrackback--＞
＜/ul＞

＜h3＞日々、つみかさね。。＜/h3＞ ●アーカイブ一覧
＜ul＞
＜!--archive--＞
＜li＞＜a href="＜%archive_link＞" title="＜%archive_year＞
＜%archive_month＞"＞＜%archive_year＞:
＜%archive_month＞(＜%archive_count＞)＜/a＞＜/li＞
＜!--/archive--＞
＜/ul＞

＜h3＞カテゴリ＜/h3＞ ●カテゴリ一覧
＜ul＞
＜!--category--＞
＜li＞＜a href="＜%category_link＞"
title="＜%category_name＞"＞＜%category_name＞
(＜%category_count＞)＜/a＞＜/li＞
＜!--/category--＞
＜/ul＞

＜h3＞Links!＜/h3＞ ●リンク関係（右に移す予定）
＜ul＞
＜li＞＜a href="＜%link_url＞" title="＜%link_name＞"＞
＜%link_name＞＜/a＞＜/li＞
＜!--/link--＞
＜/ul＞

＜h3＞Search＜/h3＞ ●検索（これも右かな）
＜ul＞
＜form action="./" method="get"＞
＜input type="text" size="20" name="q" value=""
maxlength="200"＞
＜input type="submit" value=" Search "＞
＜/form＞
＜/ul＞

＜/div＞ ●左サイドおわり

以上です〜。写したのを実感したくて、見出しをちょいちょい
変えております（変？）CSSに入る頃、また変えるかも（笑）

左サイドバーに入ってる「カレンダー」をやめて、
横カレンダーにしてみたい！と思ったので、
テーブルタグごと「カレンダー」部分を消して、
HTMLの下の方に、おまけのようにメモされていた
「横カレンダー」を入れてみました。
containerのところに入れると、タイトルの後に
だーっと縦長く日付がはいってしまうので、とりあえず
一番下に移動しました。CSSで位置を整えるのかなあ。。

＜!--calender2--＞ ●横カレンダ表示
＜ul class="yokocal"＞
＜li＞＜a href="＜%prev_month_link>"＞＜%prev_year＞
＜%prev_month＞＜/a＞＜/li＞
＜li＞<<＜/li＞
＜li＞＜%days＞＜/li>
＜li＞>>＜/li＞
＜li＞＜a href="＜%next_month_link>"＞＜%next_year＞
＜%next_month＞＜/a＞＜/li＞
＜/ul＞
＜!--/calender2--＞

「<<」これ、その11〜コメント部分〜で
「＜＞をHTML内にいれるとタグの一部と解釈されてしまうので
　変わりに入れる特殊文字」というのを知りましたが、
＜li＞＜/li＞で挟まれてる時は、そのままでも大丈夫なのね。。

CSSを写すときに、この部分はcontainerのところに
移動させます。（たぶん、大丈夫。。かな。。）

写し終わって[変更]ボタンを押し、[サイト確認]を押すのが
なんだか「運だめし」のようになってます。
たった一個でも、文字が抜けているとか、間違っていると
画面は真っ白。表示されないからです。
間違ってるかどうかを「Yes or No」でシビアに教えてくれます。

で、今日は。。。真っ白でした。。（涙）
いっぱい、まちがちゃったよお。

今日はトラックバックのブロックでした。
＜!--trackback_area--＞ ●TB画面はじまり
＜h3＞＜a name="trackback"＞Trackback＜/a＞＜/h3＞

＜dl id="trap"＞（←このid名は好きなのに変えてもいいのかな）

●TBのurl案内
＜dt>トラックバックURLはこちら！＜/dt＞
＜dd＞＜a href="＜%trackback_url＞"＞＜%trackback_url＞
＜/a＞＜/dd＞
＜/dl＞

＜!--trackback--＞ ●トラックバックを繰返し表示
＜h3＞＜a href="＜%tb_url＞"
name="trackback＜%tb_no>"＞＜%tb_title＞＜/a＞＜/h3＞

＜div class="body"＞
（↑その１１〜コメント部分〜で、外しときますといったけど、
　下にsubがあるから、やはりセットなのかなと。またいれます）

＜%tb_excerpt＞ ●本文を表示

＜ol class="sub"＞　●post部分
＜li＞＜%tb_year＞/＜%tb_month＞/＜%tb_day＞(<%tb_youbi>)
＜%tb_hour＞:＜%tb_minute＞:＜%tb_second＞ | ＜/li＞
＜li＞＜%tb_blog_name＞＜/li＞
＜/ol＞
＜/div＞

＜!--/trackback--＞
＜!--/trackback_area--＞

●前｜後のリンク表示
＜!--prevpage--＞＜a href="＜%prevpage_url＞"＞前のページ
＜/a＞＜!--/prevpage--＞
＜!--nextpage--＞＜a href="＜%nextpage_url＞"＞次のページ
＜/a＞＜!--/nextpage--＞

＜/div＞　　。。。でした。

こうやって見ると、blogのHTMLは、リンクでいっぱいですね。
変数だって、一種のリンクみたいな感じがする。（びおは）
変数って、数字が入ってないのに、
なんで「変数」っていうのかな？。。など、ぽ〜と考えつつ
今日は、終わりにします。へへ。忘年会ランチなんだ。今日。
　　　　　　　　　　　　

記事を書こうとしたら、管理画面に「スレッドテーマ」というのが
できている。。同じテーマの記事が集められていくのですね。
トラックバック・ピープルみたいなものかな？
一つのテーマの幅が広過ぎる感じがするけど、便利そうだなあ。
FC2blogはこれから、充実してきて、楽しくなりそうだな〜。

さて、「コメント管理画面」の部分を写しましたよ。
前の「コメント画面」に似ているので、早かったし、
もう、覚えてしまってて、ある程度見ないでも写せました。
間違いも１ヶ所だけだったよ。
（継続と反復は力なり。。実感。）

＜!--edit_area--＞ ●コメント編集画面ここから

＜h3＞＜a name="comment_post"＞コメント編集＜/a＞＜/h3＞
＜form method="post" action="./"＞

＜div＞　●隠してある部分
＜input type="hidden" name="mode" value="edit"＞
＜input type="hidden" name="mode2" value="edited"＞
＜input type="hidden" name="edit[rno]" value="＜%eno＞"＞

＜dl class="reaf"＞　●編集画面
＜dt＞＜label for="name"＞Name:＜/label＞＜/dt＞
＜dd＞＜input id="name" type="text" name="edit[name]"
size="30" value="＜%edit_name>"＞＜/dd＞
＊よく見ると「コメント入力画面」とちがって「value」がつく。
　編集前のものがでている

＜dt＞＜label for="subject"＞Subject:＜/label＞＜/dt＞
＜dd＞＜input id="subject" type="text" name="edit[title]"
size="30" value="＜%edit_title>"＞＜/dd＞

＜dt＞＜label for="mail"＞Mail:＜/label＞＜/dt＞
＜dd＞＜input id="mail" type="text" name="edit[mail]"
size="30" value="＜%edit_mail＞"＞＜/dd＞

＜dt＞＜label for="url"＞URL:＜/label＞＜/dt＞
＜dd＞＜input id="url" type="text" name="edit[url]"
size="30" value="＜%edit_url＞"＞＜/dd＞

＜dt＞＜label for="comment"＞Comment:＜/label＞＜/dt＞
＜dd＞＜textarea id="comment" cols="40" rows="8"
name="edit[body]"＞＜%edit_body＞＜/textarea＞＜/dd＞
[メモ]
＊textarea id="→複数行入力ができる入力欄。
　cols="→横幅　rows="→行数

＜dt＞＜label for="pass"＞Pass:＜/label＞＜/dt＞
＜dd＞＜input id="pass" type="password" name="edit[pass]" size="20"＞＜/dd＞
[メモ]
＊input id="pass" type="password"→パスワード入力欄作成
　入力した内容は伏せ字になる。

＜dt＞＜label for="himitu"＞Secret:＜/label＞
＜input id="himitu" type="checkbox" name="edit[himitu]"＞
Secret＜/dt＞
[メモ]
＊input id="" type="checkbox"→チェックボックスの作成
＜/dl＞
＜p＞
＜input type="submit" value="送信"＞
＜input type="submit" name="edit[delate]" value="削除"＞
＜/p＞
　
＜/div＞
＜/form＞
＜!--/edit_area--＞。。とここまで。

では、また。

やってます。やってます。
急に元気になったので、今日からばりばり、やるぞお！

だんだんむづかしくなってくるので、
１日目に写して、２日目に解読+記事UP。。になりそうです。
前回の宿題も残ってるし。。
コメントの続きを写しました。

だいぶん、わかってきた。（調べ方が）
必死に調べまわって、ここに書き留めてるけど、
結構、頭に入ってるかな。覚えてる。
お師匠さまの補足や、ご同志の方からのお助けの手なども
ありがたく、ちょこちょこ加えていますので、
文面が変わってきてます。
それに追いついてきてるのかな。。びおびお？（へへへ）


●見出し（たぶんコメント入力画面で）
＜h3＞＜a name="comment_post"＞＜commentするぞ！＞
＜/a＞＜/h3＞　　（これはどこに表示されているのかな〜）

●入力欄
＜form method="post" action="./"＞
[メモ]
＊＜form＞＜/form＞→ページ上に入力欄、選択肢を設けて
入力された結果を送信できるもの。アンケートなどに使われる。
＊method→送信形式を指定。一般的に"post"
＊action→入力結果の送信先。ここでは「./」なので
「http://blog1.fc2.com/yu-e/index.php」ですね。へへ

＜div＞ ●入力欄をひとくくり
●入力欄の□一行をつくる
＜input type="hidden" name="mode" value="regist"＞
[メモ]
＊input→入力欄を設けるタグ
＊input type="hidden"→ブラウザには表示されない。
　name→入力の内容を書いておく（modeって？）
　value→最初に□に入れておく文字（registって？）
　→ブラウザには表示されないが、nameで指定した「mode」名で
　　valueで指定されたregist(書込みモード）を送る？？
　。。というかこのタグ。どういうことなのかは、わかるんだけど
　どういう時に使うのかが、具体的にわからないなあ。
　表示を隠すくらいだったら、外しておけばいいのに。。
　（なんて、初心者の発想。。）

　
●親記事ナンバー。。。？？
＜input type="hidden" name="comment[no]"
　value="＜%pno＞"＞

●記入欄
＜dl class="reaf"＞
＜dt＞＜label for="name"＞Name:＜/label＞＜/dt＞
＜dd＞＜input id="name" type="text"
　name="comment[name]" size="30"＞＜/dd＞
[メモ]
＊＜label for="name"＞Name:＜/label＞
　「入力フォームの"name"に関わる部分」と「ラベル"name"」を
　結びつける。「ラベルの"name"」を押すと「入力フォームの
　"name"に関わる部分」を押したのと、いっしょ。試したよ。

＜dt＞＜label for="subject"＞Subject:＜/label＞
＜/dt＞＜dd＞＜input id="subject" type="text"
　name="comment[title]" size="30"＞＜/dd＞

＜dt＞＜label for="mail"＞Mail:＜/label＞＜/dt＞＜dd＞
＜input id="mail" type="text" name="comment[mail]"
　size="30"＞＜/dd＞

＜dt＞＜label for="url"＞URL:＜/label＞＜/dt＞
＜dd＞＜input id="url" type="text" name="comment[url]"
　size="30"＜/dd＞

＜dt＞＜lebel　for="comment"＞comment:＜/label＞＜/dt＞
＜dd＞＜textarea id="comment" cols="40" rows="8"
　name="comment[body]"＞＜/textarea＞＜/dd＞

＜dt＞＜label for="pass"＞Pass:＜/label＞＜/dt＞
＜dd＞＜input id="pass" type="password"
　name="comment[pass]" size="20"＞＜/dd＞

＜dt＞＜label for="himitu"＞＜Secret:＜/label＞＜/dt＞
＜dd＞＜input id="himitu" type="checkbox" name="comment
　[himitu]"＞びおびおに、表示を許可する＜/dd＞

＜/dl＞

●送信ボタン
＜p＞＜input type="submit" value="送信"＞＜/p＞
[メモ]
＊input type="submit"→送信ボタンを作るタグ。
　もうひとつ、イメージを表示させる
　input type="image" SRC=というのもある。

＜/div＞
＜/form＞。。。ここまで。


[メモ]
＊＜dl＞　項目入りリストのはじまり
　　＜dt＞＜/dt＞　項目名
　　　＜dd＞＜/dd＞　項目の内容
　＜/dl＞

と、このパートは、こんな感じでした。
次は、「コメント編集画面」。


＊コメントに関係するものは、あと、編集画面だけで
　一応、終わりなので、さっそく！お手本の[default2]から
　びおのつくってる[default]に表示を変えました。（やた！）
　コメントが出来ることは確認。編集がまだ、できませぬ。
　（なんか、かなりうれしいぞお〜　ふふふ）

だんだん複雑になっていくようで、打ち間違えも多くて
その確認やらで、時間がかかってしまいます。
今日は、１０数箇所間違ってました〜。（涙）

写したのは。。
＜!--comment_area--＞＜!--/comment_area--＞内に

●前の記事|home|次の記事の表示（？）
＜!--preventry--＞＆lt；＆lt；＜a href="＜%preventry_url＞"＞
＜%preventry_title＞＜/a＞＜!--/preventry--＞
| ＜a href="＜%url＞"＞home＜/a＞
| ＜!--nextentry--＞＜a href="＜%nextentry_url＞"＞
＜%nextentry_title＞＜/a＞＆gt；＆gt；＜!--/nextentry--＞
（＊　＆lt；＆lt；と＆gt；＆gt；ってなんだろうな？
　←（見つけた！＜＞をHTML内にいれるとタグの一部と
　　　解釈されてしまうので、変わりに入れる特殊文字）

●見出し「Thanks Comment ！」（ってしたけど、見ると
　「コメント」になっている。→表示された）
＜h3＞＜a name="comment"＞Thanks Comment ！＜/a＞＜/h3＞
（＊＜a name="って＜a href="と同じ働きのものかな
　なんでnameなんだろ？←a nameで指定した文字を
　クリックすると、a hrefのところに飛ぶ。。ことを
　びおもみつけた！hanaboroさん、Thanks! ）

その中の＜!--comment--＞の中に
●見出しコメントナンバーと（コメントの？）タイトル
＜h3＞＜a id="comment＜%comment_no＞"
name="comment<%comment_no＞"＞＜%comment_title＞
＜/a＞＜/h3＞

●コメントの本文
＜%comment_body＞

●その下につくpost部分
＜ol class="sub"＞　
（subってなじみがないからpostに変えようと思う）
＊コメントの日付時間
＜li＞＜%comment_year＞/＜%comment_month＞
/＜%comment_day＞(＜%comment_youbi＞)
＜%comment_hour＞:＜%comment_minute＞
:＜%comment_second＞ | ＜/li＞

＊URLリンク付き文字（コメント書いてくれた人のurl？）
＜li＞＜%comment_url+str＞ | ＜/li＞

＊メールアドレス付き名前
＜li＞＜%comment_mail+name＞ #＜%comment_trip＞＜/li＞
(tripを表示って、tripってなんだ？）

＊編集ボタン
＜li＞[＜a href="＜%comment_edit_link＞"＞ちょとてなおし＜/a＞]＜/li＞

＜/ol＞
＜!--/comment--＞。。。のここまで。
途中にあった＜div class="body"＞＜/div＞ははずしました。
centerの中に入っているので、いらないと思った！
（さて、後でどうなるか）

＜li＞を使わなかったら、縦箇条書きじゃなくて、
横に並ぶのかな。

これで、終了させたらいけないでした。
ちゃんと、＜!--/comment_area--＞でくくっておく。
じゃないと、画面が表示されなかったです〜。
それに気づくのに２０分かかった、びおびお）

びおが疑問に思った（　）内のことを調べようと思って、
「とほほ」さんのところに行きたいのですが、なぜか
数日前からタイムアウトです。。うむむ。
あとで、参考書とか見て、また調べます。

明日はもっと、長たらたら〜だぞ！

これこそ、「呪文」だなあ〜。
今日、写し終えたのが

＜!--
＜rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:trackback="http://madskills.com/public/xml/rss
/module/trackback/"
xmlns:dc="http://purl.org/dc/elements/1.1/"＞
＜rdf:Description
rdf:about="＜%topentry_link＞"
trackback:ping="="＜%url＞tb.php/＜%topentry_no＞"
dc:title="＜%topentry_title＞"
dc:identifier="＜%topentry_link＞"
dc:subject="＜%topentry_category＞"
dc:description="＜%topentry_discription＞"
dc:creator="＜%author_name＞"
dc:date="＜%topentry_year＞-＜%topentry_month＞-
＜%topentry_day＞T＜%topentry_hour＞:
＜%topentry_minute＞:＜%topentry_second＞+09:00" /＞
＜/rdf:RDF＞
--＞
（適当なところで切って、＜＞は全角）

調べて調べて、わかりやすそうな解説を読んだけども
「わかりました！」って言えませんっ。むづかしい〜。

「RDF」　by e-words
「W3C規格解説　RDF」　by XML SQUARE

このブログの情報を、コンピュータに理解させて、
自動的に処理するもの？って？
そういえば、dcのところにいろいろ入れてあるなあ。
「このblogはびおのです〜」って、コンピュータが自動的に
わかってくれて、必要としている他の人に届くように
働いてくれるものなのかな。。

ん〜でも。＜!--＊--＞の中に入ってるぞ。。？？

そんな感じで「呪文」を写し終えました。
う〜む。

今日は、本文にかかる残りの部分を写しましたよ。
集中力が「朝」しか維持できません（笑）

＜ol class="sub"＞＜/ol＞の中に、リスト項目。
●投稿した時の日付、時間、曜日
　＜li＞＜a　href="＜%topentry_link＞"＜%topentry_year＞
　/＜%topentry_month＞/＜topentry_day＞
　(＜%topentry_youbi＞)
　＜%topentry_hour＞:＜%topentry_minute＞:
＜%topentry_second＞＜/a＞＜/li＞
　
●カテゴリ
　＜li＞＜a href="＜%topentry_category_link＞"＞
＜%topentry_category＞
＜/a＞＜/li＞

●トラックバックを受け入れる
　＜li＞＜!--allow_tb--＞
　＜ahref="＜%topentry_link＞#trackback"＞TB:
＜%topentry_tb_num＞＜/a＞＜!--/allow_tb--＞

●トラックバックを受け入れない時の表示
　＜!--deny_tb--＞TB(-)＜!--/deny_tb--＞＜/li＞

●コメントを受け入れる
　＜li＞＜!--allow_comment--＞＜a href="
＜%topentry_link＞#comment"＞comment:
＜%topentry_comment_num＞＜/a＞
　＜!--/allow_comment--＞

●コメントを受け入れない時の表示
　＜li>＜!--deny_comment--＞comment(-)
　＜!--/deny_comment--＞＜/li＞

「ol」が「番号入りリスト」の範囲で
「li」が「リスト項目」って、書いてありますが、
本文をみても、番号がふられてる感じがないんですが。。
「ならべる」って意味があるのかなあ。

よ〜くみると、本文下に表示されてるように
「トラックバック：＊」の形になってるんだあ。（あたりまえ）

それで、打ち終わって確認しようと、プレビューしてみると。。
「あれ、まっしろ？？」
さきまで、本文あったのにな。。と思いつつ、打ち間違えてると
思って、さっき打ったところをコピーして、一段落ごと表示。
トラックバックの段で、最後の＜!--/allow_tb--＞の「／」が
抜けていたのでした。（涙）
これだけの間違えで、全部が真っ白になるのですね！
間違えると、そこだけの不具合になると思っていたので、
ちょと、びっくりしましたよ。

あと、centerに入れるのは、
＜!--＜rdf:RDF なんとかかんとか。。--＞の部分。
ちょっと解読してから、写します。

はやく、このテンプレートに移動したいんだけど（笑）
コメント画面がまだなので、しばらくこのままで。。

今、見ていただいてるのは、defaultのテンプレート（default2)の
CSS部分を消したものです。
本文を表示しないと、なにやってるのかわかりませんから〜。
それで、びおびおがいじってるdefaultではどうなっているかと
いうと、タイトルとサブタイトル。
それと消去できないFC2の広告部分が、表示されているだけです。

今日の作業で、めでたく「本文」が表示されました！（やた！）
お師匠さまに教えていただいた「最低限必要HTML（箱部分）」を
写した後、
＜div id="banner"＞＜/div＞内に、
●blogのタイトルの
　＜h1＞＜a href="./"＞＜%blog_name＞＜/a＞＜/h1＞
　
●サブタイトルの
　＜h2＞＜%introduction＞＜/h2＞を

＜div id="center"＞＜/div＞内に（３カラムの真ん中）
●記事を繰返し表示するための
　＜!--topentry--＞＜!--/topentry--＞を入れて、

さらにその中に、
●エントリナンバーとタイトルの
　＜h3＞＜a id="<%topentry_no＞"
　name="＜%topentry_no>"＞＜%topentry_title＞＜/a＞＜/h3＞
　
●本文
　＜%topentry_body＞

●「続きを読む」のリンク文
　＜!--more_link--＞＜a href="＜%topentry_link＞#more"＞
　[＜%topentry_title＞]のつづきを読みますか？＜/a＞
　＜!--/more_link--＞

●「続き」の本文
　＜!--more--＞＜hr size="1"＞＜a name="more"
　id="more"＞＜/a＞＜%topentry_more＞＜!--/more--＞

と、ここまで、写し終わりました。
最初見たとき、「これは、暗号か？？」と思ったのですが、
よお〜くバラバラししてみると、＜a href="＊"＞＃＜/a＞の
リンクするときに使う「公式（？）」の＊のところに
＜%topentry_link＞とかいったFC2独自の変数が
はいってるんですね。＃は表示される文ですね。

ここまでで、post部分のない本文が表示できました。
明日は、post内の日付やコメント、TB部分を入れて
本文にかかる部分を終わらせます。
そのあと、コメント本文とかTBとか。

見慣れないものに、なんとか意味を探そうして、進めてまする。
（その苦労が、一番頭に残りやすいかと。。）
それで、くどいようですが、びおの覚え書きなところもあるので
「へんなの〜」と流し読みしてくださいませ。。

その７で「あさって」の方向にいってしまいそうな雰囲気のびおに
お師匠さまが「補足」をしてくださいました（嬉）
説明といっしょにいただいたのが、こちらの２つ。
＊必要最低限なHTMLソース
＊必要最低限なCSSソース
（７のコメントを見てくだされ。。）

やはり、びおのように、頭から、ちまちま解読していくのでは
あやしいです。（そのうち、あやしくなる）この２つをみてると、
「ああ全体的に見ていかないとな〜」と思いました。
今日の作業はこの２つを、それぞれ写す。（もちろん手打ち！）
最初にHTMLからと思ってましたが、基本のCSSが入ることで
この「しろしろ+からっぽ」blogの表示も変化がでるでしょう。
（たぶん。。打ち間違えさえなければ。。でて＝！）

==>↑htmlとCSSを同時にと思いましたが、CSSの設定した後の
変化を体験したいので（笑）やはり、ここは先に本文やリストなど
「材料」を先に並べておきたい。CSSはその後にします。ということで、
作ってるほうでは、まだ、タイトルしかでてきてません。


これで、作業速度も上がりまする。お師匠さま！