softwareデザイン(CSS)仕様Narutoの標準テンプレートはほぼ全てのデザイン要素をスタイルシート(CSS)で定義しています。CSSを変更することで全く違う外見のサイトにすることが可能です。このページでは標準テンプレート内で定義されているタグ・クラス・IDについて解説していきます。CSSについての詳しい説明はとほほのスタイルシート入門やCYBER@GARDENの「CSS講座」が参考になります。大きく分けて4つのブロック標準テンプレートは大きく分けて4つのブロックに分けられています。ヘッダブロックが上、コンテンツブロックが右中央、ナビゲーションブロックが左中央、フッタブロックが下となるようにしています。ヘッダブロックが左上、コンテンツブロックが上中央、ナビゲーションブロックが右上、フッタブロックが下など、自由な位置に動かすことが可能です。標準テンプレートではこのレイアウトをfloatを利用したテクニックで実現しています。IE5以降、NN7、Mozillaなどで正常な描画を確認済みです。[ID]全体を囲むdivタグに振られたIDです。[ID]ヘッダブロック全体を囲んでいるdivタグに振られたIDです。[タグ]ブログのタイトルを囲んでいるタグです。[ID]タイトル下のコメントを囲んでいるdivタグに振られたIDです。[ID]コンテンツブロック全体を囲んでいるdivタグに振られたIDです。[クラス]エントリの日時、タイトル、本文などを囲んだdivタグに振られたクラスです。[タグ]エントリのタイトルを囲むタグです。[クラス]エントリの日時以外を囲んでいるdivタグに振られたクラスです。[クラス]投稿者(auther)の部分を囲むdivタグに適用されるクラスです。[クラス]投稿日時の部分を囲むdivタグに適用されるクラスです。[クラス]エントリ内の画像に適用可能なクラスです。投稿時にツールボックスの「画像」を使うと自動で挿入されます。[ID]ナビゲーションブロック全体を囲んでいるdivタグに振られたIDです。[ID]メニュー部分全体を囲んでいるdivタグに振られたIDです。[クラス]「Calendar」や「Category」など、メニューの各サブメニューのタイトルを囲むdivタグに適用されるクラスです。[クラス]メニューの各サブメニューの本文全体を囲むdivタグに適用されるクラスです。[クラス]メニュー内のリンクなどの「リスト(ul)」に適用されるクラスです。[タグ]メニュー内のリンクなどの「リスト(ul)」内のliタグに適用されるスタイルです。[クラス]カレンダーの「月」の部分に適用されるクラスです。[クラス]table型カレンダーのtableタグに適用されるクラスです。[クラス]table型カレンダーの日付部分(td)に適用されるクラスです。[クラス]カレンダー中の日付が表示した当日だった場合に適用されるクラスです。[ID]フッタブロックに振られたIDです。