はてな[日記タイトルを画像にする・日記タイトルに背景画像を入れる2]調べたい部分をクリックしてください。日記のテーマによってちょっと見栄えが違うと思いますが、勘で補ってください。日記画像は「はてなダイアリー日記」からです（元画像）。 （2004年9月25日作図） ※まだ作図できてませんが、とりあえずはてなダイアリーガイド「CSSセレクタ - profileモジュール」を登録します。（2004.10.9）
![はてな[日記タイトルを画像にする・日記タイトルに背景画像を入れる2]](https://cdn-ak-scissors.b.st-hatena.com/image/square/c2399268c45f05176589994884651cf8a795231e/height=288;version=1;width=512/https%3A%2F%2Flive.blog-tags.st-hatena.com%2F%2F_next%2Fstatic%2Fimages%2FogImageDefault-0b14dbf84ffadcafc73ec8b1d951813c.png)
はてなダイアリー用CSS作成支援
【はてなダイアリー】用のスタイルシートの表示テストのためのHTMLです。 「サイドバー付きの最新日記画面」「日記編集画面」「キーワード表示画面」「コメント入力画面」「日記の設定画面」の表示を1度にチェックすることができます。 以下のファイルを適当なフォルダにダウンロードしてご利用ください。（ダウンロード用アーカイブは面倒なので作りません） hatena_samle.shtml（テスト用HTML） headdf.css（テスト用ヘッダ色指定：青） 画像 ヘッダタイトル用画像1：alisato.gif ヘッダタイトル用画像2：sample.gif ヘッダタイトル用画像1：test.gif ヘッダタイトル用画像1：dot.gif 日記用サンプル画像：ume_xp.gif キーワード用背景画像：keyword.gif
視覚的、はてなダイアリー文書構造サンプルHTML
[section] ■ [sectioncategory] 手入れしました15:37[h3要素] 長らく放置しておりましたが、色々変更点／足りない点があったりしたので、修正いたしました。アンカーは全て、CSS Tips for はてなダイアリーの該当箇所へのリンクとなっておりますので、「ここはどうなってるかよく解らない」と思っている部分のアンカーをクリックすると良い感じになると思いますが、解説は大して良い感じでもないので、その点はすみません*1。 また、一目で見た時の構造を第一に考えているので、配色とかセンスとか突っ込まれても泣き寝入りするばかりです。放って置いてください。ぷん。このカタチならアンチポップのスタイルをパクるべきだったなともチョト思いました。 [section] ■ [sectioncategory] もういっちょ16:00[h3要素] はてなダイアリーではエチィな背景画像を
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
