CSS

はてな記法とHTMLマークアップまとめ

はてな記法を使ったとき実際にどのようなHTMLが出力されるのか、CSS用にクラスやIDに特化したまとめを作ってみたよー。簡潔にするためにはと略してあります。 07/11/22 自動リンク系記法を追加しました。 07/11/21 とりあえず自動リンク系以外の記法だけ

コメント新構造に関するいろいろ

投稿ボタンにCSSが適用できます <p class="commentform"> <span class="commentator"><input id="comment-username" name="username" size="15" value=" "></span><br> <textarea></textarea> <input value="投稿" type="submit"> </p>このように投稿フォームを含むP要素にclass="commentform"が追加されたので、p.commentform内のinput要素全てに投稿ボタン用のスタイルを書いてやって、そのあとから名…

ダイアリー構造メモ

全体の基本構造 + table#banner / div#simpleheader + h1 - div.hatena-body ( header ) + div.calendar#pager-top - div#days - div.day //日記1日分 + h2 //日付とタイトル - div.body [+ img.photo] //今日の1枚画像 - div.section //記事1件分 + h3[.tit…

div#days?

今気づいたんだけど、これっていつから出てきたんだろ? これ。複数のdiv.dayの一つ親かー。これがあるとどんなことが出来るかしら。 それよりどっちかっていうと日記本文部分にdiv.sectionbodyがほしいです先生。 追記 見出し1段/2段、日記モード/ブログモ…

新インターフェースのh3のスタイルについて

d2.hatena.ne.jpのインターフェースを少し変更しました - はてなダイアリー日記 なかなか便利そうでいいっすねこれ。ちょっとした誤字とか多いから助かるかも。 でもちょっと気になったことひとつ。新インタフェースこのまま実装されるとするとh3のspan.sanc…

アーカイブページのはてなスターは星だけでよくね?

CSS

と思ったので #hatena-archive img.hatena-star-comment-button, #hatena-archive img.hatena-star-add-button { display: none !important; }d:id:dobby-dog:archive すっきり! 余談 はてなRSSでも購読してるフィードのエントリにスターついてるけど、スタ…

ちょこっと変更

CSS

と、ついでにCSSのソース整理してたらこんな時間に! ふとブラウザ最大化してみて余白があまりにもあまりにもな感じに思えたので中央寄せにしてみますた。その関係で左側にボーダー引いたりとか、タイトル下の車輪増やしたりとかいろいろ。やっぱり文章の両…

はてなRSSのCSSいじった

CSS

やろうやろう思ってて半年くらい放置し続けたRSSのCSSにやっと手をつけました。 r:id:dobby-dog ひさしぶりに1から手探りでやったので結構ツメ甘子だと思う。細かいところは追い追い。