做了个
遮罩层，使游客隐约可见内容，这样对搜素引擎友好，用户不注册也可看到
由于是技术网站，大部分游客都不会注册，
先前我是设置游客可以看栏目内容，不能看具体帖子内容，必须注册，
当用户点击帖子看内容的时候，自动跳转到注册登录页面
这样对用户不是很友好，
用户不知道里面是不是他要的内容，所以会反感！
同时，直接跳注册页，导致搜索引擎不友好了，每个帖子搜索引擎都会跳到注册页，会降权！
同时收录就会很低！
为了解决以上问题，同时简单化处理
所以，我做了一个优化，将代码里面增加网页遮罩层，
即，当用户点击帖子看内容的时候，判断是否是游客，控制遮罩层的显示与否。
遮罩层这样做：判断到时游客，则将当前页面用黑色半透明遮罩遮住，使用户能隐约看到里面的内容
同时遮罩层上内置登陆和注册按钮，方便用户登陆
效果可以看我网站：
www .stm32cube.com
这个东西没啥技术，如果这个东西有人需要，请留言，我看要的人多的话把代码打包发一下
代码如下使用：
压缩包里面的两个js文件，扔到根目录。
里面的那个index.tpl.htm是WC程序中的PC端question模板文件，
我是用来给咱们举例用的，
在里面可以看到如下代码，
到时候根据你的具体情况自己添加代码到模板的倒数第二行即可：
<!--Begin AD@TTLL.CN -->
<?php if (!$this->user_id) { ?>
<style>
.btn-weibo{background-color: #ff6666;color: #fff !important;}
.btn-weibo:hover{background-color: #ff4d4d;}
.btn-weibo:active{background-color: #E64545;}
.btn-qq{background-color: #418ae2;color: #fff !important;}
.btn-qq:hover{background-color: #2d7fe2;}
.btn-qq:active{background-color: #1773e2;}
.btn-denglu{background-color: #228B22;color: #fff !important;}
.btn-denglu:hover{background-color: #00EE00;}
.btn-denglu:active{background-color: #00EE00;}
.btn-zhuce{background-color: #418ae2;color: #fff !important;}
.btn-zhuce:hover{background-color: #2d7fe2;}
.btn-zhuce:active{background-color: #1773e2;}
.lightbox{width:300px;height:220px;background:#FFFFFF;border:5px solid #ccc;line-height:20px;display:none; margin:0;}
.lightbox dd{ padding:20px; margin:0;text-align: center;}
</style>
<?php
$returnurl = $_SERVER["REQUEST_URI"];
$returnurl = base64_encode ( "http://www.stm32cube.com".$returnurl );
?>
<dl id="idBox" class="lightbox" >
<dd>
<a href="http://www.stm32cube.com/account/openid/weibo/bind/return_url-<?php echo $returnurl;?>" class="btn btn-block btn-weibo"><i class="icon icon-weibo"></i> 微博登录</a>
<a href="http://www.stm32cube.com/account/openid/qq/bind/return_url-<?php echo $returnurl;?>" class="btn btn-block btn-qq"><i class="icon icon-qq"></i> QQ 登录</a>
<br />
<a href="http://www.stm32cube.com/login/" class="btn btn-block btn-denglu">普通登录</a>
<a href="http://www.stm32cube.com/account/register/" class="btn btn-block btn-zhuce">立即注册</a>
</dd>
</dl>
<script src="/CJL.0.1.min.js"></script>
<script src="/AlertBox.js"></script>
<script>
(function(){
var ab = new AlertBox("idBox"), lock = true;
function lockup(e){ e.preventDefault(); }
function lockout(e){ e.stopPropagation(); }
ab.onShow = function(){
if ( lock ) {
$$E.addEvent( document, "keydown", lockup );
$$E.addEvent( this.box, "keydown", lockout );
OverLay.show();
}
}
ab.show();
})()
</script>
<?php } ?>
<!--End AD@TTLL.CN -->记得里面的网址改成你自己的啊。。。。。。
对了，需要修改的模板文件有：
PC端的question文件
\views\default\question中的index文件
article文件
\views\default\article中的index文件
手机端的question和article文件
\views\default\m中的
article.tpl.htm和
question.tpl.htm两个
记住按照我的示例文件那样放置，别放到最最后。。。
好了，就这么多，欢迎到小站看看，呵呵
↓↓↓↓ 代码压缩包在这个下面的附件里！
阅读全文
收起全文
