狐狸库自定义文章内容右上角添加原创标识

最近狐狸又收到很多站长朋友来信喜欢这款原创标识，一直让狐狸赶紧出教程，其实很简单的一段代码，狐狸其实不好意思公布出来，感觉有点献丑了。今天趁有空就赶紧分享给大家，同时也希望大家常来狐狸库作客，这里就贡献一些免费的积分吧。哈哈！

使用步骤

• 将下方CSS放到网站公共CSS中，或者找到文章区域引入CSS的文件。
• 这里以子比主题为例：后台 >> Zibll主题设置 >> 全局&功能 >> 自定义代码 >> 自定义CSS样式
• 修改 background 的图片路径，图片大家自行下载，引入。

.huliku-box .info-con{
    position: relative;
}
.huliku-yuanchuang{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    opacity: .8;
    width: 150px;
    height: 70px;
    background: url(https://img.huliku.com/pic/2023062818152068.png) no-repeat;
    background-size: auto;
}

最后，我们在编辑文章时候，哪篇文章需要，我们在文章编辑时，编辑器的 html 中，放入下方 html 代码即可

<div class="huliku-yuanchuang"></div>

相关说明

可自定义“原创标识”的透明度&显示位置。

• opacity 为图片水印透明度，0-1 范围，如果觉得颜色比较重，可往小的设置 .5
• top: 0; 为文章内原创标识页内显示位置上下调整，增大/减小数字即可。
• right: 0; 为文章内原创标识页内显示位置左右调整，增大/减小数字即可。

!

也想出现在这里？ 联系我们吧