cssの基本はここを読めばわかります。
ブラウザはFirefoxでFirebugを使ってセレクタを調査をするのがいいと思います。(基本的に自分で調べるしかない)
毎回ダイアリー上でcssの保存をやるのが面倒くさかったり、簡易的に表示を確認したい場合は、Firebugの「スタイル」編集機能を使っていじったり、Stylishを使うと便利です。
例えばサイドバーの「カレンダー」などの文字の色を変えるには以下のように指定します。
.hatena-moduletitle { color:pink !important; }
要素名(div等)、class属性、id属性をヒントにセレクタを書いていきます。
具体的にこう変えたいがわからないといった場合はコメントに書くか、また人力検索を利用するなりしてください。
▽2
●
taroe ●100ポイント ベストアンサー |
1.一番シンプルなテーマ(テンプレート)を選択
2.そこに追加や変更と言う形で変更していくのが簡単
たとえば、シンプルと言えば以下のようなテーマがあります。
はてなダイアリーテーマ
http://www.koikikukan.com/archives/2009/06/11-015555.php
>詳しく説明してあるものが一つもありません。
CSSと言うよりかは、
そのテーマで使っている、class名やid名に依存するからでしょう。
アメブロに比べて
たしかにそういう情報は少ないです。
もともと賞味期限が切れてると言う話もあります。
そのためか?
はてなブログというものも存在します。
http://hatenablog.com/
はてなダイアリーに限らないスタイルシートの作り方のページを参考にされるといいです。
詳しく説明してあるものは沢山あるのですが、とっつきが悪いことが多いです。css自体は簡単なことなのですが、初心者の方は読みもせずに難しそうで終わってしまうことも多いです。cssの質問ですが、htmlは理解されてなければcssの説明を読んでもなんのことかわからないかもしれません。
以下はアメブロ対象ですが、cssの概要ははてなも同じですのでcssとはこんなものを把握してください。
とっつきは悪いがお勧め。htmlの30分講座もお勧めです。
上記でとりあえずセレクタ{プロパティ:値;}を理解できれば
セレクタとプロパティをより細かく当てはめればcssで出来ることはすべて出来ます。難しそうに見えても、「プロパティ:値;」の組み合わせに過ぎません。
セレクタで変えたい場所を大きく、またはピンポイントに指定します。はてなダイアリーのhtmlを覗いてdiv class=とかdiv id=なんてところとセレクタを一致させます。