!
也想出现在这里? 联系我们
【腾讯云】云服务器、云数据库、COS、CDN、短信等云产品特惠热卖中
当前位置:首页>WordPress>B2主题美化>首页侧边添加悬浮内容-B2主题美化

首页侧边添加悬浮内容-B2主题美化

效果图:

首页侧边添加悬浮内容-B2主题美化

代码放到后台-模块管理-自定义模块

<a href="https://west2.hk/contact" rel="nofollow" target="_blank" class="contact-help main-shadow" style="font-weight:700;">联系我们</a>

css样式

/*联系我们首页左侧悬浮*/
.contact-help {
	position:fixed;
	z-index:101;
	left:0;
	top:calc(50% - 30px);
	margin-top:-36px;
	width:28px;
	height:72px;
	transition:all .3s;
	font-size:12px;
	background-color: #fff;
    box-shadow: -8px 0px 35px 0px rgb(181 181 181 / 32%);
	padding:8px 7px;
	line-height:14px;
}
@media screen and (max-width:768px) {
	.contact-help {
	display:none;
}
}
/*联系我们首页左侧悬浮*/

调用方法:

后台设置-外观-自定义-额外CSS-添加在最后即可

重要声明

本网站的文章部分内容可能来源于网络,如有侵犯你的权益请联系邮箱:[email protected] 站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请在下载24小时内删除!本站资源大多存储在云盘,如发现链接失效请反馈,我们会及时更新。


       

如果遇到积分购买才可查阅的文章,建议升级会员或者成为认证用户。全站95%资源免费下载”。

给TA打赏
共{{data.count}}人
人已打赏
B2主题美化

首页文章缩略图鼠标悬浮放大特效-B2主题美化

2022-11-27 15:48:28

B2主题美化

顶部页眉菜单缩放条-B2主题美化

2022-11-27 16:16:09

2 条回复 A文章作者 M管理员
  1. lzhf211

    学习进步

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索
扫码添加本站【微信群】加入我们的圈子

获取更多游戏搭建教学 请扫码添加右侧微信群

联系我们