これはサンプルです

2003 | 01 | 02 | 03 |

2003/03/15 日ごとの日記タイトル[h2]

■ はじめに 00:00

このテーマ一覧は，tDiaryおよびはてなダイアリーで使われるテーマを手っ取り早く確認できるように作ったものです．はてなダイアリーで使えるテーマのみの掲載となっています．[フレーム復帰]

使用する場合は，JavaScriptをONにしてください．選択中のテーマの名前は，ステータスバーに表示されます．選択中のテーマのソースは，リスト上部の「選択されているテーマのソースを表示」から表示することができます．ソースファイルはEUC対応のエディタやブラウザでご覧ください．

NN6.2，NN7.0，IE5.5，IE6，Mozilla1.5で動作確認をとっておりますが，NN4.7，Opera6.02およびOpera7ではエラーが発生するようです．[既知の問題について]

また，スクリプトを使用しない「テーマ別によるスタイルシートサンプル(サムネイル版)」も用意していますので，切り替えがうまくいかなかった方はこちらをご利用ください．

CSSに関する一般的な情報お求めの方はリンクをご覧ください．

このサンプルにご意見のある方は，Jehoshaphatまでよろしくお願いします．

■ 小見出し1[h3] (行頭を「*」で始める) 09:10

ふつうの文章(p要素)．これはキーワード，これは普通のリンク．

強調[em]，より強い強調[strong]，インライン引用文[q]，出典[cite]，定義[dfn]，略語[addr]，略語(頭文字)[acronym]，^{上付文字[sup]}，_{下付文字[sub]}，ソースコード[code]，変数[var]，入力テキスト[kbd]，出力サンプル[samp]，追加[ins](自動的にdatetime属性付加)，~~削除[del]~~(自動的にdatetime属性付加)

■ 小見出し2[h3] 12:34

順序無しリスト[ul/li] (行頭に「-」．入れ子にするには「--」のように「-」を増やす)

C
Java
Perl
ECMAScript
- JavaScript
- ActionScript

順序リスト[ol/li] (行頭に「+」)

牛乳
バター
チーズ

定義リスト[dl/dt/dd] (行頭から「:タイトル:説明」とする)

京都府: 京都市
埼玉県: さいたま市
宮城県: 仙台市

引用[blockquote] (「>>」で始まり「<<」で終わる)

この部分は引用になります．

整形済みテキスト[pre] (「>|」で始まり「|<」で終わる)

myArray.sort(function(a,b){
               return a.split(",")[1] - b.split(",")[1];
             });

[コメントを書く]

# Jehoshaphat 『ここはコメント』

# うう『ばーや』

2003/03/14 日ごとの日記タイトル[h2]

■ アンテナやキーワードの位置 01:25

テーマによっては，アンテナやキーワードが他の部分と重なって見にくくなる場合がありますが，はてなダイアリーsidebar利用可能テーマをご覧になって個別に指定することで回避できます．

■ リンクの色 01:25

テーマによっては，キーワードと通常のリンクが区別できない場合があります．区別するためにははてなダイアリーTipsをご覧になって，キーワードクラスを変更してください．なお，デフォルトの状態では区別するようにスタイルシートが追加されています．

■ 画像について 00:00

この「テーマ一覧」では，文章が画像に回り込まないようになっていますが，テーマを適応する際に以下のスタイルシートを追加すれば回り込むようにできます．なお，デフォルトの状態ではすでにスタイルシートが追加されています．

img.photo {
 float: right;
 margin: 10px;
 border: 0;
}

■ はてなダイアリー便利リンク 16:45

はてなダイアリーを利用する上で参考になるページの紹介です．

はてなダイアリーに関する一般的な情報

詳しい入力ルール [はてなダイアリーのヘルプ]
はてなダイアリーTips [はてなダイアリーキーワード]
はてなダイアリーガイド [はてなダイアリーキーワード]
はてなダイアリーTools [はてなダイアリーキーワード]
はてなダイアリーに関するキーワード [はてなダイアリーキーワード]
はてなダイアリーsidebar利用可能テーマ [はてなダイアリーキーワード]
はてなダイアリー利用可能タグ [はてなダイアリーキーワード]

はてなダイアリーのCSS制作に関する情報

HTML/CSS制作に関する一般的な情報

ごく簡単なHTMLの説明 -- 30分間(X)HTML入門 [The Web KANZAKI]
CSSの主なプロパティ -- ごく簡単なHTMLの説明 [The Web KANZAKI]
CSS Laboratory (各ブラウザの対応表など)
CSS2 リファレンス
Cascading Style Sheets, Level 2 (CSS2仕様書邦訳)
Color Blender (色を作るときに便利)
色の組み合わせチェック - 読みやすい前景色と背景色 [The Web KANZAKI]

テーマ別によるスタイルシートサンプル[h1]