ページの状態、カテゴリID、エントリIDが
<body>生成直後で取り出せるってことは、それらが混在したナビゲーションも比較的簡単に作れるはずなんだけど・・・
(ある青年の苦悩と疑惑にみちたつぶやき)
と、まあコレを考えてみるわけだが、夕方呑みに出かける 御会食があるので意識がしっかりしているうち(私にだってあるのだ、年に数時間は)に基底になる部分だけでもやっつけとく。
id=topとかid=logって早いうちに使用済みになってるので、後からうまい名前を考えるのが面倒。
<ul id="tab"><li id="m_top"><a href="./" accesskey="t">最新の記事</a></li><li id="m_log"><a href="#menu">過去ログ</a></li><li id="m_selcategory"><a href="./blog-category-10.html">ギャラリー</a></li><li id="m_about"><a href="./blog-entry-6.html" accesskey="h">このBLOGについて</a></li></ul><div>って便利だからついつい使いすぎちゃうんだよね。たまに見かけるけど、
<div class="hogelist"><ul><li><a href="./hoge1">wake</a></li><li><a href="./hoge2">waka</a></li><li><a href="./hoge3">ran</a></li></ul></div>id="tab"に変更(どこが「これでHTMLは確定」か!)<div>で囲まれてるし。余計なことを書いたせいで自分の首をしめるのはよくあること。しかたないので<div>で表現している背景色は<ul>でごまかす。あとフォントサイズ可変はお約束。以下CSS書きかけ。
#tab {height: 2em;line-height: 1;font-size: .9em;background: #eee;margin-bottom: 1em;padding-right: 1em;border-top: 2px solid #aaa;border-bottom: 1px solid #999;}#tab li{list-style: none;float: right;width: auto;}#tab a {display: block;padding: .5em .7em;}#tab a:hover {background: transparent;}では、出かける時間です。雨が降ってきた・・・(17:00)
< よめみるようにIdしたい | おいしゅうございます > | 表紙へ戻る |