はてなブログのテーマ変更
「はてなダイアリー」っぽい、はてなブログのテーマは無いのか、という質問の回答。
http://q.hatena.ne.jp/1398251503#a1228092
それっぽいので、気分転換にテーマを変えてみる。
プレビューで、こんな脅しが入る。
テーマをインストールすると、現在設定されているテーマ、デザインCSS、背景画像が破棄されます。
はい、はい。
デザインCSS の内容を保存しておいて、テーマをインストール。
新しいテーマに合わせて、デザインなどをちょっと修正。
デザインCSS
- ブロックごとの広告を消す
- 前のテーマ用のサイズ調整を無効にする
/* <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コード。
- 高さを +20px
<!-- QR --> <!--ここから変更OKです--> <DIV style="text-align:center;width:120px;height:140px;background-image: url();border:0px solid #cccccc ;font-size:10px;color:#666666;"> <!--変更OKはここまでです。--> <br>このページの<a href="http://syde.jp/qr/" target="_blank">QRコード</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 文の括弧をひとつ忘れてて、スクリプトエラーだなんて、こっぱずかしいぜ全く(毎度のことではあるんだが……)。