■はてな匿名ダイアリーの標準スタイルシートでデコるバッドノウハウ

pタグやdivタグのclass要素を指定できるのでHTMLでそのまま記述する。

いつくかはてなダイアリーでの使用可能なはてな記法は無効になっており、例えばキーワードリンク無効記法が使えないためフォントカラーが キーワードリンクの黒に潰されちゃうかんじ。

以下サンプル。アルファベットはクラス名(自動アンカーついていててコピペしにくい。ソースみたほうがいいかも)。

アイコン

• icon-arrow :: 矢印

• icon-tag :: タグ

• icon-folder :: フォルダ

• icon-keyword :: キーワード

• icon-linlink :: インリンク

• icon-page :: ページ

• icon-user :: ユーザー

• icon-download :: ダウンロード

• out :: アウト

フォント

• hatena-asin-detail-title :: 太字

• synStatement :: フォントカラーブラウン

• synSpecial :: フォントカラーピンク

• synType :: フォントカラーグリーン

• synComment :: フォントカラー

• synPreProc :: フォントカラー

• synIdentifier :: フォントカラー

• synConstant :: フォントカラー

• attention :: フォントカラーレッド

• note :: フォントカラーグレー

• domain :: フォントカラーライトグレー

• tag :: フォントカラーグリーン

• hatena-asin-detail-foot :: フォントサイズSSS

• font-ss :: フォントサイズSS

• font-s :: フォントサイズS

• font-l :: フォントサイズL

• font-ll :: フォントサイズLL

ブロック

• recentitem

• headline

• span.highlight
• div.friends :: ブロック

• users :: ブロック

• tooltip :: ブロック

• info .box-curve span.curve-bottom :: わからん

• message :: メッセージブロック

• success :: メッセージブロック

• error :: メッセージブロック

• yea :: ボーダーカラーグレー

• invalid :: ボーダーカラーレッド

• h-lline :: ボーダーレフトブルー

• keyword :: アンダーラインライトグレー

• box-bg-de :: 背景青のボックス

• box-bg-bl :: 背景ありのボックス

• box-bg-dg :: 背景ありのボックス

• box-bg-gr :: 背景ありのボックス

• box-bg-lb :: 背景ありのボックス

• box-bg-lg :: 背景ありのボックス

• box-bg-li :: 背景ありのボックス

• box-bg-or :: 背景ありのボックス

• box-bg-pk :: 背景ありのボックス

• box-bg-pr :: 背景ありのボックス

• box-bg-rd :: 背景ありのボックス

• box-bg-gr :: 背景ありのボックス

• box-bg-gr :: 背景ありのボックス

• box-bg-gr :: 背景ありのボックス

• box-bg-sp :: 背景ありのボックス

• box-bg-te :: 背景ありのボックス

• box-bg-wh :: 背景ありのボックス

• box-bg-de2 :: 背景ありのボックス

• box-bg-bl2 :: 背景ありのボックス

• box-bg-br2 :: 背景ありのボックス

• box-bg-dg2 :: 背景ありのボックス

• box-bg-gr2 :: 背景ありのボックス

• box-bg-lb2 :: 背景ありのボックス

• box-bg-lg2 :: 背景ありのボックス

• box-bg-li2 :: 背景ありのボックス

• box-bg-or2 :: 背景ありのボックス

• box-bg-pk2 :: 背景ありのボックス

• box-bg-pr2 :: 背景ありのボックス

• box-bg-rd2 :: 背景ありのボックス

• box-bg-sp2 :: 背景ありのボックス

• box-bg-te2 :: 背景ありのボックス

• box-bg-wh2 :: 背景ありのボックス

おまけ

a.keywordcloud10 を空白で刻むことによってうざいかんじになる。荒し用。

よ か っ た で す ね 。

こ の エ ン ト リ を プ

リ ン ト ア ウ ト し て

病 院 へ 行 っ て く だ

さ い。

ツイートする

Permalink | トラックバック(2) | 20:21