分类
设计创意
办公创意
游客您好
第三方账号登陆
  • 点击联系客服

    在线时间:8:00-16:00

    客服电话

    0871-64566545

    电子邮件

    admin@admin.com
  • 百澈资源吧APP

    随时掌握最新资源

  • 扫描二维码

    关注星点微信公众号

给网站内容添加一个原创标识
[复制链接]
2022 - 04 - 24 发布
未知地区 | 未知职业
admin 发表于 2022-4-24 18:40:17 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
无聊打发时间,利用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>



本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

帖子地址: 

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

热门下载分类
  • HTML模板
  • 免抠图元素
  • PPT模板
  • 平面设计素材
  • 电商淘宝素材
  • 高清背景图
关注我们
  • 官方微信公众号
  • APP应用下载
客服咨询
  • 0871-64566545(工作日:9:00-16:00)
  • cece56@vip.qq.com

所有资源(除原创外)均是网上搜集或网友上传提供,任何涉及商业盈利目的均不得使用,否则产生的一切后果将由您自己承担。如有侵犯您的版权,请及时发邮件联系我们

册册 by 昆明册册网络科技有限公司 X3.4 © 2019-2020 【问题反馈】 册册网络科技官网 |友链申请|滇ICP备2020008601号 滇公网安备53011202001450 滇ICP备2020008601号