本文最后更新于 2022-10-14,已超过 365 天未更新,内容可能已失效。
子主题群会员反馈做一个,弹出公告的美化,下面是操作步骤,其实很简单!!
第一步:
添加以下代码到css,注意修改图片链接
/*弹窗*/
.notify-content {
background-image: url(图片链接);
background-size: cover;
height: 753px;
width: 100%;
}
.notify-content h3 {
padding: 150px 0 0 0;
font-weight: bold;
background: top;
color: #9c85fa;
}
.notify-content div {
padding: 100px 30px 30px;
margin: 0;
font-weight: 300;
font-size: 18px;
color: #9389fb;
text-align: center;
line-height: 30px;
}
@media (max-width: 768px) {
.notify-content {
height: 100%;
}
.notify-content h3 {
padding: 100px 0 0 0;
font-size: 16px;
}
.notify-content div {
padding: 50px 30px 30px;
font-size: 14px;
line-height: 25px;
}
第二步:
后台基本设置
1、开启全站弹窗公告
2、全站弹窗公告-标题 填写公告标题
3、内容 添加如下代码,注意群链接
本站可以直接使用支付宝当面付充值<br>
充值后会自动到账<br>
个人站长已申请并获得当面付接口权限<br>
大家可以放心充值付款<br>
遇到问题可以联系本站客服或者添加下方QQ群<br><br><br>
<a href="//shang.qq.com/wpa/qunwpa?idkey=1619f78ad7cedffee8c05199a61d8cc4c2ea6b6af0ecaf477c42af7493aa5d13" title="加入xxxx原创设计QQ群" target="_blank">
<img src="https://www.cinui.com/img/qqun.png" class="qqun" alt="加入xxxx原创设计QQ群" style="width: 50%;margin: 0 auto;"></a>
4、背景色
随便选择一个颜色,点击下方的transparent,然后拖动颜色滑块到最右即可
第三步:
存即可
除非注明,子佩工作室 文章均为原创,转载请以链接形式标明本文地址。





登录后即可发表评论
全部评论 (0)