无聊打发时间,利用CSS简单写一个子比主题文章内容的右上角添加一个原创标识;用来提醒他人本篇为本站原创,转发文章时请附转载地址。详情查看本篇文章右上角
最近柚子又收到很多站长朋友来信喜欢这款原创标识,一直让知新赶紧出教程,其实很简单的一段代码,知新其实不好意思公布出来,感觉有点献丑了。今天趁有空就赶紧分享给大家,同时也希望大家常来优知新作客,这里就贡献一些免费的积分吧。哈哈!
使用步骤
- 将下方CSS放到网站公共CSS中,或者找到文章区域引入CSS的文件。
- 这里以子比主题为例:后台 >> Zibll主题设置 >> 全局&功能 >> 自定义代码 >> 自定义CSS样式
修改 background
的图片路径,图片大家自行下载,引入。
最后,我们在编辑文章时候,哪篇文章需要,我们在文章编辑时,编辑器的 html 中,放入下方 html 代码即可
相关说明
可自定义“原创标识”的透明度&显示位置。
opacity
为图片水印透明度,0-1
范围,如果觉得颜色比较重,可往小的设置.5
top: 0;
为文章内原创标识页内显示位置上下调整,增大/减小数字即可。right: 0;
为文章内原创标识页内显示位置左右调整,增大/减小数字即可。
该教程来自狐狸库原创文章。
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
- 最新
- 最热
只看作者