Scrapboxをカスタマイズして背景画像を貼り付ける方法

この柔軟性は何なんだ?!


Scrapboxは面白い

UserCSS - Scrapboxヘルプ
テーマを変更するだけでは物足りない人むけの機能です....

Scrapboxは画面のカスタマイズが自由にできます。フォントサイズを変えたり、行間を広げたり。背景画像の設定もあるので試してみました。


settingsページを作る

新規作成でページを開き、タイトルを「settings」にします。


style.cssを書く

「code:style.css」と書いて改行。すると行頭がインデントした状態になるので、下記スタイルを書き込みます。画像アドレスはもちろんご自由に。

body{
background-image: URL('http://az619519.vo.msecnd.net/files/VolunteerPoint_EN-US6724349323_1920x1200.jpg');
}


リロード

ブラウザを再読み込みすれば、そこは南極。


Bing壁紙集

Bing Homepage Gallery
This gallery showcases images featured on the U.S. Bing homepage during the past 5 years....

今回使ったのはBingギャラリー。ペンギンが可愛かったので。


まとめ

画像が大きすぎる場合は、下記設定も追加で。

  background-size: cover;
カスタマイズすると、ほんと愛着が増します。たーのしー。