読者です 読者をやめる 読者になる 読者になる

Hack the World!

プログラミングや,ネットワークに関する話題を取り扱っています.知識をつけて,優雅にお仕事するのを目指しています.

あえて、はてなダイアリーをHackしてみた。 - ロゴ変更編

はてなダイアリーのタイトルがあまりにもシンプルすぎて、かつ提供されているテーマに好みのものがなかったので、Hackしました。
Hackといえるほどの物ではありませんが、最近日記を書いた人たちからたどってみてもそこまで変えてらっしゃる方が居なかったので、とりあえずまとめてみた。



こんな突込みが来るんじゃないかと震えてみる。ガクガクブルブル

  • 実はみんなあえて変えてないんだ!
  • このシンプルさがはてななんだ!
  • ロゴをでかくするなんて、はてな市民の風上にも置けないな!
  • まだ、Web2.0を引きずってるのかい?時代は3.0だ!

Hack手順はいたって簡単

手順は以下のとおり

1)タイトルロゴを用意する。
2)はてなFotolifeに登録する。
3)デザインを変更する。

1)タイトルロゴを用意する。

そんなんできるか!と、突っ込む前に
http://toshiiy.blog22.fc2.com/blog-entry-87.html

2)はてなFotolifeに登録する。

http://f.hatena.ne.jp/
登録後、画像を右クリックして「画像のURLをコピー(Chrome)」

3)デザインを変更する。

ダイアリーの管理から「デザイン」を選択し、「詳細」を選ぶ
ページのヘッダ に下のおまじないを書く

 <img src="画像のURL(さっきコピーしたものをペースト)" id="logo">

スタイルシートに以下のおまじないを書く

img#logo{
 position:relative;
 margin-top:-120px;
}


−120pxは自分の環境で調整する必要があるかもしれない。
後、ほかの機能モジュール使っているともうちょっと調整が必要かも?


後でモバイル版も変えてみようかな