はてなブログのテーマ変更

人力検索 はてなブログ

「はてなダイアリー」っぽい、はてなブログのテーマは無いのか、という質問の回答。
http://q.hatena.ne.jp/1398251503#a1228092

それっぽいので、気分転換にテーマを変えてみる。

「cork」→「Hatena2 for はてなブログ」


プレビューで、こんな脅しが入る。

テーマをインストールすると、現在設定されているテーマ、デザインCSS、背景画像が破棄されます。

はい、はい。
デザインCSS の内容を保存しておいて、テーマをインストール。

新しいテーマに合わせて、デザインなどをちょっと修正。

デザインCSS

  1. ブロックごとの広告を消す
  2. 前のテーマ用のサイズ調整を無効にする
/* <system section="theme" selected="6435922169449226313"> */
@import url("http://hatenablog.com/theme/6435922169449226313.css");
/* </system> */

#google_afc_user, .google_afc_blocklink {	/* ブロック毎の広告も消しちゃう */
    position: absolute !important;
	right: 1400px;
}
/* for cork		前のテーマ用のサイズ調整も、無効にしておく 
#main {
	width: 750px;
}
#box2 {
	font-size: 100%;
	width: 200px;
}
*/

サイドバーのQRコード。

  1. 高さを +20px
<!-- QR -->
<!--ここから変更ＯＫです-->
<DIV style="text-align:center;width:120px;height:140px;background-image: url();border:0px solid #cccccc ;font-size:10px;color:#666666;">
<!--変更ＯＫはここまでです。-->
<br>このページの<a href="http://syde.jp/qr/" target="_blank">ＱＲコード</a><br>
<IFRAME src="http://syde.jp/anq/server.php" height=100 width=100 scrolling=NO frameborder=0 marginwidth=0 marginheight=0></IFRAME></DIV>
<!--/QR/-->

気になること

  • カテゴリのリンクにアンダーラインが出てる
  • 記事の編集が、マウスオーバーで表示されるので、マウス移動でガタガタする
  • 全般的に、字が小さい
  • 特に、<h4> よりも <h1> の方が、字が小さいのは駄目だな
  • 小見出しにも、縦線は欲しいな
  • プルダウンメニューの横位置が、左に 300px ほどずれている

まあ、ボチボチ直すか...


それにしても、デザインの変更なり、記事のプレビューなり、この重たいのはどうにかならないかな　＞はてなブログ

一時的に Aero に変更 ＠2014-5-14

http://q.hatena.ne.jp/1399728388 の回答で、Aero を実際にテーマに選んだときの動作を確認したかったので、テーマを Aero にしつつ、サイドバーの「ブックマーク」の高さを縮めて、サイドバーの最後にスクリプトだけを仕込んだモジュールを追加。

↓の <hr> も、端まで伸びてるでしょ的なアピール　:-)

if 文のかっこが一つ足りなかったのと、Aero では横幅の指定が auto では #main が広がってしまうので、幅を指定するようにしました。

http://q.hatena.ne.jp/1399728388#a1229349#ac95287

それにしても、if 文の括弧をひとつ忘れてて、スクリプトエラーだなんて、こっぱずかしいぜ全く（毎度のことではあるんだが……）。