CHROMA

世の中の "当たり前" を確認する

Google の新しいタブに好きな画像を載せる

f:id:thleap:20140613171659p:plain

"新しいタブ" を開いた時に表示されている Google のロゴは毎日変わる。ワールドカップやオリンピックといった "催し" のお知らせ、歴史上の人物の記念日や国民の祝日といった "今日は何の日" かのお知らせ、どちらも気にはなるけど別に知らなくてもいい。
それよりも自分が好きな漫画やアニメの絵、心にグサッとくる言葉が書いてあるほうが良い。
とりあえず以下のスタイルシートbackground-image: url(); に画像の URL を入れて、スタイルをページに当てれば Google のロゴは好きな画像に置き換えられる。

#dood {
  background-image: url(); /* display image */
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50%;
}

#dood #hplogo {
  visibility: hidden;
}

Cmd + T で新規タブを開くたびに自分の好きな画像が出てくるのは嬉しい。
今僕はロゴを出してるけど、これに飽きたらおっぱい山の画像にでも変えようと思う。

追記

指定 ID が間違ってた。#dood にスタイル振るんじゃなくて #lga に振らないと。

#lga #hplogo {
  visibility: hidden;
}

#lga {
  background-image: url(data:image/png;base64, ...); /* logo */
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center 60%;
}