给网站内容添加一个原创标识

无聊打发时间，利用css简单写一个给网站文章内容的右上角添加一个原创标识；

用来提醒他人本篇为本站原创，转发文章时候请附转载地址。

   首先，我们修改下方css类名“tx-box”改为你自己文章最外层盒子的类名，找不到可联系小编鹏仔帮你哦。

然后，修改background 的图片路径，图片大家自行下载（ps简单做了两个小图标，一个带白的阴影，一个不带，自行选择，psd忘记保存，也没什么需要修改），引入。

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

复制

.tx-box .info-con{

    position: relative;

}

.tp-yuanchuang{

    position: absolute;

    top: 0;

    right: 0;

    z-index: 1;

    opacity: .8;

    width: 110px;

    height: 70px;

    background: url(图片路径) no-repeat;

    background-size: auto;

}

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

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

复制

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

版权声明

1、转载或引用本网站内容须注明原网址，并标明本网站网址(http://www.cece56.com)。

2、转载或引用本网站中的署名文章，请按规定向原作者支付稿酬【除免费外】。

3、对于不当转载或引用本网站内容而引起的民事纷争、行政处理或其他损失，本网站不承担责任。

4、对不遵守本声明或其他违法、恶意使用本网站内容者，本网站保留追究其法律责任的权利。

本网站所提供的信息，只供参考之用。 本网站及其雇员一概毋须以任何方式就任何信息传递或传送的失误、不准确或错误对用户或任何其他人士负任何直接或间接的责任。 在法律允许的范围内，本网站在此声明,不承担用户或任何人士就使用或未能使用本网站所提供的信息或任何链接或项目所引致的任何直接、间接、附带、从属、特殊、惩罚性或惩戒性的损害赔偿（包括但不限于收益、预期利润的损失或失去的业务、未实现预期的节省）。 本网站所提供的信息，若在任何司法管辖地区供任何人士使用或分发给任何人士时会违反该司法管辖地区的法律或条例的规定或会导致本网站或其第三方代理人受限于该司法管辖地区内的任何监管规定时，则该等信息不宜在该司法管辖地区供该等任何人士使用或分发给该等任何人士。用户须自行保证不会受限于任何限制或禁止用户使用或分发本网站所提供信息的当地的规定。 本网站图片，文字之类版权申明，因为网站可以由注册用户自行上传图片或文字，本网站无法鉴别所上传图片或文字的知识版权，如果侵犯，请及时通知我们，本网站将在第一时间及时删除。 凡以任何方式登陆本网站或直接、间接使用本网站资料者，视为自愿接受本网站声明的约束。

本文地址：http://cece56.cn/forum.php?mod=viewthread&tid=288