如何像介绍的动图中在条目链接与页码前面加图标

使用问题 · 263 次浏览
用户6933568718... 创建于 2022-12-17 11:55

 感觉加图标会好看一些,目前默认是没有

用户6933568718... 最后更新于 2022/12/17

回复内容
shuoying 2023-01-19 19:38
#1

将如下代码片段塞到 设置>外观>代码片段>CSS 片段 里面即可, 其中 /emojis/zotero.ico 与 /emojis/zotero-light.ico 分别是 工作空间/data/emojis/ 目录下自己添加的两个 zotero 图标文件

.protyle-wysiwyg [data-node-id] span[data-type~=a][data-href ^="zotero:"]:not(:empty)::before,
.b3-typography a[href ^="zotero:"]::before {
    background-image: url(/emojis/zotero.ico);

    content: "";
    display: inline-block;
    position: relative;

    background-size: 0.875em auto;
    background-repeat: no-repeat;
    background-position: center;

    width: 0.875em;
    height: 1em;
    margin: 0.125em 0.125em -0.125em 0;
    padding: 0;
}

.protyle-wysiwyg [data-node-id] span[data-type~=a][data-href ^="zotero://open-pdf/"]:not(:empty)::before,
.b3-typography a[href ^="zotero://open-pdf/"]::before {
    background-image: url(/emojis/zotero-light.ico);
}
回复主贴