[分享] 重磅推出Wayos-WEB认证页面BCM版本（支持网件614等）自适应电脑和手机20131010更新

[复制链接]

zgwxltlyy

647 回帖	1万积分	757 小时在线时间

上校

注册时间: 2010-7-11

金币: 10001 个

威望: 4 个

荣誉: 1 个

发消息

累计签到：176 天
连续签到：0 天
[LV.200]无线新星

发表于 2013-9-14 22:24 |显示全部楼层

本帖最后由 zgwxltlyy 于 2013-10-10 11:00 编辑

声明：这个认证页面是仿Metro风格，源码完全是我自己的。。。
20131010更新：
1：修复服务器地址（修复不能显示正确排版和无法登陆的问题）
2：路由器里添加的域名更改为 tglyy.free3v.net

20130916更新：

1：手机版图片可完美自动适应屏幕宽高比，图片将会全部显示而不会压缩宽度导致变形不再限制高度为150像素。具体的像素宽高比范围（宽度最好在1000以上高度最好在280以内）电脑版必须是宽580*高250
2：此次为后台更新，大家不需要自己修改任何东西只需要测试手机版图片显示是否正常 3:发现外链吧账号有使用期限限制，更改推荐的空间 http://www.3v.cm/index.html
20130915更新：

更新内容如下：
1：优化代码
2：修复自定义图片

设置方法进入用户管理--基本设置--用户上网控制--允许访问的外网范围(基于域名)--添加域名 tglyy.3vfree.us--提交设置--保存设置即可

1：支持手机和电脑
2：手机和电脑打开的页面图片效果不一样
3：支持记住密码、自动登陆
4：JS和CSS已大部分外链节省代码
5：支持N条自定义文本内容
6：支持添加广告效果图

支持的硬件：网件614等硬改路由 (Wayos原厂路由不知道是否支持）
支持的软件：Wayos-BCM版本 (115.116.120等）

已测试浏览器
电脑：360-IE9
手机：安卓4.0 UC浏览器苹果ios 其他未测试

认证页面的修改方法：解压后用记事本打开该网页文件，选择格式-自动换行（勾选）

1：修改当点击”这里“弹出的
var call_me="请拨打电话:137-xxxx-xxxx";       在这个双引号中间的文字就是当点击”联系管理员”时弹出的内容可以自行修改

2：其他文字可自行随意修改保存，但是注意千万不要把头尾的代码删除了

3：图片的修改方法
请加 QQ群173098230 诚邀喜欢和乐意开源的网页设计人员加入！

图片的修改方法

找到这里

<div class="logo">某某公司无线热点</div>
<div class="zuoce01"><img src="http://tglyy.3vfree.us/wayos01/01.gif" class="img01" /><img src="http://tglyy.3vfree.us/wayos01/02.gif" class="img02" /></div>

这行代码里面http://tglyy.3vfree.us/wayos01/01.gif和http://tglyy.3vfree.us/wayos01/02.gif改成你自己想要的广告页面链接

http://tglyy.3vfree.us/wayos01/01.gif 这张图片的大小为宽580*高250

http://tglyy.3vfree.us/wayos01/02.gif 这张图片的大小为宽1000*高150

链接的图片需要你链接的网站支持外链，如果不支持的话会显示不了的

这里推荐 http://www.3v.cm/index.html 把图片上传到这个空间

例如

申请的域名http://tglyy.3vfree.us先把图片上传到这个空间

设置方法进入用户管理--基本设置--用户上网控制--允许访问的外网范围(基于域名)--添加域名 “图片链接前面的那段网址例如http://tglyy.3vfree.us/wayos01/01.gif那就添加域名tglyy.free3v.net -提交设置--保存设置即可（每一个在人在空间注册的域名都是不一样的所以不能直接添加tglyy.3vfree.us 要看你自己的图片空间域名是什么, 当然，因为这个tglyy.3vfree.us域名是我用来保存一些脚本和CSS的所以必须添加，所以你再添加一个你自己注册上传图片的域名就可以了  ）

电脑显示效果

手机显示效果

认证页面下载售价5金币--不喜勿下。。。

Metro, 电脑, 认证, 手机, 风格