はてなダイアリーの設定についてお尋ね致します。=1=

せっかく書いたので貼っておきます。

http://d.hatena.ne.jp/theme/hatena/hatena.css
日記表示のカスタマイズは、スタイルシートをいじります。
以下は例として、テーマ『hatena』のタイトル部分の設定です。

h1 {
text-align: left;
font-size: 16pt;
font-weight: bold;
border-bottom: 1px dotted #adb2ff;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 5%;
margin-right: 5%;
padding: 4px 4px 4px 4px;
}

以下、行ごとに日本語訳。
(1)テキストを左に寄せて(2)フォントは16ポイントで(3) 太文字で(4)下辺に色をadb2ff色にした点線を引いて(5)上の余白は10PX(6)下の余白は10px(7)左の余白は画面の5%(8)右の余白は画面の5%。（左右を同じ値にすれば中央配置になる）(9)文字本体と外枠の感覚は上下左右4px
という意味。

なので、大きくしたかったら、日記の詳細設定の『スタイルシート』欄に
h1{
font-size: 24pt;
}
と入れると、hatenaテーマの16ptから24ptに上書きされます。
他のこと（下線が点線であることとか）をいじる必要が無ければ、それは書かなくて結構です。書いたことだけが上書きされるようになっています。

ご自分がお使いのテーマのスタイルシートは、日記を表示して、htmlソースを表示して、
<link rel=”stylesheet” href=”http://d.hatena.ne.jp/theme/hatena/hatena.css” type=”text/css” media=”all”>
という感じの所を探すと分かります。
この場合は、http://d.hatena.ne.jp/theme/hatena/hatena.cssがスタイルシートです。
ここで定義されたデザイン通りに、ダイアリーは表示されます。

例えば。

私のダイアリーの場合は、はてなダイアリーキーワードのリンクの下線を消して、代わりに青くなるようにしています。
この場合、このように、スタイルシート欄に追記します。

a.keyword {
text-decoration: none;
color: #0000ff;
border-bottom: none;
}

a.keyword:link {
color: #0000ff;
}

a.keyword:visited {
color: #6495ed;
}

a.keyword:hover {
color: #bbbbbb;
}

実際のhtmlソースと、CSSを見比べると、どこをどうすればカスタマイズできるかだんだん分かってきます。
詳しくは、
はてなダイアリー - はてなダイアリーガイド「CSSセレクタ」
http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bc%a5%ac%a5%a4%a5%c9%a1%d6CSS%a5%bb%a5%ec%a5%af%a5%bf%a1%d7

や、

とほほのスタイルシート入門
http://www2e.biglobe.ne.jp/~s-hasei/css/index.htm

を、ご覧下さい。
カスタマイズに役立つカラーコードはこちらから。
（先ほどからちらちら出てくる#の後の6つの数値です）

WebMonkey：カラーコード
http://hotwired.goo.ne.jp/webmonkey/reference/color_codes/

Yunyさんへ:

大変ご丁寧なご指導を頂きまして、ありがとうございます。

CSSを使いこなせるようになるとラクなのでしょうけれど、
今のところ、私には難しすぎて・・・
文字と文字の間隔をせばめたりの書き方も知りたいのです。

どこまでできるか、わかりませんが、
まずは、書いて頂いたソースをコピーしながら変えていってみます。


今後共、宜しくご指導お願い申し上げます。