【本站通知】:提交网址请到顶部提交收录按钮提交,电脑版不能自动获取网站信息,请手动填写! ——广告合作:点击这里给我发消息 官方1群:加入QQ群 官方2群:加入QQ群
电影大全 博客大全 百度秒收录 导航大全 本站公告 违规站点

当前位置:首页 » 技术教程 » 实用教程 » 详情

给网站logo添加圣诞节元素

一年一度的圣诞节即将来临,小杰也闲的发毛,今天给大家分享一篇有趣的教程《给网站logo添加圣诞节元素》

使用方法

1、准备好圣诞帽的素材(png透明背景)

2、确定自己的logo图片的div的id或者clss

3、给logo父元素增加相对定位position:relative,如已有则可以忽略。

每个模板的结构都不一样,所以大家需要根据自己的实际情况调整,关键点就是给logo选择器后面加after伪元素,并给logo父元素添加相对定位。

说明

TIM截图20181214120601.png

确定上图中的三点,加入以下css


.logo:after { content: url(https://www.yaxi.net/demo/logo_hat/shengdanHat2.png); display: block; position: absolute; top: 41px; left: 467px; }
其中图片链接以及top高度,left值都需要自己按照自己的网站进行调整。


需要说明的一点是由于本教程不支持自适应模版,自适应的时候圣诞帽位置会浮动。

顺便附上几个圣诞帽图片

圣诞帽圣诞帽圣诞帽圣诞帽

打赏站长

打赏方式:

X
  • 支付宝
  • 微信
  • QQ红包

打开支付宝扫一扫
文章作者:站长的小便 日期:2018年12月21日 星期五   分类:实用教程   浏览(1012)
本文地址:https://www.laolibab.cn/syjc/6378.html   [百度已收录]
短网址: [复制短网址]
声明:本页信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。文章内容若侵犯你的权益,请联系本站删除!

相关阅读

留言咨询

自动获取QQ

昵称

邮箱

网址

寻元素 - 专注免抠png素材设计网站

    寻元素 - 专注免抠png素材设计网站

老李云

    老李云

代刷秒赞广告位

    第一领券网,福利多多,优惠满满

协助本站seo优化,点击百度一下

    百度一下

二维码在线生成

关于我们

    站长导航网提供网站SEO优化、SEM推广营销(百度/360/搜狗收录优化)、企业建站、搜索引擎教学等服务。
    联系我们:给我发QQ消息 加入QQ群

站点统计

  • 收录网址:2920 个
  • 黑名单:61 个
  • 发布文章:6854 条
  • 总访问量:8450167次
  • 评论总数:3181 条
  • 闲言碎语:3条
  • 用户总数:233
  • 管理员数:2
  • 作者总数:231
  • 附件总数:1012
  • 标签总数:10721
  • 分类总数:118
  • 子分类数:98
  • 友链总数:5
  • 本站运行:4年11月7天
展开
关闭 提交收录 审核状态 SEO实战 SEO外链 在线工具 在线音乐 模板之家 线报之家 资源大全 骗子公布 登录&注册
sitemap