destoon5.0头部加入二维码扫描
6.0的程序头部有一个二维码扫描的按钮 http://static.destoon.com/bbs/forum/201510/03/104201q5v81wnwvxr8r5fr.jpg此功能比较实用,但6.0以下系统默认没有此功能,下面开始说下怎么让6.0以下的版本也实现这个功能
1、下载附件 (14.11 KB, 下载次数: 0) 解压至网站根目录api/目录下;
2、打开file/script/page.js文件,将以下代码插入,随便一个位置即可
function Dqrcode() {
var url = $('meta').attr('content') ? $('meta').attr('content').substr(17) : window.location.href;
if($('#destoon_qrcode').length > 0) {
if($('#destoon_qrcode').html().length < 10) {
$('#destoon_qrcode').css({'position':'fixed','z-index':'999','left':'50%','top':'0','margin-left':'-130px','width':'260px','background':'#FFFFFF','text-align':'center'});
$('#destoon_qrcode').html('<div style="text-align:right;color:#555555;font-size:16px;padding-right:6px;cursor:pointer;">x</div><img src="'+DTPath+'api/qrcode.png.php?auth='+encodeURIComponent(url)+'" width="140" height="140"/><div style="padding:10px 0;font-size:14px;font-weight:bold;color:#555555;">扫一扫,直接在手机上打开</div><div style="padding-bottom:20px;color:#999999;">推荐微信、QQ扫一扫等扫码工具</div>');
$('#destoon_qrcode').click(function(){$('#destoon_qrcode').fadeOut('fast');});
}
$('#destoon_qrcode').fadeIn('fast');
}
}3、将以下代码插入到模板头部文件template\default\header.htm(你想显示的地方),下面的代码是直接复制的6.0模板可以根据自己的喜好自行修改但要保留a标签,最根本的目的就是在鼠标点击的时候执行Dqrcode();这个函数
{if $head_mobile}<li class="h_qrcode"><a href="javascript:Dqrcode();">二维码</a> </li>{/if}4、再在头部模板文件template\default\header.htm中添加以下代码(位置可以放在<div class="m head_s" id="destoon_space"></div>这个代码后面)
{if $head_mobile}<div id="destoon_qrcode" style="display:none;"></div>{/if}5、如果使用的是系统默认的模板或没有修改系统头部模板的,需将在skin\default\style.css文件中,将.head 里面的{z-index:99999;}中的99999改成99即可(防止遮挡扫描不出信息);
这样就出现效果了,当然可能出现的效果是这样 http://static.destoon.com/bbs/forum/201510/03/105713h0iwy4nui3c9iiid.jpg 而不是 http://static.destoon.com/bbs/forum/201510/03/105713bq775b4trpbp74ur.jpg 没有左边的图标,可以自行添加新手这样弄(老手可无视)
1、将ico_qrcode.gif http://static.destoon.com/bbs/forum/201510/03/105900a8i0b27z2oe6b6ob.gif 文件上传至skin\default\image目录
2、打开skin\default\style.css文件,插入以下代码
.h_qrcode {background:url('image/ico_qrcode.gif') no-repeat 0 center;padding:0 6px 0 18px;}按照以上操作就完成
页:
[1]