本帖最后由 popuppp 于 2012-5-4 20:29 编辑
网址演示:驻马店论坛 http://bbs.zmd5.com/
图片演示:
第一步:打开:template\default\forum\viewthread_node.htm (非默认风格,则修改风格中的viewthread_node.htm)
搜索从下代码:
<!--{ad ad_a_pr/thread/a_pr/3/$postcount}-->
在这个代码上面添加以下代码- <!--{if !$_G['uid'] && $post['first']}-->
- <div id="register-intro" class="register-intro">
- <strong>马上注册,结交更多好友,享用更多功能,让你轻松玩转驻马店论坛。</strong>
- <a rel="nofollow" href="member.php?mod={$_G[setting][regname]}" target="_blank"><span>立即注册</span></a> 已有账号?<a rel="nofollow" href="member.php?mod=logging&action=login">点击登录</a>。您也可以直接<a href="connect.php?mod=login&op=init&referer=index.php&statfrom=login_simple"><img src="static/image/common/qq_login.gif" class="vm" alt="QQ登录" /></a>
- <span class="reg-close" id="reg-close" onclick="closed()">关闭</span>
- </div>
- <script type="text/javascript">
- function closed(){
- $('register-intro').style.display="none";
- }
- </script>
- <!--{/if}-->
复制代码 第二步:然后添加CSS样式代码,并上传背景图片到空间中
x2.0版本的打开\template\default\common\common.css(非默认风格,则修改风格中的common.css)
搜索:- .ie_all .imgzoom_exif, .imgzoom_exif_hover { background: #000; }
- .ie6 .imgzoom_exif { bottom: 39px; }
复制代码 在其下面添加:- /* 未登陆,提示登陆QQ719468490 */
- .register-intro {
- background: url("static/image/common/reg_intro_bg.png") no-repeat scroll right
- bottom #FFFCE9;
- border: 1px solid #D8E1A9;
- color: #666666;
- float: left;
- font-size: 14px;
- height: 63px;
- margin: 10px auto;
- padding: 15px;
- position: relative;
- width: 733px;
- }
- .register-intro .reg-close {
- background: url("static/image/common/reg_intro_close.png") no-repeat scroll 0 0 transparent;
- cursor: pointer;
- display: block;
- height: 0;
- overflow: hidden;
- padding-top: 8px;
- position: absolute;
- right: 8px;
- top: 7px;
- width: 7px;
- }
- .btn_sm, .btn_option, .btn_sm span, .btn_option span, .btn_sm_m, .btn_option_m, .btn_sm_m span, .btn_option_m span, .btn_reply {
- background: url("static/image/common/bg_btn.png") no-repeat scroll 0 0 transparent;
- }
- .register-intro strong {
- color: #8CA226;
- display: block;
- font-family: "微软雅黑";
- font-size: 16px;
- margin-bottom: 15px;
- }
- .btn_sm {
- background-position: 0 -204px;
- }
- .btn_sm, .btn_option {
- font-size: 14px;
- height: 30px;
- line-height: 33px;
- vertical-align: middle;
- }
- .btn_sm span, .btn_option span, .btn_sm_m span, .btn_option_m span {
- cursor: pointer;
- float: left;
- padding: 0 10px 0 5px;
- }
- .btn_sm span {
- background-position: right -234px;
- }
- .btn_sm span, .btn_sm_m span {
- color: #FFFFFF;
- font-weight: 800;
- }
- .btn_sm, .btn_option, .btn_sm_m, .btn_option_m, .btn_reply {
- display: inline-block;
- overflow: hidden;
- padding-left: 5px;
- }
- }
复制代码 第三步:
将附件中的图片reg_intro_bg.png 和 reg_intro_close.png上传到static\image\common中
|