经常在wecenter上提问,得到了很多帮助~
所以也过来分享一下自己刚刚做的一个小功能:提示未登录的用户登录
第一步:
在css文件中添加:
/登陆提示/
#topNavWrapper {
height: 80px;
margin: 0px auto;
min-width:100%;
z-index:1001;
_position: relative ;
_top:0px;
}
#topNav
{
width:100%;
display: block;
z-index: 1001;
overflow: visible;
position: fixed;
bottom: 0px;
_position: absolute;
_top: expression(documentElement.scrollTop-5 + "px");
background-color:#000 ;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#D0D0D0;
height: 80px;
min-width:100%;
opacity:0.8;
}
#topp
{
width:100%;
display: block;
z-index: 1001;
overflow: visible;
position: fixed;
bottom: 0px;
_position: absolute;
_top: expression(documentElement.scrollTop-5 + "px"); margin: 0px auto;
position:fixed;
text-align: center;
margin-bottom:-25px;
height: 80px;
opacity:1.0;
}
#topp a
{
text-decoration: none;
color:#fff;
font-size:14px;
}
第二步:
在footer.tpl.html文件中添加
<!--登录提示 by lawtalksonly-->
<?php if ($this->user_id) { ?>
<?php } else { ?>
<div id="topNavWrapper">
<div id="topNav"> </div>
<div id="topp">
<p><a>欢迎来到最专业的法律主题垂直问答社区:</a><a href="http://law-talks.com/?/account/openid/qq_login/"> <img src="http://law-talks.com/img/tips_06.png" border="0" /></a><a href="http://law-talks.com/?/account/openid/sina/"> <img src="http://law-talks.com/img/tips_08.png" border="0" /></a></p>
</div>
</div>
</div>
<?php } ?>
具体内容大家可以根据自己站的需要自行修改~~~
效果演示:www .law-talks .com
顺便还有个问题,
我的站Ipad下严重错位,侧栏干脆不显示了。
http://wenda.wecenter.com/question/15040
之前提问了还木有人回我。。。哪位大牛帮我看看哪里出了问题。。。
阅读全文
收起全文