最新公告
  • 欢迎您光临站长资源网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • ripro主题弹窗公告美化 暂无演示
    ripro主题弹窗公告美化手机扫码预览

    ripro主题弹窗公告美化

    售价:
    ¥ 免费
    • 平民用户购买价格 : 0积分
    • 终身皇帝购买价格 : 免费
    • 免费售前咨询
    • 免费安装指导
    • 付费安装资源
    • 付费终身升级
    • QQ保障售后服务
    • 网站应急咨询顾问

    升级尊贵会员
    享受全站VIP待遇

    104+
    会员已经加入
  • 文章介绍
  • 评价建议
  • 步:
    添加以下代码到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. 分享目的仅供大家学习和交流,请不要用于商业用途!
    3. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
    4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
    5. 如有链接无法下载、失效或广告,请联系管理员处理!
    6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
    7. 如遇到加密压缩包,默认解压密码为"********",如遇到无法解压的请联系管理员!

    站长资源网 » ripro主题弹窗公告美化

    发表评论