かえでのWebログ

はじめに

このドキュメントは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に対してのドキュメントです。
将来的に標準スケルトンに変更が行われた場合は正しく動作しない場合もありますのでご注意ください。
各記事での内容は記事上部の適合バージョン情報をご覧ください

親要素

• body

タイトル部要素

1.00β5

• h1

1.00β7

• div.page-title
  • h1

h1

div.page-title (1.00β7)

Tips

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

h1 a, h1 a:link, h1 a:visited {
	color: xxx;
	text-decoration: xxx;
}

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

h1 img {
	border: none;
}

親要素

• body

管理メニュー部要素

1.00β5

• div.adminmenu
  • span.welcom
    • span.welcom-name
  • span.adminmenu

1.00β7

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

• div.adminmenu
  • span.welcome
    • span.welcome-prefix
    • span.welcome-name
    • span.welcome-postfix
  • span.adminmenu

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の内部に定義されており、「さん（ユーザー名の敬称）」を定義します

特徴

• 何かの配布ページとスタートページを足して２で割ったようなテーマです。
• adiary専用テーマ。システムモードに対応しています。
• adiary Ver1.00β4に対応。
• SVGA以上の画面解像度を想定して作成しました。32bit color推奨です。
• GPLライセンスです。

仕様

• 現状では２行を超える日記のタイトルを入力するとデザインが崩れます。
• ユーザスタイルシートを定義する場合はサイドバーの幅と本文部の幅は変更しないで下さい。デザインが崩れます。
• IE6SP1とFirefox1.5、lolifox0.2.1-r21で表示確認しています。

最後に

追記 (7/24 28:08)

追記 2006/07/23

	background-image:	url("div_day_bottom.gif");
	background-position:	bottom left;
	background-repeat:	no-repeat;
	padding-bottom:		40px;