シンプル・スタンプ
特定のページリンクをスタンプのように使ってみる試案。
256×256px で 透過背景のpng 画像をスタンプとする。
スタンプ名のページを作って貼っておく。
CSSに、貼り付けた画像のURLを登録する。
リンク名(スタンプ名)を “SS-◯◯◯◯” のように統一しておくと、インクリメンタルサーチでスタンプが選べて便利かも?
https://i.gyazo.com/b8b415376224d80ec0e37ce46bd54935.png https://i.gyazo.com/4b835bac747e6ceb4f65297d6fb30f48.png
code:style.css
/* スタンプ登録 */
.line ahref$="/SS-WAKEUP" {
background-image: url("https://gyazo.com/b137555d1744dc8f5861eef482492b54/max_size/256");
}
.line ahref$="/SS-EMERGENCY" {
background-image: url("https://gyazo.com/9ea227a0bfff5a61f7f339e6080a9b52/max_size/256");
}
.line ahref$="/SS-WAKEUP", 
.line ahref$="/SS-EMERGENCY" {
font-size: 10px !important;
width: 256px;
height: 256px;
position:absolute;
background-repeat: no-repeat;
}
https://i.gyazo.com/b55b4fa40a2d829b76ea397ba800f7da.mp4
#UserCSS
UserCSS.icon
Spica - Scrapbox研究会