第一步:下载素材包,解压上传到网站根目录
第二步:进入后台 - 模板编辑 - 手机模板编辑 - 修改对应模板文件
将一下代码添加到对应文件最底部
css调用代码:
- .cbg_div {height:56px;}
- .cbg{z-index: 9999}
- .cbg div{z-index: 9999}
- .cbg .ben_fixed{
- position:fixed;
- bottom:0; left:0;
- width:100%;
- height:56px;
- background:black;
- opacity: 0.65;
- }
- .cbg .ben_fixed_cent{
- position:fixed;
- bottom:0; left:0;
- width:100%;
- height:56px;
- line-height:18px;
- color:#FFF;
- overflow:hidden;
- }
- .cbg .ben_fixed_cent table{font-size:14px;}
- .cbg .ben_fixed_cent a{color:#FFF; display:inline-block; background:#09c915; border-radius:3px; line-height:26px; padding:0px 8px;}
- .cbg .ben_fixed_cent span.x{font-size:10px;}
复制代码
html调用代码:
- <script type="text/javascript" src="../../js/jquery-1.11.3.min.js"></script>
- <script>
- function close_clent(){
- $('.cbg').hide();
- $('.cbg_div').remove();
- }
- </script>
- <div class="cbg">
- <div class="ben_fixed"></div>
- <div class="ben_fixed_cent">
- <table width="99%" height="56" border="0" cellspacing="0" cellpadding="0">
- <tbody>
- <tr>
- <td width="52" align="center" scope="col" >
- <span class="l">
- <img src="https://bbs.6x66.cn/xiazai/img/logo.png" width="42" height="42" alt="仙游阁福利手游盒子!" title="仙游阁福利手游盒子!"></span>
- </td>
- <td style="color: #FFF;" align="left" valign="middle" scope="col">仙游阁福利手游盒子!</td>
- <td width="80" align="center" scope="col"><a href="下载地址">立即下载</a></td>
- <td width="20" align="right" valign="top" scope="col"><span style="color: #FFF;" class="x" onclick="close_clent()">X</span></td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
复制代码
添加后,记得保存
该样式不兼容所以模板,有的页面会出现字体或者图片大小变化
原因是有的模板css样式文件有冲突
如果有不兼容的问题,可以付费联系我们进行添加修复
如果调用出现字体大小不合适,可以尝试顶部调用代码
- <meta content="initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" name="viewport" />
复制代码
|