游戏网站弹出广告
游戏网站弹出广告
  • 扩展项目
  • 功能
  • 协助费用
  • 80
  • 编辑语言
  • html+css
  • 二开难度
  • 一般
  • 支持版本
  • 手机模板
  • 技术QQ
  • 28977233
协助费用80元
技术咨询
磁云互联

技术员负责人

售前及售后服务咨询,商务合作私人定制服务,其他技术支持服务!
向讲师提问:QQ交谈

游戏网站平台弹出广告代码扩展插件

[复制链接]
磁铁网络授权认证 发表于 2022-1-23 18:34:45 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
123.jpg

第一步:下载素材包,解压上传到网站根目录
请点击此处下载

请先注册会员后在进行下载

已注册会员,请先登录后下载

文件名称:素材包.zip 
下载次数:0  文件大小:283.14 KB  售价:9金币 [记录]
下载权限: 不限 以上  [点击充值金币]  [签到领取金币]



第二步:进入后台 - 模板编辑 - 手机模板编辑 - 修改对应模板文件
将一下代码添加到对应文件最底部
css调用代码:
  1. .layermbox {position:absolute;left:0;width:100%;z-index:19891014;display:none}
  2. .layermmain, .laymshade {position:fixed;left:0;top:0;width:100%;height:100%;}
  3. .layermbtn span, .layermchild { display:inline-block; position:relative }
  4. .laymshade {background-color:rgba(0,0,0,.5);pointer-events:auto;}
  5. .layermmain {position: fixed;font-family:Helvetica, arial, sans-serif;pointer-events:none;}
  6. .layermmain .section {vertical-align:middle;width: 100%;display: flex;height: 100%;text-align: center;align-items: center;}
  7. .layermchild { text-align:left; background-color:#fff; font-size:0.58rem; border-radius:0.16rem; box-shadow:0 0 0.32rem rgba(0,0,0,.1); pointer-events:auto; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-duration:.18s; animation-duration:.18s }
  8. .layermborder { border:1px solid #999 }
  9. @-webkit-keyframes bounceIn { 0% {opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}
  10. 100% {opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
  11. .layermanim { animation-name:bounceIn; -webkit-animation-name:bounceIn }
  12. .layermbox .layermchild {width: 250px;}
  13. .layermbox .miluhy {/* width: 339px; */}
  14. .layermbox0 .layermchild {background: url(../../1_images/banner_03.png) no-repeat 100% #ffffff;background-size: 100%;margin: 0 auto 0;border-radius: 0.35rem;background-position: 0rem 0rem;}
  15. .layermbox0 .miluhys {background: url(../../1_images/banner_04.png) no-repeat 100% #ffffff;background-size: 100%;margin: 0 auto 0;border-radius: 0.35rem;width: 331px;background-position: 0rem 0rem;}
  16. .layermbox1 .layermchild { border:none; border-radius:0 }
  17. .layermbox2 .layermchild { width:auto; max-width:260px; min-width:40px; border:none; background-color:rgba(0,0,0,.6); color:#fff }
  18. .layermcont {padding:0.8rem 0.6rem;border-radius:0.24rem;text-align:center;}
  19. .layermcont p {font-size: 14px;padding: 0 6px;}
  20. .layermcont p.lh12 { line-height: 1.2rem;}
  21. .layermcont h2 {color:#333333;/* font-size:0.64rem; */font-weight:bold;margin-bottom:6px;}
  22. .layermcont .com-yp { color: #333; font-size: 0.64rem; padding: 0.3rem 0;}
  23. .layermborder .layermcont { padding: 0.3rem 1.2rem;}
  24. .layermbox1 .layermcont { padding:0 }
  25. .layermbox2 .layermcont { text-align:center; padding:30px 30px 0; line-height:0 }
  26. .layermbox2 .layermcont i { width:1.5rem; height:1.5rem; margin-left:8px; display:inline-block; background-color:#fff; border-radius:100%; -webkit-animation:bouncedelay 1.4s infinite ease-in-out; animation:bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode:both; animation-fill-mode:both }
  27. @-webkit-keyframes bouncedelay { 0%, 100%, 80% {-webkit-transform:scale(0)}
  28. 40% {-webkit-transform:scale(1)}}
  29. @keyframes bouncedelay { 0%, 100%, 80% {transform:scale(0);-webkit-transform:scale(0)}
  30. 40% {transform:scale(1);-webkit-transform:scale(1)}}
  31. .layermbox2 .layermcont i:first-child { margin-left:0; -webkit-animation-delay:-.32s; animation-delay:-.32s }
  32. .layermbox2 .layermcont i.laymloadtwo { -webkit-animation-delay:-.16s; animation-delay:-.16s }
  33. .layermbox2 .layermcont>div { line-height:22px; padding-top:7px; margin-bottom:20px; font-size:14px }
  34. .layermbtn { position:relative; height:2rem; line-height:2rem; font-size:0; text-align:center; border-top:1px solid #EBEBEB }
  35. .layermbtn span { width:50%; text-align:center; height:1.92rem; font-size:0.62rem; cursor:pointer; border-radius:0 5px 0 0; color:#007aff;}
  36. .layermbtn span:first-child { height:1.92rem; background-color:#fff; border-radius:0 0 0 0.24rem;color: #666666!important;}
  37. .firblue .layermbtn span:first-child { height:1.92rem; background-color:#fff; border-radius:0 0 0 0.24rem;color: #007aff!important;}
  38. .layermbtn:before { content:'\20'; position:absolute; width:1px; height:1.92rem; left:50%; top:0; background-color:#EBEBEB }
  39. .layermend { position:absolute; right:7px; top:10px; width:30px; height:30px; border:0; font-weight:400; background:0 0; cursor:pointer; -webkit-appearance:none; font-size:30px }
  40. .layermend::after, .layermend::before { position:absolute; left:5px; top:13px; content:''; width:20px; height:2px; background-color:rgba(0,0,0,.3); transform:rotate(45deg); -webkit-transform:rotate(45deg); border-radius:3px }
  41. .layermend::after { transform:rotate(-45deg); -webkit-transform:rotate(-45deg) }
  42. .wx-close { position: absolute; top:0; left: 0; text-align: right; width: 100%;}
  43. .wx-close em {font-size: 1.8rem;color: #fff;border-radius: 4rem;/* background: #fff; */font-family: inherit;padding: 0 0.7rem;display: inline-block;}
  44. .wx-close .miluhy {font-size: 1.8rem;color: #000;border-radius: 4rem;/* background: #fff; */font-family: inherit;padding: 0 0.7rem;display: inline-block;}
  45. .wx-course {height: 100%; overflow: auto;}
  46. .miyu001{margin-top: 50%;text-align: center;float: left;width: 100%;position: relative;}
  47. .miyu001 span{font-size: 14px;color: #ff0000;display: block;padding-bottom: 10px;}
  48. .miyu001 p{}
  49. .miyu001 dd{font-size: 1.1rem;line-height: 2rem;}
  50. .miyu001 dd i{color: #f00;}
  51. .miyu001 em{width: 149px;height: 33px;margin-top: 1px;display: inline-block;line-height: 33px;color: #fff;font-size: 14px;border-radius: 0.7rem;background: #015387;}
  52. .miyu001 a{position:absolute;left:0;top:0;width:100%;height:100%}
  53. .miyu001 .milu{background: #ff6100;}
复制代码

html调用代码:
  1. <script type="text/javascript" src="../../1_images/jquery-1.11.3.min.js"></script>
  2. <script type="text/javascript" src="../../1_images/wands.js?v=1.0"></script>
  3. <script>
  4.         function close_clent(){
  5.             $('.cbg').hide();
  6.             $('.cbg_div').remove();
  7.         }
  8. </script>
  9. <div id="layermbox2" class="layermbox layermbox0" index="2" style="display: block;">
  10.         <div class="laymshade"></div>
  11.         <div class="layermmain">
  12.                 <div style="background:inherit" class="section">
  13.                         <div class="layermchild wx-tip layermanim miluhys" style="overflow: hidden;">
  14.                                 <div class="layermcont">
  15.                                         <div class="wx-close" onclick="hidetc();"><em class="iconfont miluhy">x</em></div>
  16.                                         <div class="wx-course"><div class="miyu001">
  17.                                         <p>通过本站下载游戏APP</p>
  18.                                         <span><i>新用户送首充</i>-官方推荐</span>
  19.                                         <dd style=" margin-left: 0px; ">用户专享 充值<i>4.0</i>折</dd>
  20.                                         <em class="milu">立即安装</em>
  21.                                         <a rel="nofollow" href="这里填写,app下载链接"></a>
  22.                                         </div>
  23.                                         </div>
  24.                                         </div>
  25.                                         </div>
  26.                                         </div>
  27.                                         </div>
  28.                                         </div>
复制代码

添加后,记得保存
该样式不兼容所以模板,有的页面会出现字体或者图片大小变化
原因是有的模板css样式文件有冲突
如果有不兼容的问题,可以付费联系我们进行添加修复



回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关注0

粉丝0

帖子156

发布主题
专注手游推广建站!
全国免费热线电话

18990551016

周一至周日9:00-23:00

反馈建议

www@xoooi.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4 Licensed© 2001-2013 Comsenz Inc.( 蜀ICP备17029717号-1 )