settings
閲覧者全体に効かせる場合は、この「settings」ページにコードブロックで記入する。
自分だけに効かせる場合は、「自分のページ」つまり「rohinomiya」にコードブロックで記入する。
https://gyazo.com/ec4ac83ea24c859b45f28580c7c3708a
＃で始まるタグをラベル風にする
code:style.css
/* ＃で始まるタグをラベル風にする */
atype="hashTag"{
display: inline-block;
padding: 2px 8px;
margin: 0 8px 10px 0;
background: #fff;
color: #f27e48;
font-size: 0.8em;
border: 1px solid #f27e48;
border-radius: 3px;
transition: .3s;
-webkit-transform: scale(1);
transform: scale(1);
}
atype="hashTag":hover{
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
Twitter投稿
code:script.js
scrapbox.PageMenu.addItem({
title: 'Tweet',
image: 'https://twitter.com/favicon.ico',
onClick: () => window.open(https://twitter.com/intent/tweet?url=${encodeURIComponent(location.href)}&text=${encodeURIComponent(window.scrapbox.Page.title)})
});
`[**** を強調する
code:style.css
/* アスタリスク4つの強調文字 */
.line strong.level-4 {
font-weight: bold;
line-height: 3;
border-bottom: solid .2rem #39AC86;
border-left: solid #39AC86 1rem;
padding: 1rem;
}
/* スマホ表示を調整 */
@media screen and (max-width: 768px) {
.line strong.level-4 {
font-size: 130%;
line-height: 1.8;
font-weight: bold;
padding: .7rem;
}
}