ripro主题弹窗公告美化

第一步：
添加以下代码到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，然后拖动颜色滑块到最右即可

------本页内容已结束，喜欢请分享------

感谢您的来访，获取更多精彩文章请收藏本站。

版权声明

1 本网站名称：站长资源网
2 本站永久网址：https://www.5mrk.com
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ58249393进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。
7 本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！
8 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！

管理员最强王者

打赏 收藏 海报 链接