2006/08/06(日)4.1.1 見出し

adiary 1.00β6

見出しは以下の要素で構成されています。

親要素

  1. body
  2. div.hatena-body
  3. div.main
  4. div.day
  5. div.body
  6. div.section

見出し類要素

見出し

小見出し

小々見出し

h3

見出し部全体を定義します

span.timestamp

時刻付き見出し記法を使用した場合に付く時刻部を定義します

h4

小見出し部全体を定義します

h5

小々見出し部全体を定義します

2006/07/25(火)テーマ開発用ドキュメント

はじめに

このドキュメントはSatsuki Default Skelton System(標準スケルトン)向けのテーマを作成する際のドキュメントです。

尚、CSSの作成方法などについての解説は行いません。
CSSを作成するときにどこの要素を弄れば変化させることが出来るかについての解説を主に行います。

文章の構成

本ドキュメントの構成は以下の通りです

  1. 全体設定
    1. 全体のdiv構造
  2. ヘッダ/フッタ設定
    1. 管理メニュー
    2. 日記のタイトル
    3. フッタ
  3. 本文配置設定
  4. 本文記事設定
    1. セクション
      1. 見出し
      2. セクションアンカー
  5. サイドバー設定
  6. システムメニュー設定
  7. 要素一覧

注意事項

本ドキュメントは各記事執筆時のadiaryの最新版に搭載されているSatsuki Default Skelton Systemに対してのドキュメントです。
将来的に標準スケルトンに変更が行われた場合は正しく動作しない場合もありますのでご注意ください。
各記事での内容は記事上部の適合バージョン情報をご覧ください

2006/07/25(火)2.2 日記帳タイトル

adiary 1.00β5, 1.00β7

日記帳のタイトル部は以下の要素で構成されています

親要素

  • body

タイトル部要素

1.00β5
1.00β7
日記帳タイトル部がdiv.page-titleで囲われるようになりました

h1

日記帳タイトル部に関する定義をここで行います。
文字色を変更するにはここで定義するのではなく以下を参照して下さい。

div.page-title (1.00β7)

h1同様、日記帳タイトル部に関する定義をここで行います。

Tips

日記帳タイトルの文字色を変更する

以下の様に要素を指定して下さい。
h1 a, h1 a:link, h1 a:visited {
	color: xxx;
	text-decoration: xxx;
}

日記帳タイトルに画像を指定した場合

多くの場合、デザインに合わせる為にborderの解除をお勧めします。
h1 img {
	border: none;
}

2006/07/25(火)2.1 管理メニュー

adiary 1.00β5, 1.00β7

管理メニュー部は以下の要素で構成されています

親要素

  • body

管理メニュー部要素

1.00β5
1.00β7

一部の要素の名称変更、span.welcome-prefix, span.welcome-postfixが追加されました

div.adminmenu

通常上部に表示される管理メニュー全体を定義します。
以下のspan.~は全てこのdiv.adminmenuの内部で定義されています。

span.welcom (1.00β5)/span.welcome (1.00β7)

「ようこそ○○さん」の部分を定義します

span.welcom-name (1.00β5)/span.welcome-name (1.00β7)

span.welcomの内部に定義されています。span.welcomでのユーザー名にあたる部分を定義します

span.adminmenu

管理メニューへのリンク(「ログイン」、「日記を書く」など)部分を定義します

span.welcome-prefix (1.00β7)

span.welcomeの内部に定義されており、「ようこそ」の部分を定義します

span.welcome-postfix (1.00β7)

span.welcomeの内部に定義されており、「さん(ユーザー名の敬称)」を定義します