UserCSSを使ったScrapboxの大改造例
blog風にする
homepage風にする
scrapbox.io/katolab.icon
このあたりは/noratetsu/nora.iconさんが強い印象takker.icon
久々にサイトを覗いたらすごいレイアウトになってた
●関連リンクを左列に持ってくる.icon
yuki_minoh.icon
やりたいけど不満の残る形で停止している
suto3.icon
痛Scrapbox.icon
その前の版
2020年に作ったもの.icon
wogikaze.icon
https://gyazo.com/b0ea5eeef213d9f37078f601b2755fc0https://gyazo.com/8344825932761a1913d6844a9e13f5ae
ちょっと迷走中
あっ...
そういえばimport先はpublicじゃないとダメでしたね
直した上に大改造を施した結果ほとんど元のScrapboxに戻ってしまったwogikaze.icon
https://gyazo.com/0c35d21a068578f5ec01f1497dce60ac
https://gyazo.com/6973e3fc4fff851912fe57f447ac4b65
https://gyazo.com/14424b102ec1eca0911fd8754bdf9555
あ、左右に余白を入れてz-indexを調整してないから、隠れてしまうのか
mtane0412.iconさんとこのCSSを参考に、見えるようにしておこう
2人いる場合、単純に.app::afterに表示するだけだとうまくいかない
間にある要素が操作できなくなってしまう
https://gyazo.com/4a8f7c26c95df9d12a9e6783994ded7b
水色領域内のテキストを編集できない
::afterは同一要素に1つしか設定できないので、2人配置する場合は複数のHTML要素を使う必要がある
完成
https://gyazo.com/f45e7a6e1daa263c9d9e9f2528dcc301
Mijinko_SD.icon
https://gyazo.com/cf6d3e8dc4d12cfa49fd2bed0d916d28
それとも複数箇所で同時多発的に生まれた？
同時多発的ですねMijinko_SD.icon
前例があるので元ネタはちょっと言いすぎだったかも
井戸端周りでは僕が作ったやつとblu3mo.iconさんが作ったやつがよく使われているイメージだったのでこういう発言をしたのだと思う（）
すっごい偶然だtakker.icon
https://gyazo.com/8472aef1ec5304209e97ff519e54de24
https://gyazo.com/a0d1b6f8fab02384ef80cdf6482a5e2f
いいなdokudami.icon
すでに結構変わっているwogikaze.icon