zibll子比主题美化 文章右上角添加原创标识角标

在逛网站的时候发现了这款原创标识，对需要强调重点文章的网站来说非常重要，利用CSS简单写一个子比主题文章内容的右上角添加一个原创标识；用来提醒他人本篇为本站原创，喜欢的朋友可以收藏下。

效果图：

使用步骤

• 将下方CSS放到网站公共CSS中，或者找到文章区域引入CSS的文件。

• 这里以子比主题为例：后台 >> Zibll主题设置 >> 全局&功能 >> 自定义代码 >> 自定义CSS样式

• 修改 background 的图片路径，图片大家自行下载，引入。

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

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

相关说明

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

• opacity 为图片水印透明度，0-1 范围，如果觉得颜色比较重，可往小的设置 .5

• top: 0; 为文章内原创标识页内显示位置上下调整，增大/减小数字即可。

• right: 0; 为文章内原创标识页内显示位置左右调整，增大/减小数字即可。