爱站屋资源- 一生为免费为站长提供SEO网站优化网络优秀资源分享 申请友链 我要投稿  
广告位

网站首页 网站模版 正文

简单给你的网站logo图片添加圣诞节元素

2018-12-16 网站模版 122 ℃ 0 评论


使用方法:
1、准备好圣诞帽的素材(png透明背景)
2、确定自己的logo图片的div的id或者clss
3、给logo父元素增加相对定位position:relative,如已有则可以忽略。
每个模板的结构都不一样,所以大家需要根据自己的实际情况调整,关键点就是给logo选择器后面加after伪元素,并给logo父元素添加相对定位。 

给你的LOGO/CSS文件加上代码

.logo:after {
    content: url(https://0d077ef9e74d8.cdn.sohucs.com/rccDCtt_png); display: block;
    position: absolute;
    top: 41px;
    left: 467px;
}

其中图片链接以及top高度,left值都需要自己按照自己的网站进行调整。

需要说明的一点是由于本教程不支持自适应模版,自适应的时候圣诞帽位置会浮动。 顺便附上几个圣诞帽图片:

简单给你的网站logo图片添加圣诞节元素 网站模版 第1张简单给你的网站logo图片添加圣诞节元素 网站模版 第2张简单给你的网站logo图片添加圣诞节元素 网站模版 第3张简单给你的网站logo图片添加圣诞节元素 网站模版 第4张 


Tags:站长资讯爱站屋资源爱站屋资源网站长资源网网站源码网站模板网站建设爱站屋娱乐网资源平台

爱站屋资源网

1  爱站屋提供SEO教程站长资源资讯分享平台 - 爱站屋资源网如未经允许,转载时请注明来源

2 <本站资源来自互联网搜集,如有侵权请联系我们删除>
3  本站永久网址:www.aizhanwu.cn
4  站长交流群:8063636

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

搜索
最近发表
«   2019年3月   »
123
45678910
11121314151617
18192021222324
25262728293031
文章归档