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

无聊打发时间,利用CSS简单写一个子比主题文章内容的右上角添加一个原创标识;用来提醒他人本篇为本站原创,转发文章时请附转载地址。详情查看本篇文章右上角

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

使用步骤

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

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

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

相关说明

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

  • opacity 为图片水印透明度,0-1 范围,如果觉得颜色比较重,可往小的设置 .5
  • top: 0; 为文章内原创标识页内显示位置上下调整,增大/减小数字即可。
  • right: 0; 为文章内原创标识页内显示位置左右调整,增大/减小数字即可。
温馨提示:本文最后更新于2023/07/09 07:41:14若文章内容或图片失效,请留言联系站长反馈!
!
也想出现在这里? 联系我们
创意广告
狐狸库自定义文章内容右上角添加原创标识-狐狸库
狐狸库自定义文章内容右上角添加原创标识
此内容为付费阅读,请付费后查看
388积分
网络收集
虚拟资源
自动发货
永久使用
本站资源均为作者提供和网友推荐收集整理而来,仅供学习和研究使用,请在下载后24小时内删除,谢谢合作!
付费阅读
已售 6
© 版权声明
THE END
喜欢本文内容,请点击【点赞】【分享】【收藏】
点赞0赞赏 分享
评论 共1条

请登录后发表评论

    请登录后查看评论内容