FireBugでデザイン

ソフト

で、はてなダイアリーの公開デザインをカスタマイズしたものにを変更したわけですが、そのカスタマイズのときに使ったのが、Firefoxと機能拡張のFireBug。


いやぁ、便利でしたわ（笑）CSSによるデザインが楽。

  1. 変更したい部分を右クリックして、「Inspect Element」を選択
  2. 画面下に、FireBugの画面登場
  3. 左側のHTMLのソース画面で、設定する要素・クラスをクリックして指定
  4. 右側のCSSのソース画面で、スタイルを編集・追加・削除

とりあえず、これだけでいいかも。作業画面は、こんな感じです。

追記

Firebugについては、下のリンク先が参考になると思います。