B2主题美化在首页左侧边添加悬浮窗

效果图

教程

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

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

用到的是CSS的定位，如果想让他在右边，把left0改为right0。当然因为B2右侧有东西，top也要重新计算一下。

/*联系我们首页左侧悬浮*/
.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样式可以放在 后台设置-外观-自定义-额外CSS-添加在最后即可

或者加入到子主题CSS样式文件。