Google の新しいタブに好きな画像を載せる
"新しいタブ" を開いた時に表示されている 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%; }