Jazzと読書の日々

iPadを筆記具として使う方法を模索します

Obsidian:cssclassesでの壁紙の貼り方

これは気分が上がる。

壁紙

以前の cssclasses を使う方法が効かなくなってました。

それで訂正+改良版。

wallpaper.css

画像を Gyazo にアップロードして 、そのアドレスを使います。

.wallpaper>div {
  background-image: url("画像のアドレス");
  background-size: cover;
  background-repeat: no-repeat;
  color: navy;

.cm-line {
  background: white;
  opacity: 0.8;
}

.cm-line:before {
 content: " ";
}
  
.cm-line.cm-active:has(br:only-child) {
  padding-left: 1ic !important;
}

.cm-line:nth-child(2) {
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  border-top-left-radius: 0.6em;
  border-top-right-radius: 0.6em;
}

.cm-line:last-child {
  padding-bottom: 0.3em;
  border-bottom-left-radius: 0.6em;
  border-bottom-right-radius: 0.6em;
}

}

これで OK。

使い方

プロパティに

cssclasses: wallpaper

と設定。 するとそのノートに壁紙が表示されます。

半透明なカードにテキストを書いていく感じ。

プロパティの消し方

設定の「エディタ>ドキュメント内プロパティ」を「非表示」に。

これでプロパティは消えます。

コアプラグインの「プロパティビュー」をONにし

コマンドパレットで「ファイルプロパティを追加」をすると

右サイドバーにプロパティが表示されます。 ここで操作できる。

まとめ

安心の荒川弘。 なんでこんな面白い設定思いつくんだろう。 どう転んでもワクワクするしかない。